Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character 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

В следующих шагах вы научитесь создавать милого персонажа-кота в Adobe Illustrator.

Новички узнают, как настраивать простую сетку и создавать главные формы головы при помощи базовых фигур вместе с эффектами Деформации и Скруглённых углов. При помощи простого перехода, эффекта Внутреннего свечения и некоторых эффектов Размытия по Гауссу вы научитесь добавлять тени и глубину своим плоским векторным фигурам.  

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

Чтобы узнать, как изменить или улучшить своего персонажа, вы можете найти множество ресурсов на GraphicRiver.

1. Как создать новый документ и настроить сетку 

Нажмите Control-N для создания нового документа. Выберите Пиксели в Единицах измерения, введите 850 в разделе ширины и 700 в разделе высоты, затем нажмите на кнопку «Больше настроек».  Выберите RGB в Цветовом режиме, установите Растровые эффекты на Осветление (72 пикселей на дюйм), затем нажмите «Создать документ».  

Активируйте сетку (Вид > Показать сетку) и осуществите привязку к сетке (Вид > Привязать к сетке). Начинающим понадобится сетка через каждые 10 пикселей, поэтому перейдите в Редактировать > Установки > Направляющие и сетка и введите 10 в  поле «Линия через каждые» и 1 в поле «Внутреннее деление на».  Не пугайтесь всех этих сеток – они облегчат вашу работу и помните, что вы легко можете включить и отключить её быстрой комбинацией клавиш Control-".

Вы можете узнать больше о сеточной системе Illustrator в этом небольшом руководстве автора Andrei Stefan: Понимание сеточной системы Adobe Illustrator.

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

setup grid

2. Как создать голову

Шаг 1

Возьмите Инструмент «Эллипс» (L) и сосредоточьтесь на Панели инструментов. Удалите цвет заливки, затем выберите заливку и установите её цвет на R=241 G=119 B=44.  Сдвиньте свою монтажную область и создайте фигуру 400 x 300 пикселей – это проще сделать при помощи сетки и функции «Привязать к сетке». Расположите сжатый круг, как показано на следующей картинке. 

ellipse

Шаг 2

Теперь вам нужна сетка каждые 5 пикселей. Перейдите в Редактировать > Установки > Направляющие и сетка и введите 5  в поле «Линия через каждые»

При помощи Инструмента «Прямоугольник» (М) создайте две фигуры 100 х 40 пикселей и поместите их так, как показано на следующей картинке. В этом снова помогут сетка и функция «Привязать к сетке».  Заполните обе фигуры жёлтым цветом (R=251 G=176 B=59), а затем перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 20 пикселей, затем нажмите ОК.

rectangle

Шаг 3

Убедитесь, что выбраны жёлтые прямоугольники и Сгруппируйте их (Control-G). Выделив только что созданную группу, перейдите в Эффект > Деформация >  Выпуклость. Введите параметры, указанные в следующей картинке и затем нажмите ОК

Создайте копию своей группы (Control-C > Control-V) и поместите её, как показано на второй картинке.  

warp bulge

Шаг 4

Возьмите Инструмент «Прямоугольник» (M), создайте три фигуры 40 х 100 пикселей и разместите их так же, как показано на следующей картинке.  Заполните эти фигуры таким же жёлтым цветом и затем перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 20 пикселей и затем нажмите ОК.  

rounded corners

Шаг 5

Сгруппируйте три треугольника (Control-G) и затем перейдите в Эффект > Деформация > Выпуклость. Введите параметры, указанные ниже, и нажмите ОК

warp

Шаг 6

Выделите все фигуры и Сгруппируйте их (Control-G). Убедитесь, что выделена эта новая группа и перейдите в Эффект > Деформация > Рыбий глаз.  Введите параметры, указанные на картинке ниже, нажмите ОК и затем перейдите в Объект > Разобрать оформление.  

Выделив получившуюся группу фигур, трижды нажмите Shift-Control-G, чтобы Разгруппировать все эти группы и подгруппы. В конце вы должны получить семь жёлтых фигур и одну оранжевую. 

warp fisheye

Шаг 7

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

Убедитесь, что получившаяся в результате группа фигур выделена, и превратите её в новый составной контур. Выделите его и сфокусируйтесь на панели Оформления (Окно > Оформление).  Сначала замените текущий цвет заливки на R=152 G=78 B=255, затем кликните на часть текста Непрозрачности, чтобы открыть панель Прозрачности, и измените Режим наложения на Рассеянный свет. 

compound path

Шаг 8

Деактивируйте Привязку к сетке (Shift-Control-"), затем перейдите в Редактировать > Установки > Основные и убедитесь, что Шаг перемещения выделенного объекта при помощи клавиш со стрелками установлен на 1 пиксель.

Выделите оранжевую фигуру, создайте копию напротив неё (Control-C > Control-F) и отправьте её на передний план (Shift-Control-]). Выделите эту копию, замените оранжевый на жёлтый и затем перейдите в Объект > Контур > Параллельный контур.  Введите значение Параллельности -5 пикселей, затем нажмите ОК. Заполните получившуюся в результате фигуру любым синим цветом и затем сдвиньте её на 10 пикселей вверх при помощи кнопки Стрелка вверх на клавиатуре.  

Снова выделите обе фигуры, созданные в этом шаге, и нажмите на кнопку «Вычитание переднего» на панели Обработки контуров. Заполните получившуюся фигуру чёрным (R=0 G=0 B=0), снизьте её Непрозрачность до 5% и измените Режим наложения на Рассеянный свет. 

offset path

Шаг 9

Выделите оранжевую фигуру, создайте новую копию на переднем плане (Control-C > Control-F) и отправьте её на передний план (Shift-Control-]). Убедитесь, что эта копия остаётся выделенной и перейдите на панель Оформления

Удалите цвет заливки и выделите обводку. Установите чёрный цвет, снизьте Непрозрачность до 5%, измените Режим наложения на Рассеянный свет и затем нажмите на часть текста Обводки, чтобы открыть панель Обводки.  Установите Толщину на 20 пикселей и не забудьте отметить галочкой пункт «Выравнивание контура по внутренней стороне». 

stroke

Шаг 10

Выделите оранжевую фигуру, создайте новую копию напротив неё (Control-C > Control-F) и отправьтё копию на передний план (Shift-Control-]). Убедитесь, что эта копия остаётся выделенной и перейдите на панель Оформления

Установите цвет заливки на синий и затем перейдите в Эффект > Стилизация > Внутреннее свечение. Введите параметры, указанные на следующей картинке, нажмите ОК и затем перейдите в Объект > Разобрать оформление. 

Убедитесь, что получившаяся в результате группа остаётся выделенной и перейдите на панель Слоёв. Откройте текущий слой, присмотритесь к выделенной группе и затем Разгруппируйте её (Shift-Control-G). Удалите синюю фигуру и выделите оставшуюся замаскированную фигуру. 

Перейдите на панель Оформления или панель Прозрачности (Окно > Прозрачность), снизьте Непрозрачность до 30% и измените Режим наложения на Рассеянный свет. Перейдите на панель Слоёв и заблокируйте замаскированную фигуру, чтобы в дальнейшем избежать её случайного выделения или перемещения. 

inner glow

Шаг 11

Активируйте Привязку к сетке (Control-"). При помощи Инструмента «Эллипс» (L) создайте фигуру 200 х 50 пикселей и поместите её, как показано на следующей картинке.  Заполните сжатый круг белым (R=255 G=255 B=255), снизьте его Непрозрачность до 50%, измените Режим наложения на Рассеянный свет, затем перейдите в Эффект > Размытие > Размытие по Гауссу. Введите Радиус 20 пикселей и нажмите ОК

gausssian blur

Шаг 12

Деактивируйте Привязку к сетке (Control-"). Выделите оранжевую фигуру и перейдите в Объект > Контур > Параллельный контур. Введите значение Параллельности -120 пикселей и нажмите ОК. Выделите получившуюся фигуру, сдвиньте её на 20 пикселей вверх и замените текущий цвет заливки на   R=243 G=158 B=93.

Сфокусируйтесь на Панели инструментов и дважды кликните на Инструменте «Переход», чтобы открыть окно Настроек перехода. Выберите «Заданное количество шагов» в выпадающем меню Расстояния и введите 50 в белое поле.  Снова выделите оранжевую фигуру вместе с той фигурой, которую вы создали в первом шаге, и нажмите Alt-Control-B, чтобы создать новый переход. В конце объекты должны выглядеть как на второй картинке.

blend tool

Шаг 13

Перейдите на панель Слоёв. Сначала заблокируйте текущий слой и переименуйте его в «Голова». Нажмите на кнопку «Создать новый слой», чтобы добавить второй слой, назовите его «Глаза» и выделите. 

Деактивируйте Привязку к сетке (Control-"). Инструментом «Эллипс» (L) создайте фигуру 90 х 100 пикселей, заполните её синим цветом и поместите точно так, как показано на следующей картинке. 

layers panel

3. Как создать глаза

Шаг 1

Убедитесь, что ваша голубая фигура выделена, создайте две копии напротив неё (Control-C > Control-F > Control-F). Выделите верхнюю копию и сдвиньте её на 5 пикселей вверх и на 10 пикселей вправо.  

Снова выделите обе копии, созданные в этом шаге, и нажмите на кнопку «Вычитание переднего» на панели Обработки контуров. Заполните получившуюся фигуру линейным градиентом, указанным ниже, и снизьте Непрозрачность до 25%.  Помните, что жёлтый ноль на картинке с Градиентом (Окно > Градиент) обозначает процент Непрозрачности

minus front

Шаг 2

Снова выделите синюю фигуру и создайте новую копию напротив (Control-C > Control-F). При помощи Инструмента «Эллипс» (L) создайте фигуру 70 х 80 пикселей, сделайте её зелёной и разместите, как показано на первой картинке. 

Выделите обе созданные в этом шаге фигуры и нажмите на кнопку «Пересечение» на панели Обработки контуров. Заполните получившуюся фигуру белым цветом, снизьте Непрозрачность до 25% и измените Режим наложения на «Рассеянный свет». 

intersect

Шаг 3

Возьмите Инструмент «Эллипс» (L), создайте фигуру 25 х 35 пикселей, заполните её R=63 G=60 B=54 и разместите, как показано на первой картинке.  При помощи того же инструмента создайте 2 круга 10 и 5 пикселей. Заполните обе фигуры белым цветом и разместите, как показано на второй картинке. 

Создайте фигуру 25 х 50 пикселей, сделайте её белой и разместите, как показано на третьей картинке. Снизьте её Непрозрачность до 25% и измените Режим наложения на «Рассеянный свет». 

oval

Шаг 4

Выделите синюю фигуру и замените синий цвет радиальным градиентом, указанным ниже. Используйте Инструмент «Градиент» (G), чтобы растянуть градиент приблизительно так, как показано на следующей картинке, затем перейдите на панель Оформления.  Выделите заливку и перейдите в Эффект > Стилизация > Внутреннее свечение. Введите параметры, указанные ниже, и нажмите ОК

radial gradient

Шаг 5

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

Выделите нижнюю заливку, удалите эффект «Внешнее свечение», затем перейдите в Эффект > Стилизация > Тень.  Введите параметры, указанные в левом окне (на следующей картинке), нажмите ОК, затем снова перейдите в Эффект > Стилизация > Тень. В этот раз введите параметры, указанные в правом окне, затем нажмите ОК

drop shadow

Шаг 6

Убедитесь, что основная фигура глаза остаётся выделенной, и перейдите на панель Оформления. При помощи кнопки «Добавить новую заливку» добавьте третью заливку, выделите её и затем перетащите её под две другие заливки.  Снизьте Непрозрачность до 10% и измените Режим наложения на «Рассеянный свет», примените линейный градиент, указанный ниже, и перейдите в Эффект > Контур > Параллельный контур. Введите значение Параллельности 10 пикселей, затем нажмите ОК

linear gradient

Шаг 7

Убедитесь, что основная фигура глаза остаётся выделенной, и перейдите на панель Оформления. Выделите обводку и сделайте её белой. Выровняйте её по внутренней стороне, установите Толщину на 2 пикселя, снизьте Непрозрачность до 15% и измените Режим наложения на «Перекрытие». 

stroke white

Шаг 8

Убедитесь, что основная фигура глаза остаётся выделенной, и перейдите на панель Оформления. Нажмите на кнопку «Добавить новую обводку», чтобы добавить вторую обводку, и выделите её.  Измените цвет на чёрный, установите выравнивание по внешнему краю и Толщину на 2 пикселя, затем снизьте Непрозрачность до 10% и измените Режим наложения на Рассеянный свет. 

stroke black

Шаг 9

При помощи Инструмента «Эллипс» (L) создайте фигуру 85 х 75 пикселей и разместите её точно как показано на следующей картинке. Удалите цвет заливки и выделите обводку. Установите цвет на R=241 G=88 B=17 и увеличьте Толщину до 10 пикселей. 

Убедитесь, что эта новая фигура остаётся выделенной и перейдите в Объект > Контур > Добавить опорные точки.  Возьмите Инструмент «Прямое выделение» (А), выделите пять опорных точек, отмеченных на картинке ниже, и удалите их кнопкой Delete на клавиатуре. В конце объекты должны выглядеть как на второй картинке. 

direct selection tool

Шаг 10

Убедитесь, что оранжевый контур выделен, и перейдите на панель Оформления. Откройте панель Обводки, отметьте галочкой пункт «Закруглённые углы», затем выберите Профиль ширины 4 в списке Профиля

round cap

Шаг 11

Убедитесь, что оранжевый контур выделен, и перейдите на панель Оформления. Выделите текущую обводку и скопируйте её. Выделите нижнюю обводку, увеличьте её Толщину до 20 пикселей и замените цвет на R=241 G=119 B=44.

После этого выделите все фигуры, составляющие глаз, и Сгруппируйте их (Control-G).

add new stroke

Шаг 12

Убедитесь, что группа фигур, составляющих глаз, выделена, и перейдите в Эффект > Исказить и трансформировать > Трансформировать. Перетащите слайдер «Горизонтальный сдвиг» на 180 пикселей, отметьте галочкой пункт «Отражение Х», введите 1 в поле «Копии» и кликните ОК

transform

4. Как создать нос

Шаг 1

Давайте на секунду перейдём на панель Слоёв. Заблокируйте слой «Глаза» и добавьте третий слой, убедившись, что он расположен на верху панели. Выделите этот новый слой и переименуйте его в «Нос». 

Возьмите Инструмент «Прямоугольник» (М) и создайте фигуру 60 х 35 пикселей. Заполните её цветом R=98 G=64 B=50 и разместите точно как показано на первой картинке. Сфокусируйтесь на нижней стороне нового прямоугольника и перейдите к Инструменту «Удалить опорную точку» (-).  Кликните на правой опорной точке, чтобы удалить её, затем выберите Инструмент «Прямое выделение» (А). Выделите левую опорную точку и перетащите её на 30 пикселей вправо. В конце ваш коричневый прямоугольник должен превратиться в треугольник, как показано на второй картинке. 

delete anchor point tool

Шаг 2

Убедитесь, что ваш коричневый прямоугольник остаётся выделенным, и перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 10 пикселей, нажмите ОК и перейдите в Эффект > Деформация > Дуга вверх. Введите параметры, указанные ниже, нажмите ОК и затем перейдите в Эффект > Деформация > Рыбий глаз. Введите параметры, указанные на следующей картинке, и нажмите ОК

nose shape

Шаг 3

Деактивируйте Привязку к сетке (Control-"). Убедитесь, что ваша коричневая фигура выделена, и создайте две копии напротив (Control-C > Control-F > Control-F). Выделите копию и сдвиньте её на 3 пикселя вверх.  Снова выделите обе копии, созданные в этом шаге, и нажмите на кнопку «Вычитание переднего» на панели Обработки контуров. Заполните получившуюся фигуру чёрным цветом, снизьте её Непрозрачность до 10% и измените Режим наложения на «Рассеянный свет».  

minus front

Шаг 4

Убедитесь, что коричневая фигура остаётся выделенной, и создайте две копии напротив (Control-C > Control-F > Control-F). Выделите верхнюю копию и сдвиньте её на 10 пикселей вверх.  Снова выделите обе копии, созданные в этом шаге, и нажмите на кнопку «Вычитание переднего» на панели Обработки контуров. Заполните получившуюся фигуру чёрным цветом, снизьте её Непрозрачность до 10% и измените Режим наложения на «Рассеянный свет».  

minus front

Шаг 5

Активируйте Привязку к сетке (Control-"). При помощи Инструмента «Эллипс» (L), создайте фигуру 20 х 5 пикселей и расположите её, как показано на следующей картинке. Заполните её белым цветом, снизьте Непрозрачность до 30% и измените Режим наложения на «Перекрытие». 

highlight

Шаг 6

Убедитесь, что ваша коричневая фигура выделена, и перейдите на панель Оформления. Выделите обводку и сделайте её чёрной.  Настройте выравнивание по внешнему контуру и Толщину на 2 пикселя, затем Снизьте непрозрачность до 10% и измените Режим наложения на «Рассеянный свет». 

stroke

Шаг 7

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

inner glow

5. Как создать рот

Шаг 1

На секунду вернитесь на панель Слоёв и заблокируйте слой «Нос». Добавьте четвёртый слой и перетащите его под слой «Нос». Переименуйте его в «Рот» и убедитесь, что он выделен. 

Возьмите Инструмент «Прямоугольник» (М), создайте фигуру 40 х 50 пикселей и расположите её точно так, как показано на первой картинке. Заполните её случайным зелёным и перейдите в Эффект > Стилизация > Скруглённые углы.  Введите Радиус 20 пикселей, нажмите ОК, затем перейдите в Объект > Разобрать оформление. Скопируйте получившуюся в результате фигуру (Control-C > Control-V) и разместите копию, как показано на второй картинке. 

green rounded rectangle

Шаг 2

Возьмите Инструмент «Прямоугольник» (М), создайте фигуру 30 х 50 пикселей и разместите её, как показано на первой картинке.  Заполните её любым красным цветом и перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 15 пикселей, нажмите ОК и перейдите в Объект > Разобрать оформление. 

red rounded rectangle

Шаг 3

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

linear gradient

Шаг 4

Убедитесь, что ваша красная фигура остаётся выделенной, и примените три эффекта тени (Эффект > Стилизация > Тень), показанные на следующей картинке. 

drop shadow

Шаг 5

При помощи Инструмента «Перо» (Р) создайте вертикальный луч 20 пикселей и разместите его, как показано на следующей картинке. Убедитесь, что он остаётся выделенным, и перейдите на панель Оформления. Удалите цвет заливки и выделите обводку.  Установите цвет на чёрный, измените Режим наложения на «Рассеянный свет», затем откройте панель Обводки. Установите Толщину на 5 пикселей и выберите Профиль ширины 1 в списке Профиля

stroke profile

Шаг 6

Удалите правую зелёную фигуру. Выделите левую и добавьте копию напротив (Control-C > Control-F). Выделите эту копию и перейдите на панель Оформления.  Удалите цвет заливки и выделите обводку. Установите цвет на  R=98 G=64 B=50 и увеличьте Толщину до 4 пикселей.  

brown stroke

Шаг 7

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

delete anchor point

Шаг 8

Для этого шага вам понадобится сетка через каждый пиксель. Перейдите в Редактировать > Установки > Направляющие и сетка и введите 1 в поле «Линия через каждые». 

Возьмите Инструмент «Эллипс» (L) и создайте круг 4 пикселя. Разместите его, как показано на первой картинке, и установите цвет заливки R=98 G=64 B=50.

Выделите зелёный скруглённый прямоугольник, снизьте его Непрозрачность до 40% и измените Режим наложения на «Рассеянный свет», затем примените линейный градиент, показанный ниже. Не забудьте, что жёлтый ноль на изображении Градиента означает процент Непрозрачности

brown circle

Шаг 9

Выделите три указанные на следующей картинке фигуры, Сгруппируйте их (Control-G) и затем перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите указанные ниже параметры и нажмите ОК

transform

6. Как создать вибриссы

Шаг 1

Вернитесь к сетке через каждые 5 пикселей, перейдя в Редактировать > Установки > Направляющие и сетка и введите 5 в поле «Линия через каждые».  Возьмите Инструмент «Эллипс» (L) и создайте три круга по 10 пикселей. Заполните эти фигуры цветом R=241 G=119 B=44 и разместите, как показано на следующей картинке. 

circles

Шаг 2

При помощи Инструмента «Перо»(Р) нарисуйте три простых контура приблизительно так, как показано на следующей картинке. Выделите их и перейдите на панель Оформления.  Удалите цвет заливки и выделите каждую обводку. Примените линейный градиент, указанный ниже, затем откройте панель Обводки. Установите Толщину на 3 пикселя, отметьте галочкой кнопку «Скруглённые углы» и выберите Профиль толщины 4 из списка Профиля

whiskers

Шаг 3

Выделите три круга и три луча, изображающих вибриссы, Сгруппируйте их (Control-G) и затем перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите параметры, указанные на следующей картинке, затем нажмите ОК.  

transform

7. Как создать уши

Шаг 1

На секунду перейдите на панель Слоёв. Заблокируйте слой «Рот», затем добавьте пятый слой и убедитесь, что она расположен на верху панели. Выделите этот новый слой и переименуйте его в «Уши». 

Возьмите Инструмент «Перо» (Р), создайте простую фигуру, как показано на следующей картинке, и заполните её R=241 G=88 B=17.

pen tool

Шаг 2

При помощи Инструмента «Перо» (Р) создайте простую фигуру, как показано на первой картинке, и заполните её цветом R=20 G=76 B=0. При помощи того же инструмента создайте треугольник как один из показанных на второй картинке и заполните его линейным градиентом, указанным ниже.  

pen tool

Шаг 3

Вернитесь на панель Слоёв и перетащите слой «Уши» в нижнюю часть панели, ниже слоя «Голова». Убедитесь, что слой «Уши» остаётся выделенным. 

Выделите три фигуры, составляющих ухо, Сгруппируйте их (Control-G) и затем перейдите в Эффект > Деформация > Выпуклость.  Введите параметры, указанные ниже, нажмите ОК, затем перейдите в Эффект > Исказить и трансформировать > Трансформировать. Введите параметры, указанные на следующей картинке, затем нажмите ОК

ear group

Шаг 4

Перейдите на панель Слоёв, заблокируйте слой «Уши», затем разблокируйте слой «Голова» и выделите го. Возьмите Инструмент «Эллипс» (L) и создайте две фигуры 40 х 5 пикселей, фигуру 50 х 5 пикселей и фигуру 60 х 5 пикселей.  Заполните все четыре фигуры R=241 G=88 B=17 и расположите их как показано на первой картинке, затем превратите их в составной контур(Control-8).

Убедитесь, что новый составной контур остаётся выделенным и возьмите Инструмент «Опорная точка» (Shift-C).  Кликните на всех левых и правых опорных точках; результат должен быть как на второй картинке.  После этого перейдите на панель Оформления и снизьте Непрозрачность составного контура до 30%. 

anchor point tool

8. Как создать узор отпечатка кошачьей лапы

Шаг 1

Вернитесь на панель Слоёв и заблокируйте слой «Голова». Добавьте новый слой и назовите его "Bg". Перетащите его в нижнюю часть панели и убедитесь, что он остаётся выделенным до конца руководства. 

При помощи Инструмента «Прямоугольник» (М) создайте квадрат 100 пикселей и заполните его жёлтым цветом. 

yellow square

Шаг 2

Для следующих шагов вам понадобится сетка через каждый пиксель, поэтому перейдите в Редактировать > Установки > Направляющие и сетка и введите 1 в поле «Линия через каждые». 

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

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

white rectangle

Шаг 3

Убедитесь, что ваша белая фигура всё ещё выделена, и перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 8 пикселей, нажмите ОК, затем перейдите в Эффект > Деформация > Дуга вниз.  Введите параметры, указанные на следующей картинке, нажмите ОК, затем перейдите в Эффект > Деформация > Дуга вверх. Введите параметры, указанные ниже, нажмите ОК и перейдите в Объект > Разобрать оформление. 

warp

Шаг 4

При помощи инструмента «Эллипс» (L) создайте две фигуры 10 х 12 пикселей и две фигуры 10 х 11 пикселей, затем разместите их, как показано на следующей картинке. 

oval

Шаг 5

Выделите правую фигуру 10 х 12 пикселей и возьмите Инструмент «Поворот» (R). Удерживая клавишу Alt на клавиатуре, кликните на нижней опорной точке выделенной фигуры.  Таким образом центральная точка будет размещена в этой области, и откроется окно Поворота.  Установите Угол на -15 градусов и ваша выделенная фигура повернётся на 15 градусов относительно этой центральной точки. Перейдите к правой фигуре 10 х 11 пикселей и повторите ту же команду поворота. 

rotate tool

Шаг 6

Выделите левую фигуру 10 х 12 пикселей и возьмите Инструмент «Поворот» (R). Снова удерживайте клавишу Alt и поместите центральную точку на нижнюю опорную точку выделенной фигуры.  Установите Угол на 15 градусов и нажмите ОК. Перейдите к левой фигуре 10 х 11 пикселей и повторите ту же команду поворота. 

center point

Шаг 7

Продолжайте фокусироваться на повёрнутых овалах, возьмите Инструмент «Опорная точка» (Shift-C) и кликните на верхних опорных точках. 

anchor point tool

Шаг 8

Выделите пять фигур, образующих лапу, и установите цвет их заливки на чёрный. Выделите жёлтый квадрат, перейдите на панель Оформления и отключите видимость текущей заливки.  Снова выделите квадрат с пятью фигурами, образующими лапу, и перетащите их внутрь панели Образцов (Окно > Образцы), чтобы сохранить их как образец. 

save pattern

9. Как создать фон

Шаг 1

Вернитесь к сетке через каждые 5 пикселей, перейдя в Редактировать > Установки > Направляющие и сетка и введите 5 в поле «Линия через каждые». При помощи Инструмента «Прямоугольник» (М) создайте фигуру 860 х 710 пикселей, убедитесь, что она закрывает всю монтажную область и установите цвет заливки на R=176 G=203 B=111.

green rectangle

Шаг 2

Убедитесь, что зелёный прямоугольник остаётся выделенным, и перейдите на панель Оформления. Добавьте новую заливку и примените узор отпечатка лапы с панели Образцов.  Снизьте его Непрозрачность до 25%, измените Режим наложения на «Рассеянный свет», затем перейдите в Эффект > Исказить и трансформировать > Трансформировать.  Снимите галочку с пункта «Трансформировать объекты» и убедитесь, что активирована функция «Трансформировать узоры», установите Угол на 45 градусов и нажмите ОК

apply pattern

Шаг 3

Убедитесь, что ваш зелёный прямоугольник остаётся выделенными, и перейдите на панель Оформления. Добавьте третью заливку, снизьте её Непрозрачность до 70%, измените Режим наложения на «Рассеянный свет» и примените радиальный градиент, показанный ниже. 

radial gradient

Шаг 4

При помощи Инструмента «Эллипс» (L) создайте фигуру 440 х 350 пикселей, заполните её чёрным цветом и поместите, как показано на следующей картинке.  Снизьте её Непрозрачность до 20%, измените Режим наложения на «Рассеянный свет», затем перейдите в Эффект > Размытие > Размытие по Гауссу. Введите Радиус 30 пикселей и нажмите ОК

gaussian blur

Шаг 5

При помощи инструмента «Эллипс» (L) создайте фигуру 380 х 250 пикселей, заполните её черным цветом и разместите, как показано на следующей картинке. Убедитесь, что фигура остаётся выделенной, и перейдите на панель Оформления.   Выделите заливку, снизьте её Непрозрачность до 50%, измените Режим наложения на «Рассеянный свет» и перейдите в Эффект > Размытие > Размытие по Гауссу. Введите Радиус 20 пикселей и нажмите ОК.  

Вернитесь на панель Оформления и добавьте вторую чёрную заливку. Снизьте её Непрозрачность до 10% и измените Режим наложения на «Рассеянный свет». 

gaussian blur

Шаг 6

При помощи инструмента «Эллипс» (L) создайте фигуру 380 х 280 пикселей, заполните её чёрным цветом и разместите, как показано на следующей картинке.  Снизьте её «Непрозрачность» до 30%, измените Режим наложения на «Рассеянный свет» и затем перейдите в Эффект > Размытие > Размытие по Гауссу и нажмите ОК

gaussian blur

Поздравляю! Вы закончили! 

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

Можете изменить финальный дизайн и сделать его своим. Можете найти отличные источники вдохновения на GraphicRiver с интересными решениями для улучшения дизайна. 

final product
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.