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

Ням! Створюємо смачні іконки пончиків в Адобе Ілюстратор

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

В цьому уроці ви дізнаєтеся, як створити чотири типи пончиків в Адобе Ілюстратор. Ми почнемо з класичної основи - пончика, а потім скористаємося ним, щоб створити чотири варіанти: шоколадну посипку, глазур з шоколадною стружкою, простий цукор та полуничну глазур. Чудова новина полягає в тому, що ми також будемо використовувати один і той же дискретний пензль, щоб створити всі прикраси на пончиках. Почнемо, поки вони свіжі!

1. Почнемо новий проект

Запустіть Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ. Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці та Колірний режим як RGB. Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як показано. Я завжди працюю з цими налаштуваннями, і вони допоможуть вам протягом усього процесу малювання.

create new documentcreate new documentcreate new document

2. Створимо основний пончик

Крок 1

Спочатку візьміть інструмент Еліпс (L) та намалюйте овал розміром 187 x 187 px, а потім оберіть теплий колір заливки.  З все ще обраним колом, перейдіть до пункту Об'єкт> Контур> Зсув контуру та застосуйте Зсув -2 px, щоб отримати трохи меншу форму. Заповніть нове коло показаним радіальним градієнтом та застосуйте Градієнт (G), щоб налаштувати напрямок.

create basic donut 1create basic donut 1create basic donut 1

Крок 2

Щоб додати текстуру до пончика, візьміть Перо (P) і намалюйте прямий шлях, як показано на наступному зображенні. Потім обведіть його за допомогою Художнього пензлю Chalk з меню Бібліотеки пензлів> Художній> Художній_КрейдаВугольОлівець.  Збільште Щільність обведення до 4 pt та змініть колір на тепло-коричневий. Потім оберіть Режим змішування Затемнення основи та Прозорість 30%. Залиште це обведення пензлем як є, ми замаскуємо його  пізніше. 

add texture to donutadd texture to donutadd texture to donut

Крок 3

Застосуйте інструмент Еліпс (L) ще раз, щоб намалювати коло розміром 54 x 54 px та розташуйте його посередині пончика.  Виберіть білий як колір заливки, а потім перейдіть до Ефект> Стилізувати> Зовнішнє свічення та застосуйте параметри, показані нижче. Поки коло лишається виділеним, перейдіть на панель Вікно, виберіть лише атрибут Заливки та встановіть його в Режим змішування Множення. Таким чином біла заливка стане прозорою, але залишиться ефект зовнішнього свічення.

create donut holecreate donut holecreate donut hole

Крок 4

Тепер прийшов час для маски. Оберіть перше коричневе коло та коло по центру, а потім Скопіюйте та Вставте попереду (Control-F). Встановіть для обох копій Заливка - Немає, Обведення - Немає, а потім відправте їх попереду всього, виконавши Об'єкт> Упорядкувати > На передній план (Shift-Control-]).

Коли обидві копії все ще виділені, перейдіть до Об’єкт> Складений шлях> Зробити (Control-8), а потім виділіть все на своєму артборді та виконайте Об’єкт> Відсічна маска> Зробити (Control-7). Остаточний результат показано на наступному зображенні.

Назвемо отриману групу "Основний пончик". Це буде основою для створення інших варіантів.

create basic donut 2create basic donut 2create basic donut 2

3. Створимо пончик, политий шоколадом

Крок 1

Візьміть Перо (P) або Інструмент Олівець (N) та намалюйте форму з наступного зображення. Оберіть темно-коричневий колір заливки, а потім перейдіть до Ефект> Стилізувати> Внутрішнє свічення та застосуйте показані налаштування.

create chocolate on donut 1create chocolate on donut 1create chocolate on donut 1

Крок 2

Скопіюйте та Вставте позаду (Control-B) форму шоколаду, а потім перемістіть її на 3 px, натиснувши стрілку вниз на клавіатурі три рази. Залиште існуючі атрибути, але встановіть Режим змішування на Перекриття, щоб отримати тінь.

create chocolate on donut 2create chocolate on donut 2create chocolate on donut 2

Крок 3

Далі намалюйте шлях, як показано нижче, і надайте йому 7 pt світло-коричневого Обведення. Перейдіть до Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 6 px, а потім встановіть цей шлях на Режим змішування Перекриття.

create chocolate on donut 3create chocolate on donut 3create chocolate on donut 3

Крок 4

Щоб додати блиску, намалюйте форму з наступного зображення, та залийте її лінійним градієнтом, а потім перейдіть до Ефект> Стилізувати> Розтушування та застосуйте Радіус 11 px.

add shine on chocolate 1add shine on chocolate 1add shine on chocolate 1

Крок 5

Намалюйте нову схожу форму к нижній правій частині пончика та залийте її основним чорно-білим лінійним градієнтом, але скористайтеся інструментом Градієнт (G), для налаштування кута. З все ще виділеною формою знов застосуйте Розтушування Радіусом 11 px та встановіть Режим змішування Екран.

add highlight on donutadd highlight on donutadd highlight on donut

Крок 6

Потім Пером (P) чи Олівцем (N) та намалюйте декілька форм на шоколад, нібито він стікає, як нижче. Після того завершення, залийте їх показаним лінійним градієнтом.

add shine on chocolate 2add shine on chocolate 2add shine on chocolate 2

Крок 7

Все ще за допомогою Пера (P) або Олівця (N), намалюйте декілька більш дрібних фігур поверх тих, що створено в попередньому кроці та залийте їх показаними кольорами (1). Щоб додати більше блиску, намалюйте ще кілька фігур та залийте їх цим кольором (2). Намалюйте ще дві форми, як на малюнку, залийте їх білим, а потім встановіть для них Режим змішування Перекриття (3).  Остаточний результат показано на зображенні 4.

add shine on chocolate 3add shine on chocolate 3add shine on chocolate 3

Крок 8

Давайте створимо Дискретний пензль Sprinkles. Спочатку намалюйте форму, наведену нижче, та залийте її середнім сірим.  Скористайтеся Олівцем (N), щоб намалювати довільну форму для тіні внизу, з темно-сірим кольором заливки. Намалюйте меншу форму задля відблиску угорі, використавши для неї світло-сірий колір.

Тепер виберіть і перетягніть все на панель Пензлі та оберіть Новий дискретний пензль.  У вікні Параметрів дискретного пензлю залиште налаштування як є, просто введіть ім'я та змініть метод Забарвлення на Відтінки та Тіні.

create sprinkles scatter brushcreate sprinkles scatter brushcreate sprinkles scatter brush

Крок 9

Знову візьміть Олівець (N) та намалюйте декілька випадкових шляхів над шоколадом, а потім обведіть їх створеним раніше дискретним пензлем Sprinkles. З виділеними шляхами двічі клацніть на панелі Вигляд на використаному обведенню пензлем, щоб змінити параметри, для розкидання та зменшення бризок. Крім того, оскільки для Метод Забарвення встановлено значення "Відтінки і тіні", ви можете вибрати будь-який колір обведення для шляхів щоб створити різнобарвну посипку. Я вибрала зелений, червоний, синій і рожевий кольори. 

apply sprinkles scatter brushapply sprinkles scatter brushapply sprinkles scatter brush

Налаштування, якими я скористалася абсолютно випадкові.

settings for sprinkles scatter brushsettings for sprinkles scatter brushsettings for sprinkles scatter brush

Крок 10

З виділеними та обведеними шляхами, перейдіть до меню Об’єкт та оберіть Розібрати вигляд. Тепер видаліть зайве посипання, ввівши режим ізоляції (подвійне клацання на одному з посипань групи), і ви завершите перший пончик.

sprinkles on chocolate donutsprinkles on chocolate donutsprinkles on chocolate donut

4. Створимо пончик з глазур'ю та шоколадною стружкою

Крок 1

Спочатку виберіть і створіть копію групи "Основний пончик". За допомогою інструмента Еліпс (L) намалюйте два кола з розмірами 168 x 168 px та 74 x 74 px, а потім розташуйте їх на пончик, як показано на малюнку нижче. Доки кола вибирано, перейдіть до Об’єкт> Складений шлях> Зробити (Control-8) і залийте отриману форму з вказаним кольором. Я назву її "форма глазурі".

create icing on donut 1create icing on donut 1create icing on donut 1

Крок 2

З виділеною "формою глазурі", перейдіть до Ефект> Деформувати та трансформувати> Огрубіння, застосуйте параметри з зображення нижче та натисніть ОК.  Далі перейдіть до Ефект> Стилізувати> Внутрішнє свічення та використайте для нього показані налаштування.

create icing on donut 2create icing on donut 2create icing on donut 2

Крок 3

Зробіть копії двох "форм віблисків" з Шоколадного пончику та перетягніть їх на новий пончик на те саме місце.  Виберіть чорно-білий лінійний градієнт для обох з них, а для налаштування кута скористайтеся інструментом Градієнт (G). Установіть їх як на Режим змішування Екран (чорний стане прозорим). Потім перейдіть до Ефект> Стилізувати> Розтушування та застосуйте Радіус 5 px. 

add shine on donut 2add shine on donut 2add shine on donut 2

Крок 4

Далі, візьміть Олівець (N) та намалюйте випадковий шлях над пончиком, а потім обведіть його за допомогою Дискретного пензлю Sprinkles. Оберіть коричневий колір обведення, і двічі клацніть на панелі Вигляд на обведенні застосованого пензля, для зміни налаштувань. На цей раз також встановіть Обертання відносно Шляху доступу.

create chocolate chips on donut 1create chocolate chips on donut 1create chocolate chips on donut 1

Крок 5

Все ще тримаючи шляхи виділеними, перейдіть до меню Об'єкт та оберіть Розібрати вигляд. Тепер видаліть всі зайві шоколадні шматочки, а також шлях, яким ви скористалися, ввівши Режим ізоляції (двічі клацніть на одному з шоколадних шматочків у групі). Після завершення виберіть нову групу шоколадних мікросхем, перейдіть до Ефект> Стилізувати> Тінь та застосуйте показані налаштування. На цьому етапі глазурований пончик з шоколадом готовий. 

create chocolate chips on donut 2create chocolate chips on donut 2create chocolate chips on donut 2

5. Створимо звичайний цукровий пончик

Крок 1

Виділіть "Основний пончик" з попередьньо створеного, а також дві "форми відблисків", а потім Скопіюйте та Вставте їх (Control-V) на свій артборд. Для двох "виділених форм", залиште ті самі атрибути, але збільште Радіус Розтушування від 5 px до 9 px.

shine on donutshine on donutshine on donut

Крок 2

Візьміть інструмент Олівець (N) та намалюйте випадковий шлях над пончиком (я скористалася знов попереднім) та обведіть його за допомогою дискретного пензлю Sprinkles, але у цей раз з білим кольором. Відкрийте вікно Параметри обведення на панелі Вигляд та змініть налаштування, щоб отримати дійсно невелику посипку. Номери були вибрані випадковим чином.

add sugar on donut 1add sugar on donut 1add sugar on donut 1

Крок 3

Щоб додати ще більше посипки, Скопіюйте та Вставте попереду (Control-F) обведений шлях, а потім виберіть Дзеркальне відображння вертикально у меню панелі Трансформувати.

add sugar on donut 2add sugar on donut 2add sugar on donut 2

Крок 4

На цьому кроці ми повинні очистити додаткову посипку, але на цей раз її забагато, тому я вирішила скористатися маскою. Оберіть копію складного шляху, яким ми користувалися раніше, щоб замаскувати "Основний пончик", та переконайтеся, що ця форма лежить поверх всього, перейшовши до пункту Об'єкт> Упорядкувати> На передній план (Shift-Control-]). Тепер виділіть два обведених шляхи разом зі складеним контуром (без заливки та обведення) і перейдіть до меню Об'єкт> Відсічна маска> Зробити (Control-7).

add sugar on donut 3add sugar on donut 3add sugar on donut 3

Крок 5

На панелі Шари знайдіть щойно створену маску, і назвіть отриману групу «Цукор». Відкрийте цю групу та оберіть дві послідовності шляху та перейдіть до пункту Об'єкт> Розгорнути вигляд. Тепер введіть Режим ізоляції та видаліть лише два шляхи, які ви застосовували до кожної групи, а потім Вийдіть з режиму ізоляції. Потім перейдіть до Ефект> Стилізувати> Тінь та застосуйте показні параметри до обох груп. Після цього Цукровий пончик готовий.

add sugar on donut 4add sugar on donut 4add sugar on donut 4

6. Створимо полуничний глазурований пончик

Крок 1

З глазурованого пончику з шоколадом Скопіюйте та Вставте на артборд групу "Основний пончик" разом з глазур'ю та двома "формами відблисків". З виділеною "формою глазурі", змініть колір заливки на яскраво-рожевий, відкрийте вікно Внутрішнє свічення та змініть колір, який застосовувався для ефекту. Для двох "форм відблисків" збільште Радіус Розтушування до 9 px. Все інше залиште таким же.

create strawberry frostingcreate strawberry frostingcreate strawberry frosting

Крок 2

Візьміть Перо (P) або Інструмент Олівець (N) та намалюйте два хвилясті шляхи, як на наступному зображенні. Встановіть Щільність обведення на 7 pt та оберіть варіант Круглі кінці в панелі Обведення (1). Виберіть Розгорнути вигляд та Розгрупувати (Shift-Control-G) в меню Об'єкт, щоб перетворити два обведених шляхи в заливку.

Скористайтеся Частковим виділенням (A) для переміщення деяких опорних точок, щоб створити товщі, нерівні ділянки, тому що чим природніше, тим краще (2). Якщо у вас недостатньо точок, ви можете додати більше, використовуючи інструмент Додати опорну точку (+). Потім виберіть синю та зелену фігури, перейдіть до Об'єкт> Складений шлях> Зробити (Control-8) і залийте отриманий складений шлях радіальним градієнтом (3).

create icing on strawberry donut 1create icing on strawberry donut 1create icing on strawberry donut 1

Крок 3

Щоб додати трохи блиску, намалюйте кілька тонких фігур вздовж хвилястої форми та залийте їх білим кольором.

create icing on strawberry donut 2create icing on strawberry donut 2create icing on strawberry donut 2

Крок 4

Щоб додати тінь, Скопіюйте та Вставте позаду (Control-B) хвилясту форму, змініть колір заливки на рожевий і змістіть її на 3 px вниз, натиснувши тричі стрілку вниз на клавіатурі.

create icing on strawberry donut 3create icing on strawberry donut 3create icing on strawberry donut 3

7. Створимо тіні для пончиків

Крок 1

Спочатку створіть новий шар під шаром "Пончики" і назвіть його "Тіні". Тепер знайдіть складний шлях, який ми використовували для маскування «Основного пончика» в панелі Шари, а потім Скопіюйте та Вставте його (Control-V) у новий шар. Виберіть коричневий колір заливки, а потім перейдіть до Ефект> Стилізувати> Тінь та застосуйте показані нижче налаштування. 

add shadow to donutadd shadow to donutadd shadow to donut

Крок 2

Повторіть попередній крок для інших трьох пончиків за допомогою тих самих параметрів, і це все.

donuts with shadowdonuts with shadowdonuts with shadow

Вітаю! Ви закінчили!

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

Чи ви зголодніли?

final donut iconsfinal donut iconsfinal donut icons
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.