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

Как создать счастливый талисман с Манэки-нэко в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Возможно, вы где-то встречали статуэтку с кошкой, одна лапа которой поднята и качается вперёд-назад.  Это Манэки-нэко или Манящая кошка, обычная японская фигурка. Считается, что она приносит удачу своему владельцу.   

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

Может быть, сложно представить все мелкие детали фигурки, если вы никогда не видели Манэки-нэко, поэтому я рекомендую вам посетить Envato Market и посмотреть на эти фотообразцы с PhotoDune, где вы увидите фигурку с разных углов и разных цветов.  

Теперь, когда мы готовы, давайте начнём создавать наш талисман! 

1. Как создать кошачью голову

Шаг 1

Сначала возьмите Инструмент «Прямоугольник» (М) и создайте прямоугольник 800 х 600 пикселей для фона, чтобы все детали были видимы на полотне.  Примените ярко-фиолетовый радиальный градиент и Инструментом «Градиент» (G) измените положение заливки.  

make a purple rectangular background

Давайте возьмём Инструмент «Эллипс» (L) и сформируем голову из круга 195 х 195 пикселей.  Примените радиальный градиент белого цвета в центре и светло-бежевого цвета по краям.  Инструментом «Градиент» (G) расположите градиент, как показано на картинке ниже, создав мягкую тень в нижней части головы, сделав её сферической. Мы будем использовать много линейного и радиального градиента в этом руководстве, применяя их к каждому создаваемому объекту.   

Теперь возьмём Инструмент «Прямое выделение» (А) и выделим обе боковые опорные точки фигуры.  Сдвиньте их вниз и слегка к краям, сделав низ фигуры более плоским и широким. 

make a head from circle

Шаг 2

Скопируйте голову и дважды Вставьте её на передний план (Control-C > Control-F > Control-F).  Сдвиньте верхнюю копию слегка вверх. 

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

Заполните новую фигуру линейным градиентом от белого до голубого и переключитесь в Режим умножения на панели Прозрачности, сделав фигуру полупрозрачной.  Таким образом, мы добавили мягкий голубоватый оттенок. 

use the minus front to cut the shape

Шаг 3

Давайте добавим яркое пятно на верху головы. Создайте круг 120 х 120 пикселей и заполните его ярко-оранжевым линейным градиентом.  Выделите голову и оранжевый круг и возьмите Инструмент «Создание фигур» (Shift-M).  Удерживая Alt, кликните на верхней части оранжевого круга, которую мы хотим удалить.  Готово! 

use the shape builder tool

Шаг 4

Теперь давайте нарисуем детали лица.  Инструментом «Эллипс» (L) создайте круг 50 х 50 пикселей.  Удалите цвет Заливки и установите цвет Обводки на линейный градиент коричневых оттенков.  

Перейдите на панель Обводки, установите Ширину на 6 и выберите Углы в середине. 

draw a circle for the eye

Шаг 5

Возьмите Инструмент «Ножницы» (S) и кликните на левой и правой опорных точках фигуры, чтобы разделить круг на две половины.  Удалите нижнюю часть.  Слегка поверните фигуру, изобразив закрытое веко.  

Выделив фигуру, дважды кликните на Инструменте «Зеркальное отражение» (О) и отразите фигуру по Вертикальной оси.  Нажмите «Копировать», чтобы создать второй глаз. 

use the scissors tool to cur the shape and make the eyes

Шаг 6

При помощи тех же полукруглых фигур создайте рот. 

Скопируйте фигуру головы и Вставьте её на Передний план (Control-C > Control-F). Отправьте копию на Передний план (Shift-Control-]) и уменьшите её.  

Заполните копию линейным градиентом от оранжевого до чёрного и переключите Режим наложения на Осветление, создав яркий блик на лбу. 

make the mouth and add a highlight to the forehead

Шаг 7

Теперь давайте сформируем уши.  Инструментом «Многоугольник» создайте треугольник 120 х 120 пикселей (вы можете изменить его размер либо на верхней панели управления, либо на панели Трансформирования (Окно > Трансформировать)). 

Заполните треугольник мягким линейным градиентом таких же бело-бежевых цветов, как цвета головы. 

Выделите верхнюю опорную точку Инструментом «Прямое выделение» (А) и потяните вниз круглый маркер Динамического угла, чтобы сделать верх уха скруглённым. 

Создайте скруглённый треугольник поменьше внутри уха.  Заполните его ярко-оранжевым линейным градиентом, выбрав его в верхней части головы при помощи Инструмента «Пипетка» (I).

make the ear from triangle

Шаг 8

Поверните ухо и присоедините его к голове.  Сдвиньте ухо на Задний план (Shift-Control-[).  Инструментом «Искривление» (Shift-') сделайте края уха слегка выгнутыми. 

Инструментом «Зеркальное отражение» (О) присоедините зеркальную копию к другой стороне головы. 

Rotate the ears and attach to the head

2. Как создать туловище Манэки-нэко

Шаг 1

Возьмите Инструмент «Скруглённый прямоугольник» и сформируйте туловище из фигуры 195 х 190 пикселей с округлыми углами.  Заполните его радиальным градиентом, создав мягкую тень по краям. 

Инструментом «Прямое выделение» (А) выделите опорные точки верхних углов и сдвиньте их ближе друг к другу при помощи клавиш со стрелками, удерживая Shift, чтобы сделать фигуру более узкой наверху.  

Отправьте на задний план (Shift-Control-[), поместив тело позади головы.  

make the body from rounded rectangle

Шаг 2

Добавьте светло-голубое отражение в нижней части туловища, применив ту же технику, что и для головы. 

Add a light-blue reflex and the bottom of the body

Шаг 3

Давайте создадим лапу из эллипса 70 х 45 пикселей, заполненного линейным градиентом от белого до светло-бежевого.  Выделите обе боковые опорные точки и сдвиньте их вниз, сделав низ фигуры плоским. 

Инструментом «Отрезок линии» (\), удерживая Shift, создайте три короткие вертикальные линии для когтей.  Примените тот же коричневый линейный градиент для Обводки, как мы сделали это для глаз.  Установите Толщину на 4 на панели Обводки и сделайте кончики линий скруглёнными.   

make a paw from ellipse

Шаг 4

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

Скопируйте круг и дважды Вставьте его на Передний план (Control-C > Control-F > Control-F). Сдвиньте верхнюю копию слегка вниз и заполните её линейным градиентом от жёлтого до чёрного. 

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

make a jingle-bell from circle 1

Шаг 5

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

Сделайте так, чтобы фигура вписалась в круг, удалив её нижнюю часть, либо применив функцию Пересечения на панели Обработки контуров, как мы делали это в предыдущем шаге, либо при помощи Инструмента «Создание фигур» (Shift-M), как мы делали это ранее (Часть 1, Шаг 3).  

make a jingle-bell from circle 2

Шаг 6

Присоедините колокольчик к шее кошки и поместите яркий, желтовато-зелёный эллипс позади него. 

Для воротника давайте создадим ярко-красный эллипс поверх верхней части тела.  Выделите тело и эллипс и используйте Инструмент «Создание фигур» (Shift-M), удерживая Alt, кликнув и удалив ненужную часть.  Несколько раз Переложите воротник Назад (Control-[), поместив его за голову и колокольчик. 

Не забудьте прикрепить лапы к нижней части тела. 

attach the details to the body

Шаг 7

Чтобы сделать фигурку более реалистичной, нам нужно добавить к ней несколько мягких теней.  Давайте узнаем, как можно создать тень из колокольчика. 

Скопируйте круг колокольчика и Вставьте его на Задний план (Control-C > Control-B).  Сдвиньте копию слегка вниз и заполните её вертикальным линейным градиентом от бежевого наверху до белого внизу. 

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

Используйте тот же метод для добавления теней, созданных из головы и лап.  Помните о том, что нужно вырезать и удалять ненужные части при помощи Инструмента «Создание фигур» (Shift-M).

add shadows in multiply mode

Шаг 8

Давайте добавим руки и передние лапы нашей Манэки-нэко.  Расположите лапу на левой (или правой) стороне лица по своему усмотрению.  Инструментом «Скруглённый прямоугольник» создайте фигуру 50 х 90 пикселей с Угловым радиусом 20 пикселей для руки и заполните её таким же вертикальным линейным градиентом от светло-бежевого до белого, который мы применяли для других частей тела. 

Добавьте светло-голубой оттенок в нижней части руки и не забудьте создать мягкую тень из лапы, расположив её поверх лица. 

add the arms and front paws

Шаг 9

Теперь давайте нарисуем рыбу, которую поместим во вторую лапу кошки.  Инструментом «Эллипс» (L) создайте эллипс 115 х 55 пикселей для тела и заполните его ярким линейным градиентом от светло-розового наверху до тёмно-розового внизу.  

Создайте ещё один эллипс, заполните его светло-розовым цветом и поместите его поверх тела, закрыв его правую часть.  Выделите обе фигуры и Инструментом «Создание фигур» (Shift-M), удерживая Alt, удалите части фигуры вокруг тела. 

Теперь мы сформировали голову нашей рыбы.  Давайте добавим больше деталей! 

make a fish from ellipses 1

Шаг 10

Создайте овал поменьше размером 40 х 20 пикселей и заполните его горизонтальным линейным градиентом тёмно-розовых оттенков. 

Инструментом «Прямое выделение» (А) выделите обе боковые опорные точки и Преобразуйте выделенные опорные точки в угол, перейдя на верхнюю панель управления, сделав фигуру заострённой. 

Скопируйте созданный объект и создайте рыбий хвост, соединив две указанных фигуры.  

Завершите создание рыбы, добавив полукруг для глаза. 

make a fish from ellipses 2

Шаг 11

Поместите рыбку в кошачью лапу и присоедините её к туловищу.  Создайте тень от лапы и рыбы из полупрозрачных фигур в режиме Умножения.  

attach the paw with the fish to the body

Шаг 12

Наконец, давайте добавим загнутый хвост.  Инструментом «Дуга» присоедините дугообразную фигуру к левой стороне туловища и примените Обводку со значением 30 с закруглёнными углами. 

add a curved smooth tail with the arc tool

Шаг 13

Давайте разберём хвост (Объект > Разобрать), чтобы превратить его в редактируемую фигуру.  Теперь можем применить линейный градиент и добавить второстепенные детали.  

Поместите яркий желтовато-оранжевый эллипс поверх хвоста и Инструментом «Создание фигур» (Shift-M), удерживая Alt, удалите ненужную часть вокруг хвоста. 

Скопируйте оранжевую часть и Вставьте её на Передний план (Control-C > Control-F).  Уменьшите копию и превратите её в ярко-жёлтый блик, взяв цвет лба при помощи Инструмента «Пипетка» (I).

add a highlight to the tail

3. Как создать фон в восточном стиле

Шаг 1

Давайте создадим несколько элементов для простого азиатского фона, чтобы наша картинка выглядела сбалансированной и завершённой. 

Инструментом «Эллипс» (L) создайте несколько перекрывающих друг друга кругов.  Перейдите к Инструменту «Прямоугольник» (М) и поместите узкую полоску в нижнюю часть облака, чтобы его низ стал плоским. 

Объедините все фигуры на панели Обработки контуров для формирования единого объекта. 

make a cloud

Шаг 2

Расположите облако за котом и добавьте более тёмный голубой оттенок в нижней части фигуры, сделав её более трёхмерной. 

Инструментом «Эллипс» (L) добавьте два маленьких кружка на обеих сторонах облака и создайте большой красный круг за всеми объектами, изображая восходящее солнце.  

Добавьте тень от облака, поместив её поверх фигуры солнца. 

add sun and cloud on the background

Шаг 3

Создайте ещё несколько копий рыбок и перекрасьте их, сделав композицию более детальной и красочной. 

add more details to the background

Шаг 4

Давайте создадим ещё одно облако немного другой формы.  Инструментом «Прямоугольник» (М) создайте светло-жёлтую полоску 200 х 25 пикселей.  Добавьте ещё две полоски, варьируя их ширину. 

Объедините все три фигуры на панели Обработки контуров и выделите всю фигуру Инструментом «Прямое выделение» (А).  Потяните круглый маркер Динамических углов, чтобы сделать все углы равно скруглёнными и плавными. 

create a cloud from rectangles

Шаг 5

Добавьте второстепенные детали облака и поместите его поверх солнца.  Создайте отражённую копию при помощи Инструмента «Зеркальное отражение» (О) и Отправьте на задний план (Shift-Control-[), поместив её за солнце.  

add clouds to the composition

Шаг 6

Теперь применим узор к нашему тёмно-фиолетовому фону.  Создайте прямоугольник такого же размера, как фон (800 х 600 пикселей).  Перейдите на панель Образцов (Окно > Образцы), откройте Меню библиотеки образцов и найдите Узоры > Декоративный > Декоративная прежняя версия. 

apply a pattern to the background 1

Шаг 7

Найдите узор «Цвет морской волны» и примените его к прямоугольнику.  Вы можете изменить цвет Заливки и Обводки узора, нажав на кнопку «Редактировать узор» на панели Образцов

apply a pattern to the background 2

Если хотите сделать масштаб узора больше или меньше, используйте Инструмент «Масштаб» (S).  Дважды кликните на нём и установите желаемое значение в поле «Однообразный», но не забудьте снять галочку с пункта «Трансформировать объект», чтобы Трансформировать только Узоры. 

apply a pattern to the background 3

Шаг 8

Разместите узор на фоне и снизьте его Непрозрачность до 10%, переключив Режим наложения на Осветление, чтобы сделать узор едва видимым. 

change the opacity of the pattern

Урааа! Наша Манэки-нэко готова! 

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

Наслаждайтесь!

Maneki Neko is Finished
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.