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

Пишем на песке в Illustrator

В ходе выполнения урока вам понадобится:

Шрифт Avant que…

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

Пишем на песке в Illustrator

В этом уроке мы будем писать/рисовать на песке в программе Adobe Illustrator. В начале мы создадим фон с соответствующей текстурой. Используя основные инструменты, эффекты и техники построения векторных фигур, сделаем основу нашей надписи. Потом мы добавим ей эффекты освещения, в том числе применяя эффект Gaussian Blur. Ближе к концу добавим на иллюстрацию морскую звезду и волны прибоя. Давайте же начнем!

Примечание переводчика. Результат не такой реалистичный как у Photoshop-собрата, но всё равно приятен глазу. Разве что, я бы, пожалуй, сделал буквы более узкими и основную тень «поглубже».

Шаг 1

Создаем новый документ

Запустите Illustrator и нажмите Ctrl+N для создания нового документа. Укажите основными единицами измерений пиксели и задайте размеры 700×500. Убедитесь, что выбран цветовой режим RGB и разрешение 72 ppi. Обязательно снимите галочку с пункта «Align New Objects to Pixel Grid».

Пишем на песке в Illustrator

Создаем фон

Шаг 2

Инструментом Rectangle Tool (M) нарисуйте прямоугольник по размеру монтажной области (700×500 пикселей) и залейте его радиальным градиентом с показанными ниже настройками. К этой заливке добавьте эффект Effect> Artistic> Film Grain с показанными на втором изображении параметрами.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 3

Продублируйте фоновый прямоугольник (Ctrl+C, Ctrl+F). В панели Appearance (Window> Appearance; Shift+F6) выделите эффект Film Grain и удалите его. Затем измените существующую заливку на белый цвет и добавьте ко всей фигуре эффект Effect> Artistic> Sponge с указанными ниже настройками. Измените режим смешивания фигуры на Multiply и уменьшите ее непрозрачность до 30%.

Пишем на песке в Illustrator

Создаем основу надписи

Шаг 4

Активируйте инструмент Type Tool (T) и напишите им, используя шрифт «Avant que…» (ссылка в начале урока) желаемый текст. У меня это слово «Relax». Прочие настройки надписи, примененные мною, видны на изображении ниже. У вас они могут быть другими, в зависимости от длины надписи. После того как текст будет добавлен, примените к нему команду Object> Expand со значениями по умолчанию. Если вы в точности повторяете урок, то удалите букву «x». Позже мы заменим ее другим элементом.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 5

Выделите оставшиеся буквы и примените к ним операцию Object> Path> Offset Path со смещением 3 пикселя. Полученные таким образом фигуры отмечены на изображении ниже красным цветом. Черные же удалите.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 6

Примените к красным фигурам команду Object> Path> Offset Path со смещением 3 пикселя. Новосозданным объектам назначьте иной цвет заливки (у меня желтый), а красные скройте. У оставшихся желтых измените цвет заливки на R=228 G=195 B=122 (#e4c37a). Не снимая выделения, добавьте к ним эффекты Effect> Artistic> Film Grain с показанными ниже параметрами и Effect> Blur> Gaussian Blur с радиусом размытия 3 пикселя.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 7

Включите видимость скрытых в прошлом шаге фигур, сразу же измените цвет их заливки на R=204 G=176 B=125 (#ccb07d) и добавьте эффекты Effect> Artistic> Film Grain и Effect> Stylize> Drop Shadow с указанными ниже настройками.

Пишем на песке в Illustrator

Шаг 8

Сделайте копию буквы «R» (Ctrl+C, Ctrl+F), созданной в 6 шаге. Отправьте ее на самый передний план (Shift+Ctrl+]). В панели Appearance удалите эффекты Film Grain и Gaussian Blur, а также заливку. Добавьте обводку толщиной 1 пиксель и цветом R=239 G=216 B=177 (#efd8b1). Примените к ней профиль «Width Profile 2». Затем настройте пунктир согласно показанным ниже настройкам. После этого добавьте ко всей фигуре эффект Effect> Stylize> Drop Shadow, параметры которого указаны на втором изображении.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 9

Продублируйте фигуру, отредактированную в предыдущем шаге (Ctrl+C, Ctrl+F). Сместите эту копию на 1 пиксель вверх и влево.

Пишем на песке в Illustrator

Шаг 10

Повторите два последних шага для оставшихся букв.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 11

Теперь добавим тени внутри букв. Инструментом Pen Tool (P) нарисуйте несколько контуров в показанных ниже местах буквы «R» (красным цветом). Удалите у них заливку, если она имеется, и назначьте обводку толщиной 1 пиксель с профилем «Width Profile 1». Затем добавьте эффект Effect> Blur> Gaussian Blur с радиусом размытия 1 пиксель. Непрозрачность контуров уменьшите до 30%.

Пишем на песке в Illustrator

Шаг 12

Повторите предыдущий шаг для остальных букв.

Пишем на песке в Illustrator

Шаг 13

Теперь инструментами Pen Tool (P) и Ellipse Tool (L) нарисуйте отпечаток ступни (пример показан ниже). Залейте фигуры цветом R=204 G=176 B=125 (#ccb07d) и добавьте к ним эффект Effect> Artistic> Film Grain с показанными ниже настройками.

Пишем на песке в Illustrator

Шаг 14

Не снимая выделения с добавленных в прошлом шаге фигур, примените к ним операцию Object> Path> Offset Path со смещением 3 пикселя. Новосозданным фигурам назначьте цвет заливки R=228 G=195 B=122 (#e4c37a). На панели Appearance откройте настройки примененного эффекта Film Grain и измените их на указанные ниже. Затем добавьте эффект Gaussian Blur с радиусом размытия 3 пикселя.

Пишем на песке в Illustrator

Шаг 15

Добавим тень здесь. Нарисуйте пером контуры в показанных ниже местах. Назначьте им обводку толщиной 2 пикселя, черного цвета и с профилем «Width Profile 1». Затем примените эффект Gaussian Blur с радиусом размытия 1 пиксель и уменьшите непрозрачность контуров до 30%.

Пишем на песке в Illustrator

Шаг 16

Сделайте копию всех фигур отпечатка ступни. Удалите у них эффект Film Grain и заливку. Назначьте обводку толщиной 1 пиксель и цветом R=239 G=216 B=177 (#efd8b1). Также настройте ей пунктир согласно показанным ниже параметрам. Затем продублируйте эти фигуры и сместите копии на 1 пиксель вниз и 2 пикселя влево.

Пишем на песке в Illustrator

Шаг 17

Выделите и сгруппируйте (Ctrl+G) все фигуры, добавленные с 13 шага по настоящий момент. Отразите группу по вертикали при помощи команды Object> Transform> Reflect. Далее поверните обе группы на 50° по часовой стрелке и расположите их так, как показано на третьем изображении ниже.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Рисуем морскую звезду

Шаг 18

Морская звезда у меня заменит букву «x», удаленную в начале работы над надписью. Если в вашем слове нет такой буквы, то можете просто использовать звезду для украшения. Сейчас мы нарисуем ее основные части.

Инструментом Star Tool (находится в одной группе с Rectangle Tool (M)) кликните по рабочей области. В появившемся диалоговом окне введите значения 64 для радиуса 1, 24 для радиуса 2 и 5 лучей. После выделите крайние опорные точки лучей и преобразуйте их в «сглаженные», нажав кнопку «Convert selected anchor points to smooth» на контрольной панели. Сделайте копию измененной фигуры, которую пока скройте. Затем инструментом Line Segment Tool (\) нарисуйте пять прямых линий как показано ниже. После этого выделите все видимые добавленные в этом шаге фигуры и нажмите кнопку «Divide» на панели Pathfinder (Window> Pathfinder; Shift+Ctrl+F9). Полученное разгруппируйте (Shift+Ctrl+G).

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 19

Залейте каждую из полученных в предыдущем шаге частей линейным градиентом. Их настройки показаны ниже.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 20

Пером нарисуйте показанную ниже фигуру. Залейте ее цветом R=249 G=129 B=0 (#f98100) и примените эффект Gaussian Blur с радиусом размытия 9 пикселей.

Пишем на песке в Illustrator

Добавляем морской звезде шипы

Шаг 21

Нарисуйте круг диаметром 4 пикселя. Инструментом Direct Selection Tool (A) немного исказите его. Назначьте ему полученной фигуре заливку линейным градиентом с показанными ниже настройками. Сделайте копию фигуры. Чуть-чуть ее уменьшите и немного сместите вправо. Заливкой ему назначьте радиальный градиент с указанными ниже параметрами. Сгруппируйте обе добавленные в этом шаге фигуры (Ctrl+G).

Пишем на песке в Illustrator

Шаг 22

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

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 23

Возьмите два шипа, разместите как показано ниже и создайте между ними смешивание (Ctrl+Alt+B ) с расстоянием 5 пикселей для метода «Specified Distance». Задать его можно в меню Object> Blend> Blend Options. При помощи инструмента Convert Anchor Point Tool (Shift+C) отредактируйте контур смешивания как показано на самом нижнем изображении.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 24

Сделайте несколько копий этих смешивания, заполняя ими одну сторону морской звезды. Когда это будет сделано выделите все смешивания и измените их режим наложения на Hard Light.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 25

Сделайте копии этих шипов на оставшиеся стороны морской звезды.

Пишем на песке в Illustrator

Шаг 26

Включите видимость фигуры, скрытой в 18 шаге. Примените к ней операцию Object> Path> Offset Path со смещением 5 пикселей. У полученной фигуры удалите обводку и добавьте заливку цветом R=228 G=195 B=122 (#e4c37a). Добавьте к ней эффект Film Grain с указанными ниже настройками и Gaussian Blur с радиусом размытия 3 пикселя.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 27

Вновь примените к зеленой фигуре команду Object> Path> Offset Path. На этот раз со смещением 1 пиксель. Настройке обводку получившегося объекта показанным ниже образом. Затем продублируйте его и сместите на 1 пиксель вниз и влево. После этого удалите зеленую фигуру.

Пишем на песке в Illustrator

Шаг 28

Сгруппируйте все фигуры (Ctrl+G), добавленные с 18 шага по настоящий момент. Поверните эту группу примерно на 30° по часовой стрелки и разместите как показано ниже.

Пишем на песке в Illustrator

Шаг 29

«Присыплем» один из лучей морской звезды песком. Для этого нарисуйте пером показанную ниже фигуру, залейте ее радиальным градиент и добавьте эффект Film Grain, настройки которых указаны там же.

Пишем на песке в Illustrator

Шаг 30

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

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Добавляем волны прибоя

Шаг 31

Пером нарисуйте показанную ниже фигуру. Залейте ее цветом R=213 G=255 B=255 (#d5ffff). Добавьте к ней эффекты Film Grain с указанными ниже параметрами и Gaussian Blur с радиусом размытия 2 пикселя; измените режим смешивания на Soft Light.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 32

Для большей реалистичности добавим тень и здесь. Нарисуйте пером контур так, как показано ниже. Убедитесь, что у него отсутствует заливка, и назначьте ему обводку толщиной 1 пиксель, черного цвета и с профилем «Width Profile 1». Примените к ней эффект Gaussian Blur с радиусом размытия 3 пикселя. Уменьшите непрозрачность контура до 20% и опустите его ниже фигуры волны из предыдущего шага.

Пишем на песке в Illustrator

Шаг 33

Сделайте копию контура из прошлого шага. Удалите у нее эффект Gaussian Blur. Затем откройте набор кистей Window> Brush Libraries> Artistic> Artistic_ChalkCharcoalPencil и выберите понравившуюся кисть. Я взял «Charcoal – Feather». Измените цвет обводки контура на R=153 G=227 B=255 (#99e3ff), толщину до 3 пикселей, задайте профиль «Width Profile 2», назначьте режим смешивания Screen и уменьшите непрозрачность до 30%.

Пишем на песке в Illustrator

Шаг 34

Нарисуем синюю часть прибоя. Залейте ее линейным градиентом и добавьте эффект Effect> Artistic> Sponge, настройки которых показаны ниже. Затем добавьте эффект Gaussian Blur с радиусом размытия 2 пикселя. Режим смешивания фигуры измените на Hard Light и уменьшите ее непрозрачность до 50%.

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 35

Добавим тень этой части. Нарисуйте пером очередной контур и назначьте ему параметры, показанные ниже. По окончании опустите ниже синей фигуры из предыдущего шага.

Пишем на песке в Illustrator

Шаг 36

Еще немного детализируем синюю часть прибоя. Нарисуйте показанную ниже фигуру. Залейте ее цветом R=241 G=242 B=242 (#f1f2f2), добавьте эффект Gaussian Blur с радиусом размытия 5 пикселей, назначьте режим смешивания Screen и уменьшите непрозрачность до 50%.

Пишем на песке в Illustrator

Шаг 37

На противоположных краях изображения в отмеченных ниже местах добавьте по небольшому кругу. Залейте их радиальным градиентом и создайте смешивание между ними (Ctrl+Alt+B ).

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Пишем на песке в Illustrator

Шаг 38

Инструментом Add Anchor Point Tool (+) добавьте несколько опорных точек на контур смешивания, которые затем выделите, нажмите кнопку «Convert selected anchor points to smooth» на контрольной панели и инструментом Direct Selection Tool (A) отредактируйте этот контур показанным ниже образом. По окончании измените режим наложения смешивания на Multiply.

Пишем на песке в Illustrator

Шаг 39

Сделайте копию смешивания из предыдущего шага. Сместите ее на 17 пикселей вниз и измените режим наложения на Soft Light.

Пишем на песке в Illustrator

Мы закончили!

Вот и готова наша надпись на песке. Надеюсь урок вам понравился. Создавайте свои рисунки!

Пишем на песке в Illustrator

Другие уроки Adobe Illustrator:

Рисуем «плоскую» текстурированную лисичку... Результат урока: В этом уроке вы нарисуете симпатичную лисичку в «плоском» стиле. В процессе вы узнаете как нарисовать одежду, аксессуары и доб...
Как написать текст по контуру в Иллюстраторе... В работе дизайнера зачастую необходимо сделать так, чтобы текст следовал по отрытой траектории, замкнутой траектории или по форме для создания элемент...
Комбинирование градиентов в Adobe Illustrator... Программа Adobe Illustrator позволяет комбинировать градиентные заливки с помощью различных способов. Один из них заключается в использовании режимо...
Градиентный текст В этом уроке я хочу рассказать как можно добавить к тесту некоторые эффекты (например градиент), при этом он останется редактируемым!!! ШАГ ОДИН ...