Червона Пташка з Angry Birds

Мої вітання. Туторіали про Adobe Illustrator на цьому блозі були вже дуже давно. Сьогодні виправимо це неподобство. Напевно, пташки з гри Angry Birds сьогодні відомі всім. Цей урок присвячений саме їм. Ми будемо намагатись намалювати червону пташку з гри в Adobe Illustrator.

Ось як виглядає кінцевий результат:

Червона Пташка Angry Bird 1
Червона Пташка Angry Bird 1

По закінченні даного уроку Ви отримаєте базові знання зі створення майже точної копії червоної пташки з Angry Birds в векторному форматі. Все, що Вам для цього може знадобитись, вміщується в коротенький список: програма Adobe Illustrator, цей урок і, звісно, ваш мозок та руки ).

Крок 1

Почнемо з головного – створіть новий документ розміром А4 в форматі RGB в програмі Adobe Illustrator.

Крок 2

Тепер намалюємо коло. Далі, за допомогою Direct Selection Tool, ми змінюємо його форму, щоб досягти результату, як на рисунку нижче.

Червона Пташка Angry Bird - коло.
Червона Пташка Angry Bird - коло.

Крок 3

Наводимо контур нашого малюнка використовуючи дані налаштування:

Червона Пташка Angry Birds - налаштування.
Червона Пташка Angry Birds - налаштування.

Крок 4

Тепер ми намалюємо ще два овали (які ми в подальшому використаємо для гребінця пташки) за допомогою Оval tool,

Червона Пташка Angry Birds - гребінці
Червона Пташка Angry Birds - гребінці

Крок 5

Працюємо зі створеними щойно овалами. Щоб перетворити їх у гребінець, потрібно повернути та розмістити їх таким же чином, як на рисунку.

Червона Пташка Angry Birds - розміщуємо гребінці
Червона Пташка Angry Birds - розміщуємо гребінці

Крок 6

Ми майже створили схематичний образ пташки. Тепер виділяємо все та об’єднуємо в один малюнок. Для цього натискаємо ‘Merge’ у вікні Pathfinder.

Червона Пташка Angry Birds - об'єднуємо гребінці
Червона Пташка Angry Birds - об'єднуємо гребінці

Наразі результат має виглядати десь так:

Червона Пташка з Angry Birds - проміжний результат
Червона Пташка з Angry Birds - проміжний результат

Крок 7

Тепер, притримуючи кнопку Alt, перетягніть контур назовні для того, щоб дублювати зображення.

Червона Пташка з Angry Birds - дублюємо
Червона Пташка з Angry Birds - дублюємо

Крок 8

Залишаємо продубльований шар в початковому вигляді і працюємо з оригіналом. Заливаємо (команда fill) його червоним кольором (#DA1F2F), але не обводимо контур. Тепер переносимо продубльований шар на оригінал. Він має бути над шаром з оригіналом. Ось що у вас повинно вийти:

Червона Пташка з Angry Birds - розфарбовуємо
Червона Пташка з Angry Birds - розфарбовуємо

Крок 9

Знову ж таки скористаймося Pen Tool для того, щоб зобразити груди пташки. Заливаємо шар світло-коричневим кольором (#E3C2AB).

Червона Пташка з Angry Birds - малюємо груди
Червона Пташка з Angry Birds - малюємо груди

Крок 10

Тепер настала черга створити очі нашої пташки. Для цього малюємо 2 однакові кола та розміщуємо їх на місці очей. Заливаємо їх білим кольором з тими самими налаштуваннями контура, як і у основного малюнка.

Червона Пташка з Angry Birds - малюємо очі
Червона Пташка з Angry Birds - малюємо очі

Крок 11

Тепер додаємо ще два кола, залиті чорним кольором – зіниці очей.

Червона Пташка з Angry Birds - малюємо зіниці очей
Червона Пташка з Angry Birds - малюємо зіниці очей

Крок 12

А зараз треба створити дзьобик нашій Angry пташці. Використовуючи Pen Tool, малюємо його, намагаючись відтворити результат, показаний на малюнку нижче. Заливаємо дзьоб жовтим кольором.

Червона Пташка з Angry Birds - малюємо дзьобик
Червона Пташка з Angry Birds - малюємо дзьобик


Крок 13

Тепер з’єднаємо половники дзьоба разом та помістимо його на наш основний малюнок.

Червона Пташка з Angry Birds - розміщуємо дзьобик
Червона Пташка з Angry Birds - розміщуємо дзьобик

Крок 14

Як Ви вже помітили, Pen Tool – наш основний інструмент сьогодні). Тож скористаймося ним знову! Намалюємо пташці брови, розміщені близько одна до одної.

Червона Пташка з Angry Birds - малюємо брови
Червона Пташка з Angry Birds - малюємо брови

Крок 15

Наша пташка майже готова. Залишилось додати кілька маленьких штрихів, щоб наблизити результат до оригінального і відомого всім зображення Angry Bird. Створюємо 2 овали и заливаємо (команда fill) їх темно червоним кольором (#A71E24). Розміщуємо їх позаду очей. Тепер створюємо ще два таких самих овали, але вже менших за розміром та розміщуємо їх на щоках пташки.

Червона Пташка з Angry Birds - додаємо шрихи
Червона Пташка з Angry Birds - додаємо шрихи

Крок 16

У кожної пташки є хвіст )). Тож не будемо ображати нашу "сердиту" птаху. Користуючись давно відомою нам командою Pen Tool, малюємо три видовжених прямокутники. Потім за допомогою кнопки ‘Merge’ вікна Pathfinder об’єднуємо їх в один шар

Червона Пташка з Angry Birds - додаємо хвіст
Червона Пташка з Angry Birds - додаємо хвіст

Крок 17

Тепер повернемо хвіст на потрібний нам кут і розмістимо його позаду основного зображення пташки.

Червона Пташка з Angry Birds - з хвостом
Червона Пташка з Angry Birds - з хвостом

Крок 18

Знов-таки звертаємося до команди Рen tool, щоб створити дугу, яка стане основою для зморшок на чолі пташки.

Червона Пташка з Angry Birds - додаємо зморшки
Червона Пташка з Angry Birds - додаємо зморшки

Крок 19

Для контура раджу використовувати той же темно-червоний колір, яким ми заливали овальні кола позаду очей пташки (#A71E24).

Червона Пташка з Angry Birds - зі зморшками
Червона Пташка з Angry Birds - зі зморшками

Крок 20

Щоб привести зображення пташки до довершеного вигляду, нам потрібно скористатися тінями. Малюємо тінь з лівого боку пташки, використовуючи Pen Tool. Доцільно залити її все тим же темно-червоним кольором, як і овали позаду очей (#A71E24).

Шар з тінню повинен бути під шаром з основним контуром пташки, але над шаром, що залитий основним кольором.

Червона Пташка з Angry Birds - додаємо тінь
Червона Пташка з Angry Birds - додаємо тінь

Крок 21

Мої вітання! Ви щойно самостійно створили пташку з відомої гри Angry Birds в векторному форматі. Сподіваюсь, результат Вас задовольнив і ви повернетесь найближчим часом, щоб ознайомитись з новим уроком на нашому сайті.

Червона Пташка з Angry Birds
Червона Пташка з Angry Birds

Урок люб’язно наданий www.webdesign.org

Створення фотокниги стане у пригоді тим, хто хоче на папері зафіксувати найважливіші події життя. А це саме те, що варто пам’ятати завжди.

Щоб там не казали про те, що вміст – це король, усе одно, якщо раскрутка сайта (розкрутка сайту) відсутня, то на такому онлайн-проекті можна ставити крапку. І це доведено практикою.


Настя Зеленовська
Настя Зеленовська

Привіт! Щоб б це про себе розповісти... Я постійно знаходжуся в пошуках натхнення, кохання та пригод. Готова цим ділитися з вами... а ще різними цікавими новинами зі сфери Web-y :)