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

Как нарисовать красочный салат на тарелке в Адобе Иллюстратор

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Mavka (you can also view the original English article)

Final product image
What You'll Be Creating

В этом новом уроке вы узнаете, как нарисовать красочный салат на тарелке, но давайте выберем другой угол зрения, чтобы получить больше удовольствия. Сначала мы создадим простую тарелку, а уже после этого время создать и организовать ингредиенты этого салата: листья рукколы, кусочки красного и желтого перца, лук кольцами, вкусные ломтики помидоров, редиса и маслин. В конце концов мы добавим тени ко всему, чтобы придать более реалистичный вид. Давайте начнем развлечение!

Если вы изголодались по большему количеству иконок еды или векторных иконок в целом, сбегайте на GraphicRiver и вы наверняка найдете там то, что вы ищете.

1. Как создать новый документ

Запустите Иллюстратор и перейдите к Файл > Новый, чтобы открыть пустой документ. Введите имя файла, настройте размеры выберите Пиксели как Единицы и Цветовой режим как RGB. Убедитесь, что нет галочки выровнять новые объекты по пиксельной сетке.

Затем перейдите в меню Редактирование > Установки > Основные и установите Перемещение курсора на 1 рх, и перейдите к Единицам измерения, чтобы убедиться, что они установлены, как на следующем рисунке. Обычно я работаю с этими настройками, и они помогут вам в течение всего процесса рисования.

how to open a new illustrator document

2. Как нарисовать простую тарелку.

Шаг 1

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

how to draw the plate shape

Шаг 2

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

how to create the inside of the plate

Шаг 3

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

how to create a thin edge on plate

Шаг 4

Затем нарисуйте нижнюю часть тарелки, как в следующем изображении. Используйте показанный Градиент, а затем отправьте эту форму позади всего.

how to draw the depth of the plate

Шаг 5

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

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

how to draw the bottom of the plate

Шаг 6

Чтобы добавить блик на нижней части тарелки, нарисуйте очень тонкую форму с помощью Пера (P) ниже края тарелки снизу, и Залейте ее показанным Линейным Градиентом.

add highlight on the bottom of the plate

Шаг 7

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

add details on the edges of the plate

3. Как нарисовать листья Рукколы

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

Затем, нарисуйте тонкую форму через середину листа и Заполните ее Градиентом, как показано (2).

Это оно! Лист готов. Примените Сгруппировать (Ctrl-G) к двум формам и назовите группу «руккола».

how to draw vector rocket arugula

4. Как нарисовать кольца лука.

Шаг 1

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

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

Выберите оригинальное кольцо снова и затем Копировать и Вставить на то же место (Shift-Control-V), чтобы сделать еще одну копию. Получив эту новую копию выбранного вместе с черным кольцом, нажмите Минус верхний в панели Обработка контуров. В результате отправьте две формы назад (4) и Залейте их показанными двумя оттенками фиолетового (5).

how to draw a vector onion ring

Шаг 2

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

Примените Сгруппировать (Ctrl-G) к формам и назовите группы «кольцо лука 1» и «кольцо лука 2».

how to create a second onion ring

 5. Как нарисовать кусочек красного перца.

Шаг 1

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

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

how to draw a piece of red pepper

Шаг 2

Этот шаг не является обязательным, но если вы хотите больше цвета в вашем салате, вы можете создать кусок желтого перца. Просто сделайте Копию красного перца и измените цвет Заливки.

Примените Сгруппировать (Ctrl-G) к формам и назовите группы «красный перец» и «желтый перец».

how to create a piece of yellow pepper

6. Как нарисовать ломтик томата

Шаг 1

С помощью Пера (P), нарисуйте ломтик томата и Залейте ее темным оттенком красного. Оставив форму выбранной, Добавьте Новую Заливку в панели Оформление над первой и используйте оранжево-красный цвет. Выберите этот атрибут Заливки, перейдите в Эффект > Исказить и Трансформировать> Трансформировать и примените настройки, показанные ниже. В результате вы получите более темный край в нижней части среза.

how to draw the slice of tomato

Шаг 2

Затем нарисуйте аналогичную, но меньшую форму сверху и Залейте ее красным цветом. Добавьте Новую Заливку ниже первой и используйте более темный оттенок оранжевого. С помощью этого атрибута Заливки, избранного в панели Оформление, перейдите в Эффект> Исказить и Трансформировать> Трансформировать и примените 1 px Переместить по вертикали.

how to draw the pulp of the tomato slice

Шаг 3

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

how to draw the center of the tomato slice

Шаг 4

Для семян томатов, вам нужно две формы слезинок. Залейте большую темно-оранжевым и меньшую желтым. Примените Сгруппировать (Ctrl-G) к двум формам и размножьте, чтобы получить больше семян; затем Оборачивайте и располагайте их на срезе томата.

how to draw the seeds of tomato

Шаг 5

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

Выберите форму кусочка, а затем Копировать и Вставить на то же место (Shift-Control-V) для того, чтобы установить копию впереди всего. Уберите у этой копии обводку и заливку. Теперь выберите изогнутую линию вместе с копией ломтика и перейдите к Объект> Обтравочная маска> Создать (Ctrl-7). Назовите группу «ломтик томата» (3). Вы можете увидеть окончательный результат на картинке ниже (4).

add detail on the pulp of tomato

7. Как нарисовать кусочек редиса

С помощью Пера (P), нарисуйте форму ломтика, и после этого, сделайте подобную форму, но больше, внизу и сзади (2).

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

how to draw the slice of radish

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

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

how to draw a vector black olive

9. Как составить салат

Шаг 1

Во-первых, выберите группу «тарелка» и Оберните ее, как показано на следующем рисунке, чтобы сделать его более интересным. И, наконец, сейчас пришло время составить вкусный салат. Возьмите группу «руккола» и сделайте несколько копий. Расположите их, как показано ниже, или вы можете попробовать сделать это по-своему. Возьмите группу «руккола» и сделайте несколько копий. Расположите их, как показано ниже, или вы можете попробовать сделать это по-своему.

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

Некоторые из ингредиентов даже не нуждаются в тени. Из трех листочков рукколы на картинке ниже, только у одного применен эффект Тень, потому что два других будут покрыты другими ингредиентами до конца, и в тени нет необходимости.

arrange the first rocket leaves on plate

Шаг 2

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

Это выглядит странно на данный момент, но в конце мы используем Маску, чтобы скрыть компоненты, которые выглядывают через край тарелки.

arrange red and yellow pepper on plate

Шаг 3

Дублируйте и приведите в порядок больше листьев рукколы. Для листьев, которые в воздухе, не нужно, применять эффект Тень, потому что тень должна существовать только на тарелке, а не снаружи и вокруг тарелки.

arrange more rocket leaves on plate

Шаг 4

Далее, разместите маслину на тарелке и примените эффект Тень.

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

arrange a black olive and onion on plate

Шаг 5

Следуя технике из предыдущих шагов, разместите больше листьев и других ингредиентов на вашей тарелке.

arrange other salad ingredients on plate

Шаг 6

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

На рисунке ниже вы можете увидеть настройки Тени для кольца лука справа, и листьев рукколы на нем.

Не добавляйте тень под кусочками помидоров, потому что мы позаботимся об этом позже в уроке.

arrange more salad ingredients on plate

Шаг 7

Пора разместить несколько ломтиков редиса. Масштабируйте их, чтобы они не были одного размера, потому что это более естественно. Добавьте больше листьев сверху и начните поднимать ингредиенты вверх.

arrange radish slices on plate

Шаг 8

Добавьте еще один кусок желтого перца и другой кусочек томата в воздухе между листьями. Последние два компонента это красный перец и кольцо лука.

arrange salad ingredients up in the air

10. Как добавить тень между ингредиентов

Шаг 1

Если вас удовлетворяет салат и позиция каждого ингредиента, теперь вы можете добавить более подробную тень между ними для более реалистичного вида.

Сосредоточьтесь на ломтиках томата и нарисуйте контур идущий по их нижнему краю, по одному для каждого вашего ломтика. Добавьте им 3 pt черной Обводки а затем примените 3 px Размытие по Гауссу. После того, как вы это сделали, отправьте каждый контур прямо за соответствующий ломтик томата.

create shadow under the tomato slices

Шаг 2

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

Выберите 2 pt черной Обводки для всех этих контуров и примените 2 px Размытия по Гауссу. Некоторые из них получат 100% Непрозрачность а некоторым примените 75% Непрозрачности, в зависимости от области и цветов. Не забудьте переместить каждый контур между двумя компонентами, которые перекрывают один другой, в панели Слои, поскольку правильный порядок является очень важным в данном случае.

create shadow between salad ingredients

11. Как очистить край тарелки

Шаг 1

Выберите овал с внутренней стороны тарелки, а затем Копировать и Вставить на то же место (Shift-Control-V) для того, чтобы сделать копию впереди всего (1). Возьмите Ножницы (C) и нажмите на две конечные точки этой копии, чтобы порезать форму пополам и оставить только половину впереди (2). С помощью Пера (P), заприте этот путь и создайте новую форму вокруг салата (3).

how to create the mask shape

Шаг 2

Выберите форму из прошлого шага и удалите из нее обводку и заливку. Теперь выберите все ингредиенты салата вместе с этой формой и перейдите к Объект > Обтравочная маска> Создать (Ctrl-7). Теперь передняя сторона тарелки, чиста, как и должно быть.

how to mask the salad ingredients

Шаг 3

Если вы хотите добавить лист, который спадает через край тарелки для более реалистичного вида, то сейчас самое время, чтобы сделать это вне маски. Расположите его в нужном месте, а затем примените эффект Тень.

add 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

13. Как создать тень под тарелкой.

Шаг 1

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

draw first two shadow shapes under the plate

Шаг 2

Нарисуйте еще один овал под дном тарелки и Залейте его серым цветом. И последний овал, гораздо меньше, заполненный более темным серым цветом.

draw last two shadow shapes under the plate

Шаг 3

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

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

blend shadow shapes under the plate

Мои поздравления! Вы закончили.

Красочный салат на тарелке теперь готов. Захватите вилку!

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

salad plate vector illustration adobe illustrator tutorial
Advertisement
Advertisement
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.