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

В цьому уроці я навчу вас, як намалювати стопку смачних млинців з сиропом та чорницею в векторних формах.

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

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

Якщо ви зголодніли по більшій кількості іконок їжі чи векторних іконок загалом, тоді зайдіть на Graphicriver, і ви, напевно, знайдете там те, що шукаєте.

1. Відкриємо новий документ

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

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

2. Створимо основу млинця

Крок 1

Почнемо створювати форму млинця з овалу розміром 240×110 px. За допомогою інструменту Додати опорну точку (+), додайте більше точок внизу овалу та після цього оберіть Часткове виділення (А) та перемістіть опорні точки, щоб трохи спотворити форму. Не робіть краї млинця ідеально гладкими.

Нарешті, створіть схожу форму позаду першої, але зробіть її більшою знизу, щоб створити враження товстого млинця.

Я буду називати на протязі цього уроку першу форму млинця "верхня форма" а нижню "нижня форма".

Крок 2

Поки нижня форма млинця лишається виділеною, додайте Нову заливку над першою та застосуйте той самий колір. Перейдіть в Ефект> Текстура > Текстуризатор та застосуйте налаштування, показані нижче. Застосуйте до атрибуту Заливки Режим змішування Розсіяне світло, щоб створити на млинці ніжну текстуру.

Крок 3

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

Крок 4

Скористайтеся інструментом Олівець (N) або Пером (P), щоб намалювати шлях, що йде по нижньому краю млинця, та застосуйте теплий коричневий колір (1). Обведіть  цей шлях Художнім пензлем Charcoal – Rough, що знаходиться в меню бібліотеки пензлів > Художній > Художній_КрейдаВугольОлівець та зменшіть Щільність Обведення до 0,25 pt (2).

Далі перейдіть до меню Ефект > Розмиття > Гаусове розмиття та застосуйте Радіус 2 px і зменште Непрозорість до 50%. Це створить золостисто-коричневий край, який має бути в готового млинця (3).

Крок 5

Виділіть нижню форму млинця, а потім Скопіюйте та Вставте в місці (Shift-Ctrl-V), щоб зробити його копію. Застосуйте до копії Обведення-немає та Заливка-немає задля очищення країв.

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

3. Додамо до млинця текстуру.

Крок 1

Виберіть верхню форму млинця та додайте Нову заливку над першою, використовуючи той самий колір. Застосуйте як і раніше, ефект Текстуризатор, для створення цієї м'якої текстури. Встановіть для цієї заливки Режим змішування Розсіяне світло.

Крок 2

Намалюйте еліпс по центру млинця та залийте його показаним радіальним градієнтом (1). Застосуйте 5 px Гаусового розмиття, щоб зладити краї, та після цього застосуйте до еліпсу Режим змішування Множення та 75% Непрозорості (2).

Крок 3

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

Обведіть всі ці шляхи Художнім пензлем Charcoal-Thick, що знаходиться в меню бібліотеки пензлів > Художній > Художній_КрейдаВугольОлівець та зменшіть Щільність Обведення до 0,75 pt (1). Застосуйте теплий коричневий колір, який ви можете бачити на отриманому нижче зображенні.

Щоб згладити коричневий край, спершу Сгрупуйте (Ctrl-G) всі ці шляхи та застосуйте 2 px Гаусового розмиття для всієї групи.

Крок 4

Візьміть копії шляхів з попереднього кроку та обведіть їх знову за допомогою художнього пензлю Charcoal-Thick, але зменшіть Щільність Обведення до 0,5 pt та застосуйте більш прохолодний відтінок коричневого кольору. На цей раз ми не будемо застосовувати ефект Гауссового розмиття, але просто Сгрупуємо (Control-G) всі шляхи.

Крок 5

Тепер візьміть інструмент Олівець (N) та намалюйте випадковий круговий шлях по млинцю (1). Обведіть його за допомогою дискретного пензлю Ink Splats в меню бібліотеки пензлів> Художній> Художній_Чорнило та зменшіть Щільність Обведення до 0,25 pt. Потім перейдіть в панель Вигляд, відкрийте вікно Параметри обведення та змініть деякі параметри, на зазначені нижче. Мета - отримати безліч крихітних плям по всій поверхні млинця (2).

Використайте теплий коричневий колір до обведення та застосуйте Режим змішування Перекриття та 20% Непрозорості до цього шляху (3).

Крок 6

Намалюйте інший випадковий круговий шлях на млинець за допомогою інструмента Олівець (N). Знову обведіть його дискретним пензлем Ink Splats та зменшіть Щільність Обведення до 0,25 pt, але на цей раз застосуйте блідо-жовтий колір (1). Встановіть Режим змішування Перекриття для цього шляху та 20% Непрозорості (2).

Крок 7

Далі, візьміть Перо (Р) та намалюйте прямий шлях по млинцю. Обведіть його за допомогою художнього пензлю Chalk в меню бібліотеки пензлів> Художній> Художній_КрейдаВугольОлівець та збільште Щільність Обведення до 5 pt щоб створити більші шматки текстури. Застосуйте до цього шляху Режим змішування Розсіяне світло та 75% Непрозорості (2).

Крок 8

Нарешті, замаскуємо все. Виберіть верхню форму млинця, а потім Скопіюйте та Вставте у місці (Shift-Control-V), щоб зробити його копію. Встановіть цю копію на обведення-немає та заливка-немає.

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

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

4. Створимо білу тарілку

Крок 1

Щоб створити тарілку, почніть з овалу розміром 410×190 px. Після цього, намалюйте новий еліпс, залитий сірим кольором, та відправте його позаду першого.

Крок 2

Поки обидві еліпси залишаються вибраними, перейдіть до пункту Об'єкт> Перехід> Параметри переходу, виберіть Згладжування кольору та натисніть ОК. Поверніться після цього в Об'єкт> Перехід> Зробити (Alt-Control-B).

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

Тепер виберіть останні дві групи переходу з центру тарілки та Сгрупуйте (Control-G). Зменште Непрозорість отриманої групи до 50%.

Крок 7

Давайте створимо тінь під тарілкою. Знов візьміть Еліпс (L) та намалюйте два нових еліпси в новому позаду тарілки. Залийте менший сірим та більший білим, та розташуйте їх у нижній лівій частині вашої тарілки.

Змішайте дві еліпси, як це було раніше, щоб отримати плавний перехід між ними. Встановіть Режим змішування до отриманої групи на Множення (білий стане прозорим). Ви також можете зменшити непрозорість, якщо це необхідно.

5. Створимо стопку млинців.

Крок 1

Згрупуйте (Control-G) - всі форми, які складають перший млинець та перемістіть його на тарілку. За необхідності масштабуйте тарілку (1).

Тепер виберіть лише нижню форму млинця, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб зробити його копію. Перемістіть цю копію позаду групи млинця, а потім заповніть її темнішим відтінком коричневого кольору. Якщо ця форма все ще вибрана, двічі натисніть Стрілку вниз на клавіатурі, щоб змістити її на 2 px вниз (2).

Перейдіть до Ефект> Розмиття> Гаусове розмиття і застосуйте Радіус 2 px та зменште Непрозорість до 25%. Це призведе до появи плавної тіні під млинцем (3).

Крок 2

Зробіть ще одну копію нижньої форми млинця, як і раніше, і перемістіть її позаду нього (1).

Доки нову копію обрано, натисніть Стрілку вниз один раз, щоб перемістити її на 1 px вниз. Залийте її чорним та зменште Непрозорість до 20% (2). Немає необхідності в розмитті, тому що тепер нам потрібні чіткіші тіні під млинцем (3).

Крок 3

У цей момент у вас є перший млинець на тарілці. Ви можете зробити його копію, а потім повернути та розташувати її зверху, щоб отримати другий млинець. Не забудьте про дві форми тіні під новим млинцем.

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

Крок 4

Слідуючи тій самій техніці, ви можете створити стільки млинців, скільки захочете.Краще зберігати кожен млинець в окремому шарі разом з його двома формами тіні.

6. Створимо тінь під стопкою млинців.

Крок 1

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

Крок 2

Доки форма тіні вибрана, перейдіть до Ефект> Стилізувати> Тінь та застосуйте цей ефект чотири рази.

Ось ці налаштування для ефектів Тіні:

7. Створимо сироп на стопці млинців

Крок 1

Спочатку додайте новий шар біля млинців та назвіть його "сироп". Тепер візьміть Перо (P) та намалюйте форму стікаючого сиропу. Це займе деякий час, але вносьте зміни, поки ви не досягнете кінцевого результату (1).

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

Крок 2

Скопіюйте та Вставте попереду (Control-F) форму сиропу та змініть колір заливки на більш теплий відтінок коричневого кольору. Залиште інші налаштування, як є. В результаті сироп стане більш золотавим.

Крок 3

Тепер зосередити увагу на сироп, що стікає на тарілку, і за допомогою Пера (P) намалюйте дві менші форми. Надішліть їх позаду форми сиропу та залийте їх показаним радіальним градієнтом. Щоб згладити краї, застосуйте 2 px Гауссове розмиття, а потім зменште Непрозорість до 35%.

Крок 4

На цьому етапі ви можете додати більше сиропу, щоб створити потоки, що течуть по млинцям, так що намалюйте дві нові фігури (або більше), як на малюнку нижче. Застосуйте ті самі налаштування, що і раніше, для великої форми сиропу (1).

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

Крок 5

Виберіть велику форму сиропу, а потім Скопіюйте та Вставте у місці (Shift-Control-V), щоб зробити його копію. Видаліть всі наявні атрибути та оберіть будь-який колір заливки (1).

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

Поки ці дві форми залишаються вибраними, натисніть Мінус передній план в панелі Обробка контурів. Якщо ви отримали кілька фігур замість одної, Розгрупуйте їх (Shift-Control-G), а потім перейдіть до Об'єкт> Складений шлях> Зробити (Control-8). Ви можете побачити отриману форму на зображенні нижче (3).

Крок 6

Заповніть форму складеного шляху з попереднього кроку чорною та перемістіть її позаду сиропу (1). Щоб отримати гладкий вигляд, застосуйте Гаусове розмиття 1 px та встановіть Режим змішування на Розсіяне світло. Це створить м'яку тінь на лівій стороні стікаючого сиропу (2).

Крок 7

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

8. Додамо блиску до сиропу

Крок 1

Візьміть Перо (P) та намалюйте кілька випадкових витягнутих форм наслідуючи хвилястим краям сиропу (1). Залийте усі з них блідо-жовтим кольором, а потім нанесіть 2,2 px Гаусового розмиття (2). Зменште непрозорість для деяких з них, якщо це необхідно, та Сгрупуйте (Control-G) в кінці всі форми.

Крок 2

Скористайтеся Пером (P) знову і намалюйте купу коротких шляхів над розмитими в попередньому кроці (1). Обведіть їх всі Художнім пензлем Black Blend з іншого уроку від мене Як створити набір різноманітних пензлів для змішування (крок 5.2), присвячений пензлям змішування та іх властивостям. Я користуюся цими пензлями весь час.

Оскільки Метод забарвлення цих пензлів Відтінки, ви можете вибрати будь-який колір, і обведення кистей буде оновлюватися самостійно. У цьому випадку виберіть дуже блідий жовтий колір, і ви отримаєте той особливий блиск сиропу (2).

9. Створимо реалістичну чорницю.

Крок 1

Спочатку застосуйте інструмент Еліпс (L), щоб намалювати невелике коло розміром 35 х 35 px (1). Поки кола залишаться вибраними, перейдіть до Об'єкт> Створити сітчастий градєнт та оберіть 5 рядків та 5 стовпців. В результаті ви отримаєте сітчасті лінії і всі точки сітки (2).

Кожна з цих сітчастих точок може бути забарвлена різними відтінками синього, щоб отримати більш реалістичний вигляд. Ви знайдете всі кольори в панелі Зразки у доданому файлі ілюстратору, якщо ви його завантажили (3). Ви можете побачити кінцевий результат на зображенні нижче (4).

Крок 2

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

Крок 3

Скористайтеся Пером (P) знову, щоб намалювати п'ять пелюсткоподібних форм навколо попередніх форм. Залийте усі з них показаним радіальним градієнтом.

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

Крок 4

Візьміть інструмент Еліпс (L) і намалюйте еліпс розміром з чорницю, залитий білим кольором (1). Намалюйте менший еліпс, залитий сірим над першим, як показано на зображенні нижче (2).

Поки обидві форми залишаються вибраними, перейдіть до меню Об'єкт> Перехід> Параметри переходу та виберіть Згладжування кольору. Натисніть OK, а потім поверніться до Об'єкт> Перехід> Зробити (Alt-Control-B). Встановіть Режим змішування отриманої групи переходу на Множення (білий стане прозорим) та відправте її позаду чорниці (3). Зменште непрозорість тіні, якщо це необхідно.

Крок 5

Зробіть копії чорниць та додайте стільки, скільки забажаєте на млинці. Створіть тінь під кожною чорницею як пояснено в попередньому кроці.

Мої вітання, ми закінчили!

Стопка млинців готова. Я б не проти її з'їсти, тому що вони виглядають смачними. Якщо ви створите їх нове зображення, не забудьте поділитися з нами кінцевим результатом.

Ви також можете сказати мені, яка ваша улюблена їжа, та можливо я намалюю її в майбутньому.