Vectorboom
Уроки / Векторные Персонажи / Comments: 1

Как создать дизайн футболки для Хэлоуина в Adobe Illustrator

Ярослав Лазунов
23.10.2013
Цель урока

В этом уроке мы научимся создавать в Adobe Illustrator дизайнерскую наклейку на футболку, посвященную Хэллоуину. Вместе с вами я немного порисую, затем мы превратим эскиз в векторную тыкву.

Вы можете скачать исходный векторный файл к этому уроку

Создание эскиза тыквы

Шаг 1

Обычно подобные уроки начинаются со слов: "недавно я нарисовал эскиз” и прилагается картинка. Сегодня же я предлагаю вам порисовать вместе со мной. Хотя к моменту написания урока эскиз тыквы действительно существует, я быстро воссоздам основные этапы рисования. Поэтому конечный эскиз будет несколько отличаться от показанных этапов, главное для вас понять процесс. Итак, берем лист бумаги, карандаш и ластик. Для рисования подойдет белый лист офисной бумаги. Для эскизов я обычно использую карандаш марки HB. Таким карандашом одинаково хорошо рисовать тонкие, едва заметные, линии построений и более толстые линии, которые создают контур основных элементов рисунка. К тому же, линии созданные карандашом марки HB очень легко стирать, если вы используете мягкий ластик. Создадим горизонтальную и вертикальную осевую линии, затем нарисуем овал. Не старайтесь одним движением создавать формы. Рисуйте тонкие линии движениями длиной 5-10 сантиметров. Линии, показанные на рисунке ниже в действительности очень тонкие. Я просто обработал эскиз после сканирования в Photoshop. Для того чтобы вы могли их четко видеть.

Шаг 2

Нарисуем эллипс, центр которого условно находится на пересечении осевых линий.

Теперь нарисуем еще два сегмента эллипсов справа и слева от вертикальной оси.

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

Шаг 3

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

Нарисуем треугольник, затем соединим его с тыквой двумя кривыми в виде букв C и S.

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

Шаг 4

Рисуем две параллельные дуги, отстоящие на равные расстояния от первоначальной линии рта.

Основываясь на эти линии, рисуем зубы тыквы, так как это показано на рисунке ниже.

Шаг 5

При помощи четырех прямоугольников намечаем форму глаз.

Рисуем края кожуры тыквы в прорезях глаз и рта.

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

Коррекция эскиза в Photoshop

Шаг 6

После сканирования открываем рисунок в Photoshop. Для того чтобы сделать его более контрастным переходим Image > Adjustments > Levels… и сдвигаем слайдер полутонов вправо к началу гистограммы.

Два раза кликаем по Background в панели Layers, затем нажимаем на OK в открывшемся диалоговом окне New Layer.

Для редактирования формы нашей тыквы переходим Edit > Transform > Warp. Изменяя положение узлов, появившейся сетки, добиваемся нужного результата, затем нажимаем на клавишу Enter/Return.

Вы также можете удалить грязь с эскиза при помощи Eraser Tool, но делать это совсем необязательно. Теперь эскиз готов для работы в Adobe Illustrator. Наконец-то родная среда обитания!

Создание векторной тыквы в Adobe Illustrator

Шаг 7

Запускаем Adobe Illustrator и создаем новый документ File > New…. Так как мы создаем дизайн футболки, то будем использовать, конечно, режим цвета CMYK.

Теперь вставим эскиз в текущий документ (File > Place…)

Установим для эскиза 50% прозрачности и режим смешиваниия Multiply в панели Transparency.

Шаг 8

Нажимаем на кнопку Create New Layer в панели Layers, удерживая Cmd/Ctrl + Opt/Alt. Это действие приведет к созданию нового слоя ниже существующего.

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

Шаг 9

Основным инструментом рисования векторной тыквы будет Pen Tool. Хотя этот инструмент не имеет настроек, мы можем настроить Preferences для более удобной работы с путями. Нажимаем Cmd/Ctrl + K, затем переходим во вкладку Selection & Anchor Display. Установки, которые использую я, показаны на рисунке ниже. Обратите внимание на опцию Object Selection by Path Only.

Ее включение позволяет нам избежать случайного смещения объектов, с которыми мы не работаем в данный момент. В тоже время, выделить нужный объект, например для окраски становится не очень удобно. Поэтому я включаю эту опцию в процессе работы над формой объектов и выключаю во время окраски объектов. Вы также можете изолировать объект, с которым вы работаете, сделав двойной клик по нему, если у вас выбрана опция Double Click To Isolate.

Шаг 10

Уверен, что многие из вас прекрасно знают все примочки при работе с Pen Tool (P). Но я все же позволю себе освежить вашу память. Используйте Opt/Alt для трансформации гладкой точки в угловую.

Используйте клавишу Space для перемещения последней созданной точки (кнопка мыши нажата).

Клавиша Cmd/Ctrl временно активизирует Direct Selection Tool (A), если этот инструмент был выбран перед Pen Tool (P).

Старайтесь не создавать лишние точки (из-за них линия может потерять свою плавность), мысленно разбивая контур на C и S образные сегменты.

Шаг 11

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

Создайте такие же квадратики и заливаем их цветами, указанными на рисунке выше. Теперь открываем всплывающее меню панели Swatches и выбираем Add Used Colors. Делаем двойной клик по одному из образцов цвета и в открывшемся диалоговом окне выбираем Spot color. Это действие необходимо выполнить со всеми образцами цветов, которые мы будем использовать в иллюстрации.

Шаг 12

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

Двигаясь от темных цветов к светлым, создаем новые объекты.

Оранжевые объекты, в процессе создания, могут выходить за пределы нижней формы. Вы всегда можете удалить их лишние части, используя Shape Builder Tool и удерживая Opt/Alt. При создании новых объектов нужно уделить внимание не только плавности их формы, но также и пространству, которое образовывают между собой соседние объекты. Это пространство называют white space. В нашем случае пробелы это тени на поверхности тыквы.

Шаг 13

Создаем объекты темно-желтого цвета. Иногда для создания новых форм легче скопировать имеющиеся и отредактировать их, чем создавать при помощи Pen Tool. Именно так я поступил в этом случае. Продублируем оранжевые формы и изменим форму новых объектов при помощи Direct Selection Tool (A).

Не забывайте, что пробелы это тень в углублениях тыквы.

Шаг 14

Используя технику дублирования, Direct Selection Tool (A) и Pen Tool (P) создадим формы двух более светлых оттенков желтого цвета. Самый светлый оттенок желтого цвета передает блики на тыкве.

Шаг 15

Не вижу никаких проблем в создании объектов глаз и рта. Хочу только сделать два замечания. Мы должны использовать черный цвет C =0; M =0; Y =0; K =100. И у вас нет необходимости делать идеальными контуры прорезей в тыкве. Они как бы вырезаны ножом.

Шаг 16

Приступим к рисованию хвостика тыквы. В этот раз я не буду вам указывать цвета, которые я использовал. Вам следует подобрать их самостоятельно. Форму хвостика я создал при помощи Pen Tool (P)

Все остальные объекты необходимо создавать при помощи Pencil Tool (N). Настройки этого инструмента показаны на рисунке ниже.

Я рисовал объекты при помощи графического планшета, но вы не должны отчаиваться, если вы пока не используете его в работе. Объекты такой формы можно создать и мышкой. Процесс создания объектов показан на рисунках ниже.

Ну, вот и все. Тыква готова!

Вы можете скачать исходный векторный файл к этому уроку

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

P.S. Любая критика и замечания приветствуются.

Всего комментариев: 1
0
1  
wacko

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.