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

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

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

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

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

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

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

Крок 7

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

Крок 8

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

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

Крок 9

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

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

Крок 10

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

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

Крок 1

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

Крок 2

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

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

Крок 3

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

Крок 4

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

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

Крок 1

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

Крок 2

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

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

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

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