7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Dismiss
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool

Малюємо пару полуниць у сплесці молока в Адобе Ілюстратор за допомогою Сітчастого градієнту.

Vladimir Galantsev
Read Time: 7 mins
Gradient Mesh ToolFoodVectorAdobe IllustratorDeconstruction

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 щоб придбати Велику колекцію фруктів та ягід в сплесках молока.

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.

Оберіть Сітчастий градієнт (U) та помістіть вузол у верхній середній частині форми, за допомогою лівої кнопки миші. Переміщуйте края прямокутника, використовуючи Сітчастий градієнт, щоб перетягувати їх. Ми маємо створити полунично-подібну форму.

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

create the strawberrycreate the strawberrycreate the strawberry

Крок 2

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

Кольори, потрібні для кожного підкроку це:

  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

Створіть ще одне зернятко, застосувавши Копіювати до вашого результату.

Оберіть першу копію та застосуйте Ефект > Викривлення > Роздування до цієї форми з наступними налаштуваннями:

  • Згин: 0%
  • Горизонтальний: 0%
  • Вертикальний: 22%

Після того, як додасте ефект, виконайте команду Об’єкт > Розгорнути вигляд.

Не забудьте зробити це для кожного викривлення!

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

Для деталей листочка намалюйте три нерівні лінії за допомогою Пера (P).

Додайте Обведення з показаним профілем для ліній та потім змініть колір Обведення на чорно-білий Градієнт.

Змініть Режим змішування на Екран та Непрозорість до 30%.

Нарешті, виділіть контури та перейдіть до меню Об'єкт > Розібрати вигляд.

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

Створимо дві копії оригінального листочка.

Оберіть першу копію та застосуйте Ефект > Викривлення > Стискання з наступними налаштуваннями:

  • Згин: -13%
  • Горизонтальний: -55%
  • Вертикальний: -11%

Не забудьте Розгорнути вигляд.

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

warp the leaveswarp the leaveswarp the leaves

Крок 5

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

Оберіть першу копію та змініть її за допомогою Редагування > Редагувати кольори > Регулювання балансу кольору з наступними налаштуваннями.

  • Червоний: -11%
  • Зелений: -5%
  • Синій: -15%
adjust the leaf colorsadjust the leaf colorsadjust the leaf colors

Крок 6

Оберіть другу копію яку ми зробили раніш, та змініть її у меню Редагування> Редагувати кольори > Регулювання балансу кольору з цими налаштуваннями:

  • Червоний: -14%
  • Зелений: -14%
  • Синій: -15%
modify the second leafs colorsmodify the second leafs colorsmodify the second leafs colors

Крок 7

Дуже схоже на Крок 4, оберіть другу копію, ми зробили в цьому кроці і застосуйте Ефект > Викривлення > Дуга з такими налаштуваннями:

  • Згин: 25%
  • Горизонтальний: -26%
  • Вертикальний: 0%

Не забудьте Розгорнути вигляд.

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

make the leaf smallermake the leaf smallermake the leaf smaller

Крок 8

Перейдемо до створення стебла.

Намалюймо світло-зелений прямокутник, заповнений кольором #E2E564. Тепер зігнемо його за допомогою Ефект > Викривлення > Дуга, використавши Згин 45%. Розберемо вигляд.

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-Control-[.

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

Ми майже закінчили наші ягоди! Нам залишилося створити відблиски на цілій полуниці.

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

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

create highlightscreate highlightscreate highlights

Крок 14

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

Теж саме стосується попередньої форми.

create half moon shapescreate half moon shapescreate half moon shapes

Крок 15

Виберіть всі об'єкти та виконайте Об'єкт > Складений шлях > Зробити.

Залийте отриманий шлях Лінійним Градієнтом від білого до #626161.

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

Крок 16

Змініть Режим змішування на Екран і Непрозорість до 70%.

change the transparency modechange the transparency modechange the transparency mode

Крок 17

Розмістіть відблиски поверх полуниці. Якщо вони не підходять, не хвилюйтеся - ви можете змінити форму, перетягнувши її вузли за допомогою інструмента Часткове виділення (A).

adjust the strawberry highlightadjust the strawberry highlightadjust the strawberry highlight

Крок 18

Перемістіть половинку поруч з цілою полуницею.

move the strawberriesmove the strawberriesmove the strawberries

3. Малюємо сплеск молока

Крок 1

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

Почнемо перший з п'яти, маленький сплеск.

За допомогою Сітки модифікуємо і розфарбуємо форму. Кольори, що вам потрібні:

  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. Змініть першу копію, застосувавши Ефект > Викривлення > Стискання з цими налаштуваннями:

  • Згин: -35%
  • Горизонтальний: -18%
  • Вертикальний: 23%

Не забудьте про Об'єкт > Розібрати вигляд.

expand appearanceexpand appearanceexpand appearance

Крок 14

Змініть другу копію за допомогою Ефект > Викривлення > Роздування з цими налаштуваннями:

  • Згин: 18%
  • Горизонтальний: -8%
  • Вертикальний: -40%

Переконайтеся що застосовано Розібрати вигляд

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

Крок 15

Застосуйте Ефект > Викривлення > Скрутити до третьої копії.

  • Згин: -34%
  • Горизонтальний: 26%
  • Вертикальний: 36%

Розібрати вигляд.

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. Змініть Режим Змішування на Множення.

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!
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.