Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Vector
Design

Создадим персонажи мультяшных яиц с помощью инструмента Переход в Адобе Иллюстратор

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

1. Начнём новый проект

Запустите Иллюстратор и перейдите к Файл > Новый, чтобы открыть пустой документ. Введите имя файла, настройте размеры, выберите Пиксели как Единицы и Цветовой режим как RGB.

Затем перейдите в меню Редактирование > Установки >Основные и установите Перемещение курсора на 1 рх, и перейдите к Единицам измерения, чтобы убедиться, что они установлены, как на следующем рисунке. Обычно я работаю с этими настройками, и они помогут вам в течение всего процесса рисования.

2. Создадим яйцо

Шаг 1

Сначала возьмите Эллипс (L) и нарисуйте эллипс размером 130 х 166 px. Затем с помощью Частичного выделения (А), выберите только нижнюю точку, и перейдите в меню Файл> Сценарии> Extend Handles. Запустите сценарий и примените 120%.

Если у вас нет сценария Extend Handles, вы можете перейти к этой статье 20 бесплатных и полезных сценариев для Адобе Иллюстратор, чтобы загрузить его, а затем следуйте инструкциям, чтобы установить его. После этого вы сможете получить доступ к сценарию, перейдя в меню Файл> Сценарии> Extend Handles. С помощью этого сценария, вы можете легко расширять, уменьшать, удалять или поворачивать ручки, сохраняя их симметрию и угол.

Шаг 2

Примените Прямое выделение (A), чтобы выбрать только верхнюю точку, после чего примените сценарий Extend Handles, на этот раз выбрав 85%. В результате вы получите меньшие ручки. Значения более 100 удлиняют ручки, а значения менее 100 сокращают их.

Шаг 3

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

Шаг 4

Далее, выберите инструмент Эллипс (L) и нарисуйте овал в верхней левой части формы яйца. Скопируйте и Вставьте впереди (Control-F) форму яйца, затем выберите копию вместе с эллипсом и нажмите Пересечение в панели Обработка контуров.

Шаг 5

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

Шаг 6

Прежде чем продолжить, выберите форму яиц и сделайте несколько копий, потому что они вам понадобятся позже. Теперь выберите три формы, затем перейдите к пункту Объект>Переход> Параметры перехода, выберите Оптимальные цвета и нажмите OK. Вернитесь к Объект> Переход> Добавить (Alt-Control-B). Вы только получили векторное яйцо. Вы только получили векторное яйцо.

3. Создадим текстуру на яйце

Шаг 1

Возьмите копию формы яйца и отправьте ее впереди всего, перейдя в пункт Объект> Упорядочить> На передний план (Shift-Control-]). Выберите серый цвет заливки, затем перейдите к Эффект> Текстура> Текстуризатор и примените параметры, показанные ниже. Установите эту форму на Режим смешивания Перекрытие и 16% Непрозрачности.

Шаг 2

Чтобы очистить края яйца после нанесения эффекта, мы воспользуемся маской. Сначала выберите еще одну копию яйцевидной формы и отправьте ее на передний план, перейдя в пункт Объект> Упорядочить> На передний план(Shift-Control-]), затем удалите заливку и обводку. Теперь выберите эту копию и форму с нанесенным эффектом и перейдите к пункту Объект> Обрезная маска> Создать (Control-7).

Шаг 3

Возьмите еще одну копию яйцевидной формы те отправьте наперед. Залейте ее показанным линейным градиентом под углом -75 градусов. Установите эту форму на Режим наложения Перекрытие и 40% Непрозрачности. Это затемнит нижнюю правую сторону яйца.

4. Создадим глаза

Шаг 1

Примените Эллипс (L), чтобы нарисовать новый эллипс с указанным размером. Возьмите Прямое выделение (A) и выберите только верхнюю точку (1), затем перейдите к пункту Объект> Трансформировать> Перемещение, введите -7 px в поле По горизонтали и нажмите OK. Выберите нижнюю точку (2) и перейдите к пункту Объект> Трансформировать> Перемещение, введите 3 px в поле По горизонтали и нажмите OK.

Шаг 2

Примените Прямое выделение (A), чтобы выбрать точки 1, 2 и 3 и изменить угол их ручек, как на картинке.

Шаг 3

Переместите фигуру, которую вы получили на предыдущем шаге поверх яйца и выберите черный цвет для заливки. Скопируйте и Вставьте на передний план (Control-F) эту форму и замените цвет заливки на белый, после чего воспользуйтесь инструментом Прямое выделение (A), чтобы выбрать только правую точку и немного сдвиньте ее вправо.

Шаг 4

Скопируйте и Вставьте на передний план (Control-F) белую форму, затем переместите ее немного вверх и вправо, как показано ниже. По визуальным причинам я меняла цвет заливки на серый. Скопируйте и Вставьте на передний план (Control-F) белую форму снова, выберите эту копию, а также серую форму и нажмите кнопку Минус верхний в панели Обработка контуров.

Шаг 5

Заполните форму, полученную в предыдущем шаге указанным цветом. Прежде чем продолжить, сделайте несколько копий белой формы, так как она понадобится вам позже. Теперь выберите две формы, затем перейдите к пункту Объект> Переход> Параметры перехода выберите Сглаживание цвета и нажмите OK. Вернитесь к меню Объект>Переход> Создать (Alt-Control-B). Я назову полученную группу Перехода "белый глаз".

5. Создадим гладкую черную объектную кисть

Шаг 1

С помощью Эллипса (L), нарисуйте небольшой круг 5 х 5 px и залейте его черно-белым радиальным градиентом. Сохраняя круг выделенным, перейдите в панель Трансформировать и введите 100 px в поле Ширина, вместо 5 px. Это создаст плоский эллипс.

Шаг 2

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

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

Шаг 3

Теперь вы можете сохранить свою кисть. Выделите и перетащите группу эллипсов на панель Кисти и выберите Новую кисть. Введите название "Smooth Black Art Brush" и оставьте остальные настройки как есть.

6. Добавим тени вокруг глаз

Шаг 1

На данный момент скройте "белый глаз". Возьмите Перо (P) и нарисуйте два пути, идущие по краю черной формы,как на изображении. Обведите эти пути с помощью Smooth Black Art Brush, после чего установите Режим наложения Затемнение основы. Теперь вы можете открыть "белый глаз" и отправить два обведенных пути на задний план.

Шаг 2

Нарисуйте другой путь с помощью инструмента Перо (P), по левому краю глаза. Обведите этот путь с помощью Smoot Black Art Brush, после чего установите Режим наложения Затемнение основы. Это останется впереди "белого глаза".

Шаг 3

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

7. Завершим глаз

Шаг 1

Возьмите Эллипс (L) и нарисуйте две формы для радужек, затем залейте их коричневым. Это не идеальные круги, поэтому используйте инструмент Прямое выделение (A), чтобы несколько исказить их. Далее нарисуйте две маленькие фигуры зрачков и залейте их черным цветом.

Шаг 2

Увеличите правый глаз и нарисуйте круг в верхней левой части радужной оболочки, а затем на меньший по центру (1). Заполните оба круга белым, но установите Прозрачность для большего на 0%. Выбрав оба круга, перейдите в пункт Объект> Переход> Параметры перехода выберите Заданное число шагов 10 и нажмите OK.

Вернитесь к Объект> Переход> Создать (Alt-Control-B) (2). В результате мы получим блик в глазу. Повторите то же самое или просто масштабируйте первый, чтобы получить меньший блик в нижней правой части радужной оболочки. После того, как вы закончите, проделайте то же самое для левого глаза.

8. Создадим кисть для бровей

Шаг 1

Сначала возьмите Эллипс (L) и нарисуйте эллипс 100 x 15 px. Используйте Прямое выделение (A), чтобы выбрать только нужную точку, а затем перейдите в меню Файл> Сценарии> Extend Handles и примените 0%. Это приведет к удалению существующих ручек точки. Выберите левую точку,запустите скрипт и примените 280 на этот раз. В результате вы получите ручки длиннее.

Шаг 2

Примените Прямое выделение (A), чтобы выбрать верхнюю и левую точки и изменить угол их ручек, как показано ниже. Прежде чем сохранить кисть, выберите черный цвет для формы. Перетащите его на панель Кисти и выберите Новая кисть. Введите название Eyebrow Art Brush и оставьте остальные настройки как есть.

Шаг 3

Возьмите Перо (P) или Карандаш (N) и нарисуйте путь над правым глазом, как на рисунке ниже. Обведите этот путь с помощью Eyebrow Art Brush, затем установите Плотность обводки на 0,3 pt.

Шаг 4

Чтобы превратить обводку в форму дважды нажмите Разобрать оформление в меню Объект, а затем Разгруппировать (Shift-Control-G). Вы получите форму бровей (1). Сделайте небольшую копию этой формы и расположите ее посередине. Заполните обе формы темно-коричневым, но установите Прозрачность для большей на 0% (2). Выбрав обе формы,перейдите к пункту Объект> Переход> Параметры перехода и выберите Заданное число шагов 10. Вернитесь к Объект> Переход> Создать(Alt-Control-B), и вы получите правую бровь (3).

Шаг 5

Сделайте дубликат правой брови, отразите вертикально и поверните его, затем переместите ее поверх левого глаза. Вы можете сделать ее немного длиннее, используя Выделение (V).

9. Добавим выразительные морщины под глазами

Шаг 1

Примените Перо (P) или Карандаш (N), чтобы нарисовать изогнутый путь под каждым глазом. Обведите эти пути при помощи Smooth Black Art Brush и установите Толщину обводки на 0,75 pt.

Шаг 2

Все еще выделив оба пути, перейдите в панель Оформление и дважды щелкните на настройках кисти, чтобы открыть окно Параметры обводки. Выберите Окраска как Полутона и нажмите OK. Теперь выберите светло-коричневый цвет обводки, и кисть будет с таким же цветом обводки. Установите для обоих из них для Режим наложения Умножение (белый станет прозрачным) и 75% прозрачности.

10. Создадим яйцо - девушку

Шаг 1

Первый персонаж из яиц теперь готов, и вы можете воспользоваться им для создания других типов персонажей. Начнем, создав копию первого яйца, затем сосредоточьтесь на глазах и переместите положения зрачков, радужек и блесток, как на следующем изображении (1). Далее измените положение бровей (2) и, наконец, меняйте положение морщин под глазами, двигая их наружу и немного вращая их (3).

Шаг 2

Возьмите Перо (P) или Карандаш (N) и нарисуйте изогнутый путь над каждым глазом, как показано ниже (1). Ранее я уже сказала, что вам нужно сделать копии белых форм глаз, и теперь пришло время их использовать (2). Сосредоточьтесь на правом глазу, выберите копию белой формы и пути и нажмите Разделение в панели Обработка контуров (2). Разгруппируйте (Shift-Control-G), затем удалите форму внизу, и вы получите правое веко. Повторите то же самое для левого глаза (3).

Шаг 3

Заполните правое веко показанным линейным градиентом, примените тот самый градиент что и для левого, но установите Угол на 180 градусов.

Шаг 4

Если веко выбрано, добавьте новую заливку под первой из выпадающего меню в панели Оформление. Выделите черный цвет заливки, после чего перейдите в Эффект> Исказить и трансформировать> Трансформировать, введите -1 px в поле Переместить вертикально и нажмите OK. В результате вы получите черную подводку для глаз. Повторите то же самое для левого века.

Шаг 5

Увеличьте размер правого века и примените Перо (P) чтобы нарисовать три пути на внешних концах. Обведите эти пути с помощью Tapered-Sharp Art Brush, которую вы можете найти в меню Библиотеки кистей> Художественный> Худож_Чернила, после чего установите значение Толщины обводки на 0,1 pt. Повторите то же самое,чтобы создать ресницы для левого глаза.

Шаг 6

Возьмите инструмент Эллипс (L) и нарисуйте два круга, с показанными размерами. Заполните оба из них розовым цветом, но установите Прозрачность для большего круга на 0%.

Шаг 7

Выбрав оба круга,перейдите к пункту Объект> Переход> Параметры перехода и выберите Заданное число шагов 10, а затем вернитесь к Объект> Переход> Создать(Alt-Control-B). Установите Режим наложения на Рассеянный свет  для полученной группы Перехода, а затем создайте копию этой группы для левой щеки.

11. Создадим влюбленное яйцо

Шаг 1

Сделайте еще одну копию первого персонажа, после чего удалите зрачки, радужки и блестки. Выделите остатки правого глаза и сделайте его немного меньше, затем переместите глаза ближе друг к другу (1). Далее измените положение бровей (2) и положение морщин под глазами (3).

Шаг 2

Нарисуйте сердцевидную форму в левом глазу, используя Перо (P), и она не должна быть идеальной (1). Сделайте небольшую копию сердца по центру. Залейте обе формы красным, но установите Прозрачность для большего сердца на 10% (2). Выделив обе формы, перейдите к пункту Объект> Переход> Параметры перехода и выберите Оптимальные цвета и нажмите ОК. Вернитесь к Объект> Переход> Создать (Alt-Control-B), и результат должен выглядеть как ниже (3). Скопируйте полученную группу перехода и уменьшите ее для правого глаза, после чего третий персонаж яйца готов.

12. Создадим персонаж плачущего яйца

Шаг 1

Это последний, и чтобы создать его нужно сначала сделать копию первого яйца. Разместите глаза немного ближе друг к другу, слегка переместите левый глаз, а также немного уменьшите его. Продолжайте с зрачками и блестками (1). Затем поменяйте положение бровей (2), затем положение морщин под глазами (3).

Шаг 2

Возьмите Перо (P) или Карандаш (N) и нарисуйте волнообразный путь в нижней части каждого глаза (1). Далее вам нужны копии белых форм глаз. Выделите волнистый путь и копию белой формы для правого глаза и нажмите Разделение в панели Обработка контуров (2). Выберите Разгруппировать (Shift-Control-G), потим удалите фигуру вверху (3). Повторите то же самое для левого глаза.

Шаг 3

Заполните форму водой дело с показанным линейным градиентом, используйте тот же градиент для формы воды слева, но установите Угол на 180 градусов.

Шаг 4

Выберите форму воды с правой стороны и добавьте новую заливку под первой из выпадающего меню в панели Оформление. Примените синий цвет, обозначенный как цвет заливки, после чего перейдите к Эффект> Исказить и Трансформировать> Трансформировать, введите 1 px в поле Переместить По вертикали и нажмите OK. Сделайте то же самое с формой воды слева.

Шаг 5

Помните, что ранее вы создали Smooth Black Art Brush? Ну, теперь вам нужна белая версия. Начните с круга 5 х 5 px, заполненного радиальным градиентом от белого до черного, после чего измените Ширину от 5 px до 100 px. Выберите Разобрать оформление, а затем следуйте другим объяснениям из раздела 5, чтобы сохранить кисть. Назовите ее Smooth White Art Brush.

Шаг 6

Примените Перо (P) или Карандаш (N), чтобы нарисовать два пути на каждой форме, как на рисунке ниже (1). Обведите эти пути при помощи Smooth White Art Brush и установите Толщину обводки на 0,25 pt (2). Установите их все на Режим наложения Осветление (Черный станет прозрачным) и 60-70% Непрозрачности (3).

Шаг 7

Давайте продолжим со слезами. Сначала нарисуйте простую форму и залейте ее показанным линейным градиентом, под Углом 50 градусов. Установите Режим наложения на Затемнение основы (1). Скопируйте и Вставьте на передний план (Control-F) форму слезы, затем приподнимите ее вверх и сдвиньте влево. Замените существующий градиент на бело-серый радиальный градиент, после чего установите Режим наложения Осветление (2). Затем нарисуйте маленький путь в верхней левой части слезы и обведите его кистью Smooth White Art Brush. Установите Толщину обводки на 0,25 pt и Режим наложения на Осветление (3).

Шаг 8

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

13. Создадим тени

Шаг 1

Возьмите копию яйцевидной формы и отправьте на задний план, перейдя в пункт Объект> Упорядочить> На задний план (Shift-Control-[) (1). Переместите эту форму вниз и вправо, а также используйте Выделение (V), чтобы увеличить ее (2).

Далее создайте меньшую копию этой формы по центру. Заполните обе формы черным,но установите Прозрачность для большей на 0% (3). Выбрав обе формы, перейдите в пункт Объект> Переход> Параметры перехода и выберите Заданное число шагов 30 и нажмите ОК. Вернитесь к Объект> Переход> Создать(Alt-Control-B), и тень готова (4). Поскольку свет падает на яйцо где-то с верхней левой стороны, тень должна быть в нижней правой части.

Шаг 2

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

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

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

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.