1. Design & Illustration
  2. Illustration

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

by
Read Time:15 minsLanguages:

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

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

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

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

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

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

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

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

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

open new illustrator documentopen new illustrator documentopen new illustrator document

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

Крок 1

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

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

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

draw a plain pancakedraw a plain pancakedraw a plain pancake

Крок 2

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

add soft texture to pancake bottomadd soft texture to pancake bottomadd soft texture to pancake bottom

Крок 3

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

define bottom edge of the pancakedefine bottom edge of the pancakedefine bottom edge of the pancake

Крок 4

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

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

create golden brown edge on pancake bottomcreate golden brown edge on pancake bottomcreate golden brown edge on pancake bottom

Крок 5

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

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

mask the pancake bottommask the pancake bottommask the pancake bottom

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

Крок 1

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

add soft texture to pancake topadd soft texture to pancake topadd soft texture to pancake top

Крок 2

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

create browned center on pancakecreate browned center on pancakecreate browned center on pancake

Крок 3

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

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

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

create browned outer edges on pancake create browned outer edges on pancake create browned outer edges on pancake

Крок 4

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

create browned edges on pancake create browned edges on pancake create browned edges on pancake

Крок 5

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

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

create tiny browned specks on pancake topcreate tiny browned specks on pancake topcreate tiny browned specks on pancake top

Крок 6

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

create tiny light specks on pancake topcreate tiny light specks on pancake topcreate tiny light specks on pancake top

Крок 7

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

create browned texture on pancake topcreate browned texture on pancake topcreate browned texture on pancake top

Крок 8

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

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

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

mask texture on pancake topmask texture on pancake topmask texture on pancake top

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

Крок 1

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

draw the plate shapesdraw the plate shapesdraw the plate shapes

Крок 2

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

blend the plate shapesblend the plate shapesblend the plate shapes

Крок 3

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

draw the plate topdraw the plate topdraw the plate top

Крок 4

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

create the bottom of the platecreate the bottom of the platecreate the bottom of the plate

Крок 5

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

highlight the bottom of the platehighlight the bottom of the platehighlight the bottom of the plate

Крок 6

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

finalize the bottom of the platefinalize the bottom of the platefinalize the bottom of the plate

Крок 7

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

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

create shadow under the platecreate shadow under the platecreate shadow under the plate

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

Крок 1

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

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

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

create smooth shadow under first pancakecreate smooth shadow under first pancakecreate smooth shadow under first pancake

Крок 2

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

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

create sharp shadow under first pancakecreate sharp shadow under first pancakecreate sharp shadow under first pancake

Крок 3

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

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

add second pancakeadd second pancakeadd second pancake

Крок 4

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

add more pancakesadd more pancakesadd more pancakes

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

Крок 1

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

create shadow shape under the pancakescreate shadow shape under the pancakescreate shadow shape under the pancakes

Крок 2

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

add shadow under the stack of pancakesadd shadow under the stack of pancakesadd shadow under the stack of pancakes

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

drop shadow settings drop shadow settings drop shadow settings

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

Крок 1

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

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

draw the big syrup shape on pancakesdraw the big syrup shape on pancakesdraw the big syrup shape on pancakes

Крок 2

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

create the golden syrup lookcreate the golden syrup lookcreate the golden syrup look

Крок 3

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

darken parts of the flowing syrupdarken parts of the flowing syrupdarken parts of the flowing syrup

Крок 4

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

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

create more layers of syrupcreate more layers of syrupcreate more layers of syrup

Крок 5

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

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

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

create shadow shape for syrupcreate shadow shape for syrupcreate shadow shape for syrup

Крок 6

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

create shadow for flowing syrupcreate shadow for flowing syrupcreate shadow for flowing syrup

Крок 7

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

create shadow for smaller layers of syrupcreate shadow for smaller layers of syrupcreate shadow for smaller layers of syrup

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

Крок 1

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

add highlights on syrupadd highlights on syrupadd highlights on syrup

Крок 2

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

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

add extraa shine on syrupadd extraa shine on syrupadd extraa shine on syrup

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

Крок 1

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

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

create the blueberry shapecreate the blueberry shapecreate the blueberry shape

Крок 2

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

define the top of the blueberrydefine the top of the blueberrydefine the top of the blueberry

Крок 3

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

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

add details on the blueberryadd details on the blueberryadd details on the blueberry

Крок 4

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

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

create shadow under the blueberrycreate shadow under the blueberrycreate shadow under the blueberry

Крок 5

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

add more blueberries on pancakes add more blueberries on pancakes add more blueberries on pancakes

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

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

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

stack of pancakes with syrup and blueberries final imagestack of pancakes with syrup and blueberries final imagestack of pancakes with syrup and blueberries final image
One subscription.
Unlimited Downloads.
Get unlimited downloads