1. Design & Illustration
  2. Gradient Mesh Tool

Рисуем в Adobe Illustrator при помощи мешей клубнику в брызгах молока

Scroll to top
Vladimir Galantsev
Read Time: 6 min
Gradient Mesh ToolFoodVectorAdobe IllustratorDeconstruction

() translation by (you can also view the original English article)

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

В этом уроке мы нарисуем реалистичную клубнику в брызгах молока, используя инструмент Mesh Tool.

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

Big Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk Splashes
Набор из фруктов и ягод в молочных брызгах

1. Рисуем клубнику

Шаг 1

Начнутся они с прямоугольника, который залейте цветом #DF0203.

Активируйте инструмент Mesh Tool (U). Поставьте им точку по центру фигуры, просто кликнув левой кнопкой мыши. Также при помощи Mesh Tool деформируйте фигуру, придав ей форму клубники.

Добавьте Mesh Tool больше точек сетки. Всего должно получиться около восьми строк и пяти столбцов. Выделите все точки двух нижних рядов и измените цвет их заливки на #920000.

create the strawberrycreate the strawberrycreate the strawberry

Шаг 2

Всё также при помощи Mesh Tool добавьте больше новых точек.

Цвета этих партий:

  1. #B20505
  2. #CC0304
  3. #B70404
color with the mesh toolcolor with the mesh toolcolor with the mesh tool

Шаг 3

Центральной точке пятого сверху ряда назначьте оттенок #C00404.

color another middle nodecolor another middle nodecolor another middle node

Шаг 4

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

Оно начнется с овала цветом #E7BD42. Деформируйте его и задайте точкам по краям оттенок #DD8C0A.

stretch the bottom node into a tipstretch the bottom node into a tipstretch the bottom node into a tip

Шаг 5

Продолжайте раскрашивать сетку зернышка.

Используйте следующие цвета:

  1. #EBCC56
  2. #CE880D
  3. #F3CF71
  4. #D66D0C
color the seeds with the mesh toolcolor the seeds with the mesh toolcolor the seeds with the mesh tool

Шаг 6

Сделайте копию зернышка.

К которой примените эффект Effect> Warp> Inflate со следующими настройками:

  • Изгиб: 0%
  • Деформация по горизонтали: 0%
  • По вертикали: 22%

Разберите эффект, выполнив команду Object> Expand Appearance.

В будущем ее необходимо применять после каждого эффекта.

expand appearance of seedsexpand appearance of seedsexpand appearance of seeds

Шаг 7

Немного сплющьте зернышко и вытяните в длину.

flatten the seedflatten the seedflatten the seed

Шаг 8

Продублируйте полученную фигуру. Уменьшите ее примерно в два раза от размера оригинала.

scale the seedscale the seedscale the seed

Шаг 9

Теперь добавим зернышки на клубнику.

Сначала это будет фигура, законченная в шаге 5.

Затем вариант из шага 7.

И наконец, из шага 8.

place seeds on the strawberryplace seeds on the strawberryplace seeds on the strawberry

Шаг 10

Теперь целая клубничка готова полностью!

the strawberry result after the seedsthe strawberry result after the seedsthe strawberry result after the seeds

Шаг 11

Перейдем к разрезанной пополам ягоде.

Ниже показан процесс преображения сетки.

Участвуют в ней следующие цвета:

  1. #D32D18
  2. Придайте прямоугольнику форму клубники.
  3. #E85D41
  4. Здесь удалите столбцы сетки по краям и добавьте по два с каждой стороны ближе к середине.
  5. #AA0000
  6. #C93425
  7. #EB9383
  8. #ECBAB9
  9. #9F8D3C
  10. #ECC2C7
  11. #EAA39B
color it like a strawberry sliced in halfcolor it like a strawberry sliced in halfcolor it like a strawberry sliced in half

Шаг 12

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

add seeds on the edgesadd seeds on the edgesadd seeds on the edges

2. Рисуем листья, черенки и блики

Шаг 1

Начнем с листка. Процесс создания показан ниже.

Используются следующие цвета:

  1. #6F7B24
  2. #60641A
  3. #BDBD87
  4. #97953B
  5. #4F3F13
  6. #5B5219
  7. #5F6D1D
  8. #535F18
how to create leaveshow to create leaveshow to create leaves

Шаг 2

Инструментом Pen Tool (P) нарисуйте прожилки для листа.

На панели Stroke назначьте им показанный ниже профиль обводки, а к ней самой примените стандартный бело-черный градиент.

Режим смешивания измените на Screen и уменьшите непрозрачность до 30%.

После чего выполните операцию Object> Expand Appearance.

add the leaf detailsadd the leaf detailsadd the leaf details

Шаг 3

Расположите прожилки поверх листка. Сгруппируйте (Ctrl+G) все элементы.

place lines on the leafplace lines on the leafplace lines on the leaf

Шаг 4

Дважды продублируйте готовый листик.

К первой копии примените эффект Effect> Warp> Squeeze со следующими настройками:

  • Изгиб: -13%
  • Деформация по горизонтали: -55%
  • По вертикали: -11%

Не забудьте про команду Expand Appearance.

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

warp the leaveswarp the leaveswarp the leaves

Шаг 5

Теперь сделайте два дубликата листка из предыдущего шага.

К первому примените команду Edit> Edit Colors> Adjust Colors со следующими значениями:

  • Красный: -11%
  • Зеленый: -5%
  • Синий: -15%
adjust the leaf colorsadjust the leaf colorsadjust the leaf colors

Шаг 6

Ко второй копии также примените операцию Edit> Edit Colors> Adjust Colors, но с другими параметрами:

  • Красный: -14%
  • Зеленый: -14%
  • Синий: -15%
modify the second leafs colorsmodify the second leafs colorsmodify the second leafs colors

Шаг 7

Выделите второй дубликат, созданный в 4 шаге, и примените к нему эффект Effect> Warp> Arc:

  • Изгиб: 25%
  • Деформация по горизонтали: -26%
  • По вертикали: 0%

Не забудьте про команду Expand Appearance.

Затем нарисуйте фигуру, похожую на контур черного цвета. Выделите эту фигуру вместе с листком и создайте обтравочную маску: правый клик> Create Clipping Mask.

make the leaf smallermake the leaf smallermake the leaf smaller

Шаг 8

Перейдем к рисованию черенка.

Нарисуйте прямоугольник с заливкой цветом #E2E564. Преобразуйте его эффектом Effect> Warp> Arc с изгибом 45%. Выполните команду Expand Appearance.

create the stalkcreate the stalkcreate the stalk

Шаг 9

Закруглите левый кончик черенка. Далее постройте сетку.

В ней используются следующие цвета:

  1. #9E7943
  2. #A2A13F
  3. #70511A
  4. #FEFDA6
  5. #ADAD45
  6. #AB7F4E
  7. #CEB963
  8. #C2B248
bend the stalkbend the stalkbend the stalk

Шаг 10

Все элементы верхней части клубники готовы. Давайте соберем их вместе.

Листья пронумерованы в порядке их создания. Расположите их похожим образом.

add leaves to the stalkadd leaves to the stalkadd leaves to the stalk

Шаг 11

Переместите листья и черенок в верхнюю часть клубники и отправьте на самый задний план, нажав сочетание Shift+Ctrl+[.

add the leaves to the strawberryadd the leaves to the strawberryadd the leaves to the strawberry

Шаг 12

Проделайте похожие операции и для разрезанной ягоды.

add leaves to the half strawberryadd leaves to the half strawberryadd leaves to the half strawberry

Шаг 13

Ягоды почти готовы. Осталось добавить на них блики.

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

Расположите их поверх первого объекта, затем выделите все эти фигуры и выполните команду Exclude с панели Pathfinder.

create highlightscreate highlightscreate highlights

Шаг 14

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

Последнее относится и к объекту из предыдущего шага.

create half moon shapescreate half moon shapescreate half moon shapes

Шаг 15

Выделите все элементы, добавленные в этом разделе, и объедините их в комбинированный контур (Object> Compound Path> Make; Ctrl+8).

Залейте полученную фигуру линейным градиентом от белого к #626161.

fill with a linear gradientfill with a linear gradientfill with a linear gradient

Шаг 16

Режим смешивания комбинированного контура измените на Screen и уменьшите непрозрачность до 70%.

change the transparency modechange the transparency modechange the transparency mode

Шаг 17

Расположите блик поверх клубники. Если всё же что-то несовпадает, то вы можете внести коррективы инструментом Direct Selection Tool (A).

adjust the strawberry highlightadjust the strawberry highlightadjust the strawberry highlight

Шаг 18

Разместите целую и разрезанную ягоды рядом друг с другом.

move the strawberriesmove the strawberriesmove the strawberries

3. Рисуем брызги молока

Шаг 1

Последняя часть нашего урока. Вооружитесь инструментом Mesh Tool и начнем!

Первый маленький элемент из пяти.

Цвета сетки и процесс ее преобразования показаны ниже.

  1. #ECEEF1
  2. #CBCFD6
  3. #FFFFFF
create a milk splashcreate a milk splashcreate a milk splash

Шаг 2

Следующий элемент и его сетка.

  1. #ECEEF1
  2. #D0D5DB
  3. #FFFFFF
create the smaller milk splashcreate the smaller milk splashcreate the smaller milk splash

Шаг 3

Третий элемент.

  1. #ECEEF1
  2. #D0D5DB
  3. #FFFFFF
create the third milk splashcreate the third milk splashcreate the third milk splash

Шаг 4

Четвертый:

  1. #E8EAED
  2. #D2D6DC
  3. #FFFFFF
create a fourth milk splashcreate a fourth milk splashcreate a fourth milk splash

Шаг 5

И пятый в виде небольшой капельки.

  1. #EFF1F3
  2. #DFE1E5
  3. #FFFFFF
create a milk dropcreate a milk dropcreate a milk drop

Шаг 6

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

all of the milk splashes in orderall of the milk splashes in orderall of the milk splashes in order

Шаг 7

Теперь займемся первым большим молочным всплеском. В его сетке используются следующие цвета:

  1. #F2F3F5
  2. Придайте объекту нужную форму
  3. #D0D4DA
  4. #E1E3E7
  5. #FFFFFF
milk splash meshmilk splash meshmilk splash mesh

Шаг 8

Добавьте маленькие элементы. Вернитесь к 6 шагу, если всё же забыли порядок их нумерации.

add elements to splashadd elements to splashadd elements to splash

Шаг 9

Переходим ко второму большому всплеску. Его цвета:

  1. #9E7943
  2. Формовка
  3. #DADDE2
  4. #FFFFFF
  5. #E1E3E7
  6. #CBD0D7
add the second part of the splashadd the second part of the splashadd the second part of the splash

Шаг 10

Добавьте мелкие элементы.

add more little elementsadd more little elementsadd more little elements

Шаг 11

Последний всплеск. Его цвета:

  1. #DFE2E6
  2. Формовка
  3. #C3CAD1
  4. #CFD3DA
  5. #F5F6F7
third part of the splashthird part of the splashthird part of the splash

Шаг 12

К последнему всплеску мы маленькие элементы добавлять не будем.

Соберите всё в единую композицию. Большие элементы помечены по порядку создания следующим образом: зеленый - первый, красный - второй, синий - третий.

combine last part behind the first twocombine last part behind the first twocombine last part behind the first two

Шаг 13

На этом брызги готовы! Осталось добавить несколько отдельных капель.

Создайте четыре копии капли, созданной в 5 шаге. К первой из них примените эффект Effect> Warp> Squeeze со следующими параметрами:

  • Изгиб: -35%
  • Деформация по горизонтали: -18%
  • По вертикали: 23%

Не забудьте про команду Object> Expand Appearance.

expand appearanceexpand appearanceexpand appearance

Шаг 14

Ко второму дубликату добавьте эффект Effect> Warp> Inflate:

  • Изгиб: 18%
  • Деформация по горизонтали: -8%
  • По вертикали: -40%

Не забудьте про команду Expand Appearance.

expand appearance of milk copyexpand appearance of milk copyexpand appearance of milk copy

Шаг 15

К третьей копии примените эффект Effect> Warp> Twist.

  • Изгиб: -34%
  • Деформация по горизонтали: 26%
  • По вертикали: 36%

Expand Appearance.

expand appearance of third copyexpand appearance of third copyexpand appearance of third copy

Шаг 16

У последнего дубликата просто немного уменьшите высоту.

flatten the milk dropflatten the milk dropflatten the milk drop

Шаг 17

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

random placement of milk dropsrandom placement of milk dropsrandom placement of milk drops

Шаг 18

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

add the milk drops to the compositionadd the milk drops to the compositionadd the milk drops to the composition

Шаг 19

Остался последний штрих - тень.

Нарисуйте овал. Залейте его радиальным градиентом от цвета #8B7065 к #FFFFFF. Измените режим смешивания фигуры на Multiply.

add a shadowadd a shadowadd a shadow

Шаг 20

Отправьте овал на самый задний план. И на этом наша иллюстрация закончена!

place the shadow under the milkplace the shadow under the milkplace the shadow under the milk

Мы закончили. Отличная работа!

Что дальше? Вы можете выполнить другие уроки, которые найдете в моем профиле, или посмотреть мое портфолио на GraphicRiver. Ниже вы можете увидеть весь набор, часть из которого мы сегодня создавали.

Big Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk SplashesBig Collection Of Fruit And Berries In Milk Splashes
Набор из фруктов и ягод в молочных брызгах

Надеюсь, вам понравился урок. Буду рад видеть ваши варианты в комментариях.

Strawberry in Milk Vector Illustration Adobe Illustrator TutorialStrawberry in Milk Vector Illustration Adobe Illustrator TutorialStrawberry in Milk Vector Illustration Adobe Illustrator Tutorial
Advertisement
Gradient Mesh ToolFoodVectorAdobe IllustratorDeconstruction
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Vladimir Galantsev
Vladimir Galantsev
Hi, my name is Vladimir and I'm a vector artist. I love creating all kinds of vector images—backgrounds, symbols, and photo-realistic vectors—so if you're interested, check out my portfolio at GraphicRiver!
One subscription. Unlimited Downloads.
Get unlimited downloads
Advertisement