Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Грязный текст в Adobe Illustrator при помощи планшета

8 сентября 2015 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем создавать эффект грязи или помятости в Adobe Illustrator. Для выполнения этого урока вам понадобится планшет. Мы будем использовать инструменты Blog brush/Кисть-клякса, Live Paint/Быстрая заливка и настроим специальную кисть для работы на планшете. Выполнение урока очень увлекательно, а набив руку, вы сможете быстро применять технику к любым объектам.

 

Результат

Final Illustrator tutorial image

Шаг 1

Создайте новый документ и введите ваш текст при помощи инструмента Text/Текст (T). Смените цвет заливки текста на светло-серый.

Step 1

Шаг 2

В палитре Layers/Слои переименуйте слой в “Template”, дважды кликнув по слою и сменив имя в окне Layer Options/Свойства слоя. Теперь заблокируйте слой. Создайте новый слой, нажав соответствующую кнопку в палитре Layers/Слои и переименуйте новый слой в “Artwork”.

Step 2

Шаг 3

Для создания внешних линий и контуров мы используем инструмент Blob Brush/Кисть-клякса (Shift + B) и планшет. Для начала нам нужно настроить Blob Brush/Кисть-кляксу (Shift + B), чтобы можно было пользоваться чувствительностью пера планшета к нажиму. Кликните дважды по иконке инструмента Blob Brush/Кисть-клякса (Shift + B) в палитре Tools/Инструменты. В окне опций инструмента укажите в строке Fidelity/Точность — 1, в строке Smoothness/Сглаживание — 0, в строке Size/Размер — 2, выберите Pressure/Нажим в первом выпадающем меню и укажите Variation/Варьирование в 2. С этими настройками Blob Brush/Кисть-клякса будет реагировать на нажим. Настройка параметров Fidelity/Точность и Smoothness/Сглаживание создают эффект штрихов от руки.

Step 3

Шаг 4

Увеличьте масштаб холста, чтобы работать над первой буквой, и начните обводить ее инструментом Blob Brush/Кисть-клякса (Shift + B). Во время выполнения обводки варьируйте степень нажима, чтобы имитировать рисование от руки. Также используйте разные кисти во время обрисовки — это сделает работу более разнообразной. Хороший результат получается, если вы начинаете и оканчиваете штрих на легком нажиме.

Step 4

Шаг 5

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

Step 5

Шаг 6

Теперь, когда мы обвели букву, можно сменить ее цвет. Для начала выделите все штрихи и возьмите инструмент Live Paint Bucket/Быстрая заливка (K). Этот инструмент преобразует работу в объект для быстрой заливки. Теперь вы можете просто поднести инструмент к области, которую хотите закрасить, выбрать нужный оттенок и кликнуть, чтобы залить область.

Step 6

Шаг 7

Выделите объект быстрой заливки и в меню выберите Object > Live Paint > Expand/Объект>Быстрая заливка>Разобрать. Теперь разгруппируйте объект (Command + Shift + G) несколько раз.

Step 7

Шаг 8

Выделите внутреннюю часть буквы, которая появилась у вас вследствие быстрой заливки, и выберите в меню Object > Path > Offset/Объект>Контур>Создать параллельный контур. В появившемся окне укажите отступ (Offset) в -3 px. Этот параметр может быть больше или меньше, в зависимости от размера вашей работы. Залейте параллельный контур более светлым оттенком основного цвета.

Step 8

Шаг 9

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

Step 9

Шаг 10

Теперь наши буквы готовы и слой “Template” нам больше не нужен. Просто клинките по иконке глаза рядом с ним, чтобы скрыть его. Теперь сгруппируйте (Command + G) каждую букву. Так будет проще заниматься их редактированием в следующих шагах.

Step 10

Шаг 11

Инструментом Selection/Выделение (V) переместите и поверните каждую букву. Используйте функции Illustrator под названием Arrange/Монтаж, чтобы выбрать какие буквы окажутся впереди остальных (Object > Arrange/Объект>Монтаж).

Step 11

Шаг 12

Чтобы придать работе глубины, мы можем создать тени. Для начала выделите первые две буквы, копируйте их (Command/Ctrl + C), и вставьте копии на передний план (Command/Ctrl + F). Выделите копию первой буквы и нажмите кнопку Unite/Объединить в палитре Pathfinder/Обработка контура. Так же объедините копию второй буквы. Выделите копию первой буквы и переместите ее ниже и правее. Выделите обе копии и нажмите на кнопку Intersect/Пересечение в палитре Pathfinder/Обработка контура. Смените цвет заливки получившейся фигуры на светло-серый и в палитре Transparency/Прозрачность укажите в меню Blending Mode/Режима наложения параметр Multiply/Умножение. Разместите фигуру так, чтобы она оказалась под первой буквой, но над второй.

Step 12

Шаг 13

Повторите эту процедуру, чтобы создать тени для всех букв.

Step 13

Шаг 14

Чтобы добавить текстуры работе, инструментом Blob Brush/Кисть-клякса нарисуйте небольшие кусочки грязи вокруг текста. При помощи Live Paint/Быстрой заливки укажите цвет кусочкам.

Step 14

Результат

Final Illustrator tutorial image

Автор урока vectips

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.