1. Design & Illustration
  2. Food

Як намалювати тарілку барвистого салату в Адобе Ілюстратор

by
Read Time:14 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 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як на наступному малюнку. Зазвичай я працюю з цими настройками, і вони допоможуть вам протягом усього процесу малювання.

how to open a new illustrator documenthow to open a new illustrator documenthow to open a new illustrator document

2. Як намалювати просту тарілку.

Крок 1

Давайте почнемо з овалу розміром 610 х 75 px Заповненого Лінійним градієнтом, як показано (1). Далі, намалюйте інший овал, ще трохи більший, тільки на дні і відправте його за перший (2).

how to draw the plate shapehow to draw the plate shapehow to draw the plate shape

Крок 2

Для того, щоб створити центр тарілки, намалюйте новий овал розміром 480 х 58 px (1). Тепер виберіть перший овал та застосуйте Копіювати потім Вставити в місці (Shift-Control-V) для того, щоб зробити його копію (2). У той час як ця копія (чорний еліпс), і червоний еліпс залишаються вибраними, натисніть Перетин в панелі Обробка контурів. Залийте нову форму Лінійним Градієнтом (3).

how to create the inside of the platehow to create the inside of the platehow to create the inside of the plate

Крок 3

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

how to create a thin edge on platehow to create a thin edge on platehow to create a thin edge on plate

Крок 4

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

how to draw the depth of the platehow to draw the depth of the platehow to draw the depth of the plate

Крок 5

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

Продовжіть з останнім овалом в нижній частині тарілки розміром близько 280 х 58 рх, Залийте його показаним Лінійним градієнтом, а потім відправте його позад всього (2).

how to draw the bottom of the platehow to draw the bottom of the platehow to draw the bottom of the plate

Крок 6

Щоб додати відблиск на нижній частині тарілки, намалюйте дуже тонку форму за допомогою Пера (P) нижче нижнього краю, і залийте її показаним Лінійним Градієнтом.

add highlight on the bottom of the plateadd highlight on the bottom of the plateadd highlight on the bottom of the plate

Крок 7

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

add details on the edges of the plateadd details on the edges of the plateadd details on the edges of the plate

3. Як намалювати листя Руколи

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

Потім, намалюйте тонку форму через середину листа і Заповніть її Градієнтом, як показано (2).

Це воно! Лист готовий. Застосуйте Група (Ctrl-G) дві форми і назвіть групу «рукола».

how to draw vector rocket arugulahow to draw vector rocket arugulahow to draw vector rocket arugula

4. Як намалювати кільця цибулі.

Крок 1

За допомогою Еліпсу (L) намалюйте дві форми і розташуйте їх, як показано на наступному малюнку (1). Розмір не має значення, тому що ви в будь-якому випадку будете масштабувати всі інгредієнти пізніше. Поки два овали залишаються обраними, перейдіть в Об'єкт> Складений шлях> Зробити (Ctrl-8) та Залийте отриману форму блідо-фіолетовим кольором (2).

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

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

how to draw a vector onion ringhow to draw a vector onion ringhow to draw a vector onion ring

Крок 2

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

Застосуйте Група (Ctrl-G) до форм і назвіть групи «кільце цибулі 1» та «кільце цибулі 2».

how to create a second onion ring how to create a second onion ring how to create a second onion ring

5. Як намалювати шматочок червоного перцю.

Крок 1

Далі в списку інгредієнтів є червоний перець. Намалюйте форму, подібну наведеній нижче за допомогою Пера (P) і використайте червоний колір Заливки (1). Поки форма залишається обраною, перейдіть в Об'єкт > Трансформувати > Масштаб, тип 105% в полі Масштаб, а потім натисніть Копіювати. В результаті ви отримаєте трохи більшу форму. Використайте більш темний відтінок червоного кольору, щоб Залити її і відправити позаду першої (2).

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

how to draw a piece of red pepperhow to draw a piece of red pepperhow to draw a piece of red pepper

Крок 2

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

Застосуйте Група (Ctrl-G) до форм та назвіть групи «червоний перець» і «жовтий перець».

how to create a piece of yellow pepperhow to create a piece of yellow pepperhow to create a piece of yellow pepper

6. Як намалювати скибочку томату

Крок 1

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

how to draw the slice of tomatohow to draw the slice of tomatohow to draw the slice of tomato

Крок 2

Потім намалюйте аналогічну, але меншу форму зверху і Залийте її червоним кольором. Додайте Нову Заливку нижче першої і використайте більш темний відтінок оранжевого. За допомогою цього атрибута Заливка, обраного в палітрі, перейдіть в Ефект > Деформувати і Трансформувати > Трансформувати і застосуйте 1 px Перемістити вертикально.

how to draw the pulp of the tomato slicehow to draw the pulp of the tomato slicehow to draw the pulp of the tomato slice

Крок 3

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

how to draw the center of the tomato slicehow to draw the center of the tomato slicehow to draw the center of the tomato slice

Крок 4

Для насіння томатів, вам потрібно дві форми сльозинки. Залийте більшу темно-оранжевим та меншу жовтим. Застосуйте Група (Ctrl-G) до двох форм і Розмножте, щоб отримати більше насіння; потім Обертайте та розташовуйте їх на зрізі томата.

how to draw the seeds of tomatohow to draw the seeds of tomatohow to draw the seeds of tomato

Крок 5

Тепер, намалюйте вигнуту лінію поруч з нижнім краєм скибочки (1). Дайте їй 5 pt червоне Обведення; потім перейдіть до Ефект > Розмиття > Гаусове Розмиття і застосуєте Радіус на 2 px. Зменште Непрозорість до 70% (2).

Виберіть форму скибки, а потім Копіювати і Вставити в місці (Shift-Cntrl-V) для того, щоб зробити копію попереду всього. Встановіть цю копію без обведення та без заливки. Тепер виберіть вигнуту лінію разом з копією скибки і перейдіть до Об'єкт > Відсічна маска > Зробити (Ctrl-7). Назвіть групу «скибка томату» (3). Ви можете побачити кінцевий результат на зображенні нижче (4).

add detail on the pulp of tomatoadd detail on the pulp of tomatoadd detail on the pulp of tomato

7. Як намалювати шматочок редьки

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

Виберіть синю форму, а потім Копіювати і Вставити в місці (Shift-Ctrl-V), щоб зробити копію попереду всього. Маючи цю копію обраною разом з помаранчевою формою, натисніть Мінус Передній план в панелі Обробка контурів. В результаті ви отримаєте форму в нижній частині, як шкіру редьки (3). Залийте дві форми показаними Радіальними Градієнтами, застосуйте Група (Ctrl-G) до них, і шматочок редьки готовий до роботи (4).

how to draw the slice of radishhow to draw the slice of radishhow to draw the slice of radish

8. Як намалювати чорну маслину

Маслина досить легка, і вам потрібно тільки дві фігури: овал розміром 50 х 38 px (1) і фігура відблиску на верхній лівій стороні (2). Залийте їх показаними Радіальними Градієнтами; а потім застосуйте Група (Ctrl-G) до них, і ви можете побачити кінцевий результат на зображенні нижче (3).

how to draw a vector black olivehow to draw a vector black olivehow to draw a vector black olive

9. Як скласти салат

Крок 1

По-перше, виберіть групу «тарілка» і Оберніть її, як показано на наступному малюнку, щоб зробити його більш цікавим. І, нарешті, зараз настав час скласти смачний салат. Візьміть групу «рукола» і зробіть кілька копій. Розташуйте їх, як показано нижче, або ви можете спробувати зробити це по-своєму.

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

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

arrange the first rocket leaves on platearrange the first rocket leaves on platearrange the first rocket leaves on plate

Крок 2

Потім візьміть групу «червоний перець» і перенесіть її на тарілку. Застосуйте ефект Тінь, щоб створити тінь. Те ж саме відноситься і до групи «жовтий перець».

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

arrange red and yellow pepper on platearrange red and yellow pepper on platearrange red and yellow pepper on plate

Крок 3

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

arrange more rocket leaves on platearrange more rocket leaves on platearrange more rocket leaves on plate

Крок 4

Далі, розмістіть маслину на тарілці і застосуйте ефект Тінь.

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

arrange a black olive and onion on plate arrange a black olive and onion on plate arrange a black olive and onion on plate

Крок 5

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

arrange other salad ingredients on platearrange other salad ingredients on platearrange other salad ingredients on plate

Крок 6

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

На малюнку нижче ви можете побачити налаштування Тіні для кільця цибулі справа, і листя руколи на ньому.

Не додавайте тінь під шматочками помідорів, тому що ми подбаємо про це в уроці пізніше.

arrange more salad ingredients on platearrange more salad ingredients on platearrange more salad ingredients on plate

Крок 7

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

arrange radish slices on platearrange radish slices on platearrange radish slices on plate

Крок 8

Додайте ще один шматок жовтого перцю і інший шматочок томата в повітрі між листям. Останні два компоненти є червоним перцем і кільцем цибулі.

arrange salad ingredients up in the airarrange salad ingredients up in the airarrange salad ingredients up in the air

10. Як додати тіні між інгредієнтів

Крок 1

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

Зосередьтесь на скибочках томату і намалювати контур слідуючий по нижньому краю, по одному для кожної скибочки, що у вас є. Додайте їм 3 pt чорного Обведення а потім застосуйте 3 px Гаусове розмиття. Після того, як ви це зробили, відправте кожний контур прямо за відповідну скибочку томата.

create shadow under the tomato slicescreate shadow under the tomato slicescreate shadow under the tomato slices

Крок 2

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

Оберіть 2 pt чорне Обведення для всіх цих контурів і застосуйте 2 px Гаусового розмиття. Деякі з них отримають 100% Непрозорість а деяким застосуйте 75% Непрозорість, в залежності від області та кольорів. Не забудьте перемістити кожен контур між двома компонентами, які перекривають один інший, в панелі Шари, оскільки правильний порядок є дуже важливим в даному випадку.

create shadow between salad ingredientscreate shadow between salad ingredientscreate shadow between salad ingredients

11. Як очистити край тарілки

Крок 1

Оберіть овал з внутрішньої сторони тарілки, а потім Копіювати і Вставити в місце (Shift-Ctrl-V) для того, щоб зробити копію поперед всього (1). Візьміть Ножиці (C) і натисніть на дві кінцеві точки цієї копії, щоб порізати форму навпіл і залишити тільки половину спереду (2). За допомогою Пера (P), замкніть цей шлях і створіть нову форму навколо салату (3).

how to create the mask shapehow to create the mask shapehow to create the mask shape

Крок 2

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

how to mask the salad ingredientshow to mask the salad ingredientshow to mask the salad ingredients

Крок 3

Якщо ви хочете додати лист, який йде через край тарілки для більш реалістичного вигляду, то зараз саме час, щоб зробити це поза маскою. Розташуйте його в потрібному місці, а потім застосуйте ефект Тінь.

add rocket leaf on the edge of plateadd rocket leaf on the edge of plateadd rocket leaf on the edge of plate

12. Як додати основні моменти до салату

Зосередьтеся на одному з шматочків помідор і намалюйте два короткі контури, як показано на наступному зображенні. Застосуйте Обведення до них з Black Blend Art Brush з іншого мого уроку, присвяченого пензлям Змішування та їх корисності: How to Create a Set of Multi-Use Blend Brushes. Я використовую ці пензлі весь час, щоб додавати світло і деталі в мої малюнки. Встановіть указаний колір, і Товщину Обведення на 0,75 pt. Тримайте більший контур на 100% Непрозорості, а для більш короткого шляху зменшіть Непрозорість до 50%, щоб зробити його більш скромним.

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

how to add highlights on tomato slices how to add highlights on tomato slices how to add highlights on tomato slices

13. Як створити тінь під тарілкою.

Крок 1

За допомогою Пера (P), намалюйте форму, як на наступному малюнку на Новому Шарі позаду тарілки та надайте їй білу Заливку. Продовжте з аналогічною, але меншою формою, залитою світло-сірим і встановити її Непрозорість на 75%.

draw first two shadow shapes under the platedraw first two shadow shapes under the platedraw first two shadow shapes under the plate

Крок 2

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

draw last two shadow shapes under the platedraw last two shadow shapes under the platedraw last two shadow shapes under the plate

Крок 3

Поки чотири форми залишаються обраними, перейдіть до Об'єкт > Перехід > Параметри переходу і виберіть Задано кроків 50. Натисніть кнопку OK; потім поверніться в Об'єкт > Перехід > Зробити (Alt-Ctrl-B).

Застосуйте до групи переходу Режим змішування > Множення і зменшіть Непрозорість до 75%, проте це ще залежить від кольору фону.

blend shadow shapes under the plateblend shadow shapes under the plateblend shadow shapes under the plate

Мої вітання! Ви закінчили.

Барвистий салат на тарілці тепер готовий. Захопіть виделку!

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

salad plate vector illustration adobe illustrator tutorialsalad plate vector illustration adobe illustrator tutorialsalad plate vector illustration adobe illustrator tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads