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

Створимо персонажі комічних яєць за допомогою інструмента Перехід в Адобе Ілюстратор

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) 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.