Опубликовано в Cекреты и Cоветы | 0 комментариев

Использование эффекта Scribble в Illustrator

Результат урока

Ниже приведена иллюстрация, полученная применением набора кистей, созданного с использованием эффекта Scribble, в Photoshop. Имея премиум-аккаунт Tuts+, вы можете загрузить исходные файлы урока (включая кисти в формате .abr) из оригинальной статьи.

Использование эффекта Scribble в Illustrator

Введение

В этом уроке мы внимательно рассмотрим каждую опцию из настроек эффекта Scribble. Затем я покажу как можно применить этот эффект к прямоугольному и цветочному дизайну и проведу вас по созданию набора кистей в Photoshop, использующих данный эффект.

Результат, получаемый применением эффекта каракулей, может иметь интересные текстуры похожие на сделанные вручную. Они служат отличной основой для создания кистей для Photoshop. Я создал набор цветочных кистей, основанных на данном эффекте. Он доступен для обладателей премиум-аккаунта Tuts+.

Еще раз повторюсь: предоставляющиеся возможности огромны. Вы можете использовать этот эффект для созданий паттерна, который будет служить затенением для вашего персонажа; имитировать каракули, сделанные детской рукой и многое другое. В видео-уроке подкаста Creative Suite дается несколько наглядных советов по применению, например, во флэш-анимации. Эффект Scribble – один из тех, с которыми можно можно провести многие часы. И это нужно делать! Экспериментируйте, находите интересные решения!

В программе уже имеется несколько предустановленных стилей, использующих данный эффект, которые можно сразу применить или просто проанализировать. Обратите внимание, что во многих из них эффект применяется не один раз. Открыть стили можно в выпадающем меню панели Graphic Styles> Open Graphic Style Library> Scribble Effects или через меню Window> Graphic Style Libraries> Scribble Effects. Сам эффект находится в меню Effect> Stylize> Scribble.

Использование эффекта Scribble в Illustrator

Перед тем как продолжить хотелось, чтобы вы прочитали статью о преимуществах использования эффектов и урок по созданию эскиза с применением эффекта Scribble из официальной справки Adobe.

Если вкратце, то эффекты применяются к объектам, не затрагивая их оригинальную форму, а внося только визуальные изменения. Эффекты можно применять не только к объектам в целом, но и к каждой заливке или обводке в отдельности. Да еще и не один раз. Более того, настройки каждого эффекта можно в любой момент времени изменить.

Раздел 1. Настройки эффекта Scribble

В этом разделе мы рассмотрим каждый из доступных параметров. Я приведу наглядные примеры, демонстрирующие происходящие изменения.

Шаг 1. Предустановленные варианты

Первое на что стоит посмотреть – уже имеющиеся настройки. Они хорошо отражают разнообразие параметров. Не забывайте про кнопку «Preview», позволяющую увидеть результат без окончательного применения. Ниже приведено три примера.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 2. Angle (Угол)

Этот параметр регулирует угол, под которым будут «нарисованы» каракули. При изменении этого параметра вручную вариант «Default (По умолчанию)», указанный в выпадающем меню чуть выше, изменится на «Custom (Пользовательский)», что указывает на создание нового, уникального эффекта.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 3. Path Overlap и Variation (Наложение контуров и Вариативность)

Данный параметр контролирует положение линий эффекта относительно границ фигуры. Смещение слайдера в левую сторону сдвинет их внутрь объекта (первое изображение ниже), в правую сторону – наружу (второе изображение).

Если не трогать слайдер и оставить значение «по центру», то и линии не будут смещаться ни в какую из сторон. Однако изменение опции Variation приведет к тому, что линии будут случайным образом выходить и за пределы и внутрь границ (третье изображение). Чем больше значение, тем больше случайность. Принцип действия данной опции аналогичен и для всех остальных параметров, использующих ее, – она вносит больше разнообразия в расположение линий эффекта.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 4. Параметры линий: Stroke Width (Толщина)

Название говорит само за себя – параметр изменяет ширину линий.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 5. Curviness и Variation (Кривизна)

Контролирует кривизну линий до точки изменения направления. На первом примере показана настройка с нулевым значением, на втором – с максимальным 100%, и картина уже совсем другая. Различия же в значении опции Variation особо хорошо видны на первом и последнем изображении, потому как кривизна в обоих случаях отличается незначительно.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 6. Spacing и Variation (Интервал)

Здесь название тоже говорит за себя – параметр управляет расстоянием между линиями. На первых двух примерах оно изменяется от 5 до 24 пикселей. На последнем изображении опция Variation опять привносит элемент случайности.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

А теперь всё это вместе

Соберем вместе знания об экспериментах выше. Теперь вы можете применять различные настройки параметров, достигая нужного эффекта. Ниже представлено несколько примеров использования различных комбинаций параметров, демонстрирующих их влияние друг на друга.

На первом примере значительно уменьшен интервал, что требует и снижения толщины обводки, иначе отдельных линий просто не будет видно. Во втором примере просто случайные параметры.

Мы можете сохранить понравившиеся настройки как графический стиль и быстро использовать в дальнейшем. Для этого выделите фигуру с примененным эффектом и просто перетащите ее на панель Graphic Styles, где в выпадающем меню выберите пункт «Save Graphic Style Library», что сохранит стиль в отдельный набор.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Раздел 2. Применение эффекта Scribble и создание кистей для Photoshop

В этом разделе мы применим эффект Scribble к диагональному рисунку, состоящему из нескольких прямоугольников разного размера. Затем создадим на его основе небольшой набор кистей для Photoshop.

Шаг 1. Создание нового документа

Создайте в Illustrator новый документ любых размеров, главное чтобы они не превышали максимальный размер будущей кисти (2500×2500 пикселей). Нарисуйте там несколько черных прямоугольников без обводки.

Использование эффекта Scribble в Illustrator

Шаг 2. Вращение, копирование и выравнивание

Поверните прямоугольники, воспользовавшись инструментом Rotate Tool (R ) с нажатой клавишей Shift, чтобы угол поворота был кратен 45°. Затем сделайте их дубликат и вставьте на новый слой, который именуйте «Rectangle_1». Продолжайте создание копирование уже на этом слое до тех пор, пока не посчитаете достаточным. Вы можете изменить размер некоторых из прямоугольников или добавить еще, если имеется такая необходимость. В любом случае, это всегда можно сделать позже.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 3. Эксперименты с эффектом Scribble

Теперь настала пора подобрать понравившиеся настройки каракулей, которые вы посчитаете интересными для создания кисти. Мы в данном уроке работаем с черным цветом, но Photoshop может интерпретировать все оттенки серого.

Ниже показаны настройки эффекта, использованные мной. Вы можете выбрать любые другие, но угол в 45° (как показано ниже) лучше не менять.

Помните, что примененный эффект можно изменить в любой момент времени. Он отображается в панели Appearance. Применять его следует непосредственно к фигуре, а не заливке. Если вам нужно изменить настройки, то не ходите в меню Effect> Stylize> Scribble, иначе это добавит еще один эффект, а найдите эффект в свойствах фигуры на панели Appearance и заходите в настройки оттуда.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 4. Добавление вариантов

На отдельных слоях сделайте другие варианты расположения и количества прямоугольников, применив к ним те же настройки эффекта. Хороший набор должен состоять из 15 или более кистей, визуально выглядящих как единое целое, но в то же время разных. В данном уроке я ограничился 2 дополнительными вариантами, расположив их на слоях «rectangles_2» и «rectangles_3».

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator Шаг 4. Превращение изображений в кисти Photoshop

Выделите все фигуры на слое «Rectangles_1» и скопируйте их (Ctrl+C), запустите Photoshop и создайте новый файл (Ctrl+N). Программа должна автоматически определить размер скопированного изображения, которое, напомню, должно быть чуть меньше 2500×2500 пикселей. Обязательно дайте документу «говорящее» имя. В моем примере это «rectangle_1».

Использование эффекта Scribble в Illustrator

Нажмите Ctrl+V для вставки изображения. В появившемся диалоговом окне выберите пункт «Pixels».

Использование эффекта Scribble в Illustrator

Активируйте инструмент Brush Tool (B ) и откройте в левой части интерфейса выпадающее меню. Выберите пункт «Preset Manager». Выделите все имеющиеся кисти (Ctrl+A) и удалите их. Не бойтесь, вы удалите их только из меню выбора, но не сами ABR-файлы.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Теперь выполните команду Edit> Define Brush Preset и назовите эту кисть (у меня это «Rectangle_1»). Первая кисть создана.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Повторите процесс копирования, вставки и определения кисти для двух оставшихся вариантов «Rectangle_2» и «Rectangle_3».

Использование эффекта Scribble в Illustrator

Шаг 5. Экспорт кистей как единого набора

Вновь откройте выпадающее меню слева, но на этот раз выберите пункт «Save Brushes». Сохраните набор под названием «rectangular_angled_brushes». Программа создаст файл формата .abr, который можно скопировать из программного каталога и поделится им со всем светом. Программный каталог кистей находится по адресу c:Users%user_name%AppDataRoamingAdobeAdobe Photoshop CS6PresetsBrushes (для ОС Windows 7), где %user_name% – имя вашего пользователя.

Использование эффекта Scribble в Illustrator

О масштабируемости

Имейте в виду, что созданные таким образом кисти не очень хорошо масштабируются, хоть они и основаны на векторе. Кисти больших размеров (в районе 2500×2500 пикселей) прекрасно подойдут для нанесения текстур. Но если вам нужны более мелкие варианты, то придется сначала сделать изображение такого размера в Illustrator и уже его превращать в кисть.

Конечно, вы могли бы сохранить и большие варианты в формате EPS, а потом изменять их до любого размера. Но эти кисти созданы из линий, которые с уменьшением размеров тоже станут меньше и потеряют весь свой «товарный» вид. Так что рассчитывайте размеры точнее с самого начала, чтобы не делать лишнюю работу.

Раздел 3. Создание цветочной кисти с эффектом Scribble

В этом разделе я кратко расскажу о «сотворении» указанной в названии кисти. Сам процесс не отличается от уже сделанного до этого, здесь просто используются другие векторные фигуры и настройки эффекта.

Шаг 1. Создание овальной основы и ее преобразование в цветок

Нарисуйте овал примерно в половину размера вашего документа. Используйте Direct Selection Tool для редактирования формы, чтобы она больше походила на лепесток. Когда закончите, активируйте инструмент Rotate Tool (R ), зажмите Alt и щелкните чуть ниже фигуры лепестка. В открывшемся диалоговом окне укажите значение 45°, в конце не забудьте нажать кнопку «Copy». Теперь воспользуйтесь клавиатурным сочетанием Ctrl+D – оно повторит последнюю примененную операцию трансформации со всеми введенными параметрами. Нажмите эти клавиши еще несколько раз до завершения круга.

Выделите все лепестки (Ctrl+A), сгруппируйте (Ctrl+G) и отцентруйте их относительно документа; при необходимости масштабируйте.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 2. Делаем цветок более органичным

Вооружитесь инструментом Direct Selection Tool (A) и редактируйте опорные точки каждого из лепестков до достижения более натуралистичного вида всего цветка. Как видно ниже, я внес довольно существенные изменения.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Шаг 3. Применение эффекта Scribble

Выбранные мною настройки можно увидеть ниже. Вы можете использовать их или подобрать свой вариант. На этом создание цветка закончено.

При желании вы можете создать больше вариантов как с разными цветками, так и с этим, но других размеров. Затем примените шаги из 2 раздела для создания набора кистей.

Использование эффекта Scribble в Illustrator

Использование эффекта Scribble в Illustrator

Заключение

Теперь вы знаете о том как работает эффект Scribble в Illustrator. Экспериментируйте – данный эффект как нельзя лучше подходит для этого. Создавайте свои текстуры и кисти. Как вы видели – это очень просто.