Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Halloween

Как Создать Иллюстрацию С Белым Котенком На Хэллоуин В Adobe Illustrator

by
Read Time:11 minsLanguages:

Russian (Pусский) translation by Narine Hovhannisyan (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке вы научитесь создавать иллюстрацию с милым котенком, вдохновленную Хэллоуином. Вы в основном будете пользоваться овалами и другими основными формами. Это займет немного больше времени, чем обычно, но будет легко сделать и приведет к восхитительному финальному результату. Давайте начнем!

1.Создание Головы

Шаг 1

Нажмите на Ellipse Tool (L) и создайте овал. Удалите цвет обводки, если есть, и настройте цвет заливки на R=216 G=217 B=218. Возьмите Direct Selection Tool (A), выделите левую и правую опорную точку и потяните их вниз.

creating the headcreating the headcreating the head

Шаг 2

Давайте теперь сделаем уши. Нам нужно нарисовать треугольник (используя тот же цвет заливки) с помощью Polygon Tool. Возьмите Polygon Tool и кликните на монтажную область. В новом диалоговом окне напечатайте 3 Sides с любым Radius. Затем нажмите OK.

Оставьте его выделенным и перейдите в Effect > Warp > Bulge. В новом окне появится Warp Options. Обязательно установите Style на Bulge, Bend 60%, Distortion Horizontal 0%, Vertical 0%. Сделайте еще одну копию уха и вставьте ее спереди (Control-C, Control-F), затем уменьшите ее и настройте цвет заливки на R=243 G=117 B=121. Мы только что сделали одно ухо котенка.

creating the earscreating the earscreating the ears

Шаг 3

Слегка переверните ухо и поместите его на голове. Выделите его и нажмите правую кнопку вашей мыши. В появившемся окне выберите Transform > Reflect. Выберите Vertical ось отражения и нажмите Copy.

Передвиньте второе ухо и поместите его по правую сторону. Чтобы поместить уши прямо по центру головы, выделите их, нажмите правую кнопку вашей мыши и выберите Group. Нажмите клавишу Shift и придерживайте ее, выделите голову и уши вместе. Перейдите в панель Align (Window > Align) и нажмите Horizontal Align Center.

placing the earsplacing the earsplacing the ears

Шаг 4

Перейдем к глазам. Выберите для заливки зеленый цвет (R=141 G=139 B=0) и, используя Ellipse Tool (L), нарисуйте овал. Нарисуйте еще один овал поверх первого и сделайте цвет заливки темнее (R=96 G=91 B=3). Нарисуйте маленькие белые круги как блики. 

Поверните глаз немного влево. Затем сделайте еще один глаз: правый щелчок на мыши и Transform > Reflect, Vertical, Copy. Передвиньте глаз вправо.

creating and putting the eyescreating and putting the eyescreating and putting the eyes

Шаг 5

Нарисуйте розовый овал с цветом заливки R=243 G=117 B=121. Сохраняя его выделенным, нажмите Convert Anchor Point Tool (Shift-C) и нажмите на нижнюю опорную точку, чтобы сделать его заостренным. Мы только что сделали нос. Поместите нос чуть ниже глаз, посередине.

creating and placing the nosecreating and placing the nosecreating and placing the nose

Шаг 6

Используя цвет головы, мы будем рисовать шерсть. Отрегулируйте настройки Pencil : двойной щелчок на Pencil Tool (N) и настройте Tolerances Fidelity на 4 пикселя и Smoothness на 40%. Отметьте Fill New Pencil Strokes и затем нажмите OK. Попробуйте нарисовать нечто похожее как на рисунке внизу. Чтобы закрыть контур, вам нужно придерживать клавишу Alt в течение того, как будете закрывать контур. Нарисуйте три разных вида шерсти: на верхушке головы и на левой и правой щеке. Голова готова!

drawing the furdrawing the furdrawing the fur

2. Создание Тела

Шаг 1

Используя Ellipse Tool (L) нарисуйте овал (цвет заливки R=216 G=217 B=218). Возьмите Direct Selection Tool (A) и, передвигая поручни, создайте форму как на рисунке внизу.

creating the bodycreating the bodycreating the body

Шаг 2

Поместите тело под головой (Control-X, Control-B).

placing the bodyplacing the bodyplacing the body

Шаг 3

Теперь мы создадим деление между головой и телом. Выделите голову, сделайте копию позади (Control-C, Control-B) и подвиньте ее немного вниз. Сделайте цвет заливки темнее (R=201 G=202 B=204). Затем выделите тело и сделайте копию спереди (Control-C, Control-F). Придерживая клавишу Shift, выделите темную копию головы и в панели Pathfinder нажмите на кнопку Intersect .

optically dividing the head and the bodyoptically dividing the head and the bodyoptically dividing the head and the body

Шаг 4

Следующая форма создана для того, чтобы показать заднюю лапу котенка. Нарисуйте овал, используя Ellipse Tool (L) ,с заливкой R=201 G=202 B=204. Чтобы сделать верхнюю и нижнюю опорную точку заостренной, возьмите Convert Anchor Point Tool (Shift-C) и нажмите на них. Затем перейдите в Effect > Warp > Arc. В новом диалоговом окне введите следующее: Style Arc Vertical, Bend 50%, Distortion Horizontal 0%, Vertical 0%. Нажмите OK. Затем расширьте эту форму (Object > Expand Appearance).

creating the shape to show the hind pawcreating the shape to show the hind pawcreating the shape to show the hind paw

Поместите форму там, где должна быть задняя лапа. Если вам не нравится результат предыдущего шага, подвиньте поручни этой формы, используя Direct Selection Tool (A), чтобы достигнуть желаемого результата.

placing the shape to show the hind pawplacing the shape to show the hind pawplacing the shape to show the hind paw

Шаг 5

Чтобы нарисовать передние лапы, начните с овала. Используя Direct Selection Tool (A), подвиньте поручни, чтобы создать форму, показанную внизу. Сделайте другую копию (Control-C, Control-B) и сделайте ее темнее (R=201 G=202 B=204) и немного шире.

creating the front pawcreating the front pawcreating the front paw

Шаг 6

Возьмите обе формы, созданные вами в предыдущем шаге, и поместите их по своим местам. Затем возьмите только темную форму и поместите ее там, где должна быть вторая лапа. Отправьте вторую переднюю лапу назад (Control-X, Control-B).

placing the front pawsplacing the front pawsplacing the front paws

Шаг 7

Последняя часть этой милашки - хвост! Снова нарисуйте овал (цвет заливки тот же, что и у тела и головы). Поместите его позади (Control-X, Control-B) и перейдите в Effect > Warp > Arc. В новом диалоговом окне введите следующее: Style Arc Horizontal, Bend -30%, Distortion Horizontal -65%, Vertical 0%. Нажмите OK. Расширьте форму (Object > Expand Appearance). Милый котенок готов!

creating and placing the tailcreating and placing the tailcreating and placing the tail

3. Создание Ведьминой Шляпы

Шаг 1

Нажмите на Polygon Tool и щелкните по вашей монтажной области. В новом диалоговом окне напечатайте 3 Sides с любым радиусом Radius. Настройте цвет заливки на R=0 G=0 B=24. Перейдите в Effect > Warp > Arc. В новом окне выберитеStyle Arc Vertical, Bend -30%, Distortion Horizontal 0%, Vertical 0%. Нажмите OK. Затем расширьте эту форму (Object > Expand Appearance). Используя Direct Selection Tool (A), подвиньте поручни формы, чтобы достичь следующего результата.

creating the top of the witch hatcreating the top of the witch hatcreating the top of the witch hat

Шаг 2

Сделайте новую копию спереди (Control-C, Control-F). Сделайте новую копию светлее (R=23 G=23 B=44) и убедитесь, что верхушки обоих форм находятся на одной точке.

Настройте цвет заливки на R=234 G=96 B=19 и нариусйте круг наверху. Чтобы сделать красивый круг, придерживайте клавишу Shift , пока будете создавать эту форму. Сделайте еще одну светлую (R=243 G=115 B=33) копию этого оранжевого круга, чтобы придать объем.

creating the top of the witch hat 2creating the top of the witch hat 2creating the top of the witch hat 2

Шаг 3

Нарисуйте овал для нижней части ведьминой шляпы. Сделайте его копию спереди (Control-C, Control-F). Возьмите Direct Selection Tool (A), выделите нижнюю опорную точку на этой новой копии и подвиньте ее вверх. Держите последнюю созданную форму выделенной и сделайте еще одну копию сзади (Control-C, Control-B). Подвиньте ее вверх и настройте цвет заливки на R=66 G=66 B=84. Ведьмина шляпа готова!

creating the bottom of the witch hatcreating the bottom of the witch hatcreating the bottom of the witch hat

Шаг 4

Давайте украсим эту шляпу бантом, чтобы сделать ее еще более восхитительной. Нарисуйте овал (вы заметили, что мы создаем эту иллюстрацию в основном из овалов?). Нажмите Eyedropper Tool (I) и возьмите тот же оранжевый цвет заливки что и на помпоне на шляпе. Подвиньте верхнюю и нижнюю опорную точку налево, используя Direct Selection Tool (A).

Сделайте вторую копию (Control-C, Control-V) и положите их вместе так, как показано на рисунке внизу. Выделив обе эти формы, сделайте правый щелчок мышью и выделите Transform > Reflect. Затем выделите Vertical ось отражения, Angle 90 degrees, и нажмите Copy. Передвиньте две новые копии вправо.

creating the bow 1creating the bow 1creating the bow 1

Шаг 5

Создайте овал (цвет заливки R=243 G=115 B=33) в середине, чтобы сделать узел банта. Два темных узких овала позади узла будут складками банта.

creating the bow 2creating the bow 2creating the bow 2

Шаг 6

Сгруппируйте весь бант и поместите его на шляпе.

placing the bow on the witch hatplacing the bow on the witch hatplacing the bow on the witch hat

4. Положим Ведьмину Шляпу на Котенка

Выделите всю шляпу, не группируйте ее, и положите ее на голову котенка. Выделите только заднюю часть шляпы и нажмите Control-X, Control-B, чтобы отправить ее назад.

putting the witch hat on the kittenputting the witch hat on the kittenputting the witch hat on the kitten

5. Резьба Тыквы

Шаг 1

Для начала нам нужно нарисовать тыкву. Нарисуйте оранжевый овал, цвет заливки R=243 G=115 B=33. Опустите левую и правую опорную точку немного вниз.

creating the shape of the pumpkin 1creating the shape of the pumpkin 1creating the shape of the pumpkin 1

Шаг 2

Сделайте еще одну копию позади (Control-C, Control-B), передвиньте ее влево, и немного переверните вправо. Настройте цвет заливки для новой копии на R=234 G=96 B=19. Оставьте ее выделенной и создайте ее отражение (правый щелчок мыши и нажмите Transform > Reflect, Vertical, Copy). Подвиньте третью часть вправо.

Выделите копию, которую вы создали в этом шаге (рисунок 1) и создайте еще одну позади нее (Control-C, Control-B). Передвиньте ее влево и настройте цвет заливки на R=221 G=83 B=14. Сделайте отражение этой копии (правый щелчок мыши и Transform > Reflect, Vertical, Copy), и передвиньте ее вправо.

creating the shape of the pumpkin 2creating the shape of the pumpkin 2creating the shape of the pumpkin 2

Шаг 3

А теперь будем вырезать глаза. Мы начнем с треугольника (R=191 G=60 B=2). Перейдите в Effect > Warp > Bulge. В новом диалоговом окне введите следующее: Style Bulge Vertical, Bend 50%, Distortion Horizontal 0%, Vertical 0%. Нажмите OK.

creating the eye of the pumpkincreating the eye of the pumpkincreating the eye of the pumpkin

Шаг 4

Создайте второй глаз. Выделите его и держите клавишу Alt нажатой, чтобы передвинуть его в сторону.

После этого нарисуйте два круга и поместите их так, как показано на рисунке. Выделите круги вместе (не забудьте придерживать клавишу Shift для этого), возьмите Eyedropper Tool (I) и выберите тот же цвет соответстующей части тыквы.

placing the eyes of the pumpkin placing the eyes of the pumpkin placing the eyes of the pumpkin

Шаг 5

Чтобы вырезать рот, сделайте овал с темным оранжевым цветом заливки, с тем же, как у треугольной части глаза (используйте Eyedropper Tool (I)). Сделайте левую и правую опорную точку заостренными (используйте Convert Anchor Points Tool (Shift-C). Затем перейдите в Effect > Warp > Arc. Введите Style Arc Horizontal, Bend -50%, Distortion Horizontal and Vertical 0%. Нажмите OK. Добавьте два прямоугольника, (используя the Rectangle Tool (M)) с тем же цветом заливки, как и у соответствующей части тыквы.

creating the mouth and teeth of the pumpkincreating the mouth and teeth of the pumpkincreating the mouth and teeth of the pumpkin

Шаг 6

Расположите рот на его место.

placing the mouth and teeth on the pumpkinplacing the mouth and teeth on the pumpkinplacing the mouth and teeth on the pumpkin

6. Положим Котенка на Тыкву

Давайте поможем котенку взобраться на тыкву.

placing kitty on the pumpkinplacing kitty on the pumpkinplacing kitty on the pumpkin

7. Рисование Паука

Шаг 1

Тело паука будет сделано из серого овала (R=109 G=110 B=112). Опустите левую и правую опорную точку вниз.

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

creating the body and eyes of the spidercreating the body and eyes of the spidercreating the body and eyes of the spider

Шаг 2

Сделайте цвет обводки тем же, что и цвет тела паука, и в панели Stroke отметьте Round Cap. Затем перейдите в панель Tools и дважды щелкните на Pencil Tool (N). В новом диалоговом окне, сделайте Tolerances Fidelity 4 px и Smoothness 40%. В панели Stroke сделайте Stroke Weight очень тонким (по сравнению с телом паука) и нарисуйте четыре ноги.

Выделив эти ноги и сделав их отражение, создайте еще четыре. Подвиньте их вправо.

creating the legs of the spidercreating the legs of the spidercreating the legs of the spider

8. Создание Паутины

Шаг 1

Настройте цвет обводки на R=64 G=64 B=65 и удалите цвет заливки. Возьмите Polygon Tool и нажмите на вашу монтажную область. Наберите 10 Sides с любым Radius. Создайте еще два таких же многоугольника, каждый меньше предыдущего.

Возьмите Line Segment Tool и придерживайте клавишу Shift чтобы нарисовать прямую линию. С тем же цветом заливки нарисуйте два маленьких круга на концах. Сгруппируйте круги и линию. Поместите эту линию посередине многоугольников.

Держите линию выделенной и нажмите Rotate Tool (R), затем нажмите клавишу Enter . Появится новое окно. Напечатайте 15 or 20 degrees и нажмите Copy. Продолжайте нажимать Control-D, чтобы повторить ваше последнее изменение. Паутина готова.

creating the spider webcreating the spider webcreating the spider web

Шаг 2

Поместите там пауков.

settling the spiders on the spider websettling the spiders on the spider websettling the spiders on the spider web

9. Создание фона

Создайте два круга, как это показано на рисунке. У меньшего круга цвет заливки должен быть R=35 G=31 B=32, у большего - R=88 G=89 B=91.

Выделите большой круг и перейдите в Effect > Distort and Transform > Zig Zag. Затем введите Options Size 4 px, Absolute, Ridges per Segment 20, Points Smooth, и нажмите OK.

creating the background shapecreating the background shapecreating the background shape

10. Расположение фона

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

placing the background shapeplacing the background shapeplacing the background shape

11. Создание Полосатого Фона

Теперь нам надо создать другой фон. Возьмите Rectangle Tool (M) и создайте прямоугольник с шириной и длиной 600 пикселей. Расоложите его позади всех элементов. Настройте цвет заливки R=243 G=242 B=227.

Позже сделайте еще одну копию спереди и сделайте ее темнее (R=216 G=214 B=168) и уже.

Выделив новую зеленую полоску, нажмите Shift и Alt и передвиньте полоску вправо. Продолжайте нажимать Control-D, чтобы повторить последнее изменение. Остановитесь, когда заполните светло-зеленый квадрат.

creating the striped backgroundcreating the striped backgroundcreating the striped background

12. Расположение Полосатого Фона

Выделите светло-зеленый квадрат и темно-зеленые полоски вместе и поместите их позади всех элементов, которые вы сделали. Ваша иллюстрация готова! Мои поздравления!

placing the striped background placing the striped background placing the striped background

Заключение

Вот видите! Вы можете создавать восхитительные иллюстрации, используя только основные формы! Я надеюсь, что вы научились нескольким уловкам и можете теперь сами их применить. Не могу дождаться ваших результатов ниже!

One subscription.
Unlimited Downloads.
Get unlimited downloads