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

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

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

У цьому уроці ми навчимося застосовувати Сітчастий градієнт та Ефекти Викривлення, все для створення двійки реалістичних полуниць в сплесці молока!

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

Big Collection Of Fruit And Berries In Milk Splashes
Велика Колекція Фруктів та Ягід в Сплесках Молока.

1. Малюємо дві полуниці

Крок 1

Почніть зі створення червоного прямокутника і Залийте його кольором #DF0203.

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

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

create the strawberry

Крок 2

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

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

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

Крок 3

І, нарешті, розфарбуйте середній вузол в п'ятому ряду кольором #C00404.

color another middle node

Крок 4

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

Як і попереднього разу, створіть та модифікуйте форму, залийте її кольором #E7BD42, потім розфарбуйте сторони зернятка кольором #DD8C0A.

stretch the bottom node into a tip

Крок 5

Продовжимо далі розфарбовувати зернятко за допомогою Сітки.

Необхідні нам кольори:

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

Крок 6

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

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

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

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

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

expand appearance of seeds

Крок 7

Змініть зернятко, згладивши його трохи та перетягніть його кінчик вправо.

flatten the seed

Крок 8

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

scale the seed

Крок 9

Розмістимо наше насіння на полуниці!

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

Потім, те, яке ми створили на Кроці 7.

І, нарешті, завершіть роботу, використавши насіння з Кроку 8.

place seeds on the strawberry

Крок 10

В результаті ви повинні отримати полуницю!

the 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 half

Крок 12

Додайте дещо насіння по межам нашої готової Сітки полуниці, і давайте перейдемо до створення листя!

add 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 leaves

Крок 2

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

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

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

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

add the leaf details

Крок 3

Розмістіть лінії поверх листочка. Застосуємо Група (Ctrl-G) до всіх елементів.

place lines on the leaf

Крок 4

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

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

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

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

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

warp the leaves

Крок 5

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

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

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

Крок 6

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

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

Крок 7

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

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

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

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

make the leaf smaller

Крок 8

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

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

create the stalk

Крок 9

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

Нам потрібні наступні кольори:

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

Крок 10

Тепер, коли кожен елемент зроблено, давайте сумістимо їх разом!

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

add leaves to the stalk

Крок 11

Тепер давайте додамо наше нове листя до цілої полуниці Розмістіть їх за ягодою, відправивши їх назад за допомогою Shift-Control-[.

add the leaves to the strawberry

Крок 12

Зробимо те саме для половинки полуниці.

add leaves to the half strawberry

Крок 13

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

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

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

create highlights

Крок 14

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

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

create half moon shapes

Крок 15

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

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

fill with a linear gradient

Крок 16

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

change the transparency mode

Крок 17

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

adjust the strawberry highlight

Крок 18

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

move the strawberries

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

Крок 1

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

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

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

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

Крок 2

Створимо наступний невеличкий сплеск з більшою Сіткою.

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

Крок 3

Продовжимо створювати третій сплеск.

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

Крок 4

Кольори, потрібні вам для четвертого сплеску:

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

Крок 5

Завершимо створення краплин молока.

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

Крок 6

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

all of the milk splashes in order

Крок 7

Давайте створимо нашу першу велику Сітку - сплеск молока! Використайте ці кольори:

  1. #F2F3F5
  2. Нічого, просто формуємо об'єкт
  3. #D0D4DA
  4. #E1E3E7
  5. #FFFFFF
milk splash mesh

Крок 8

Додамо трохи невеличких деталей до нашого великого сплеску! Зверніться до 6 кроку, якщо ви пам'ятаєте порядок.

add elements to splash

Крок 9

Перейдемо до створення другого великого сплеску. У цей раз потрібно:

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

Крок 10

Додайте маленькі елементи в цей сплеск.

add more little elements

Крок 11

Створимо останню частину сплеску. Використайте ці кольори:

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

Крок 12

Ми не додамо жодних інших елементів до останнього сплеску.

Давайте поєднаємо їх! Зелений - це перший сплеск, який ми закінчили, червоний - другий, а синій - останній.

combine last part behind the first two

Крок 13

Ми майже закінчили! Давайте додамо трохи крапель молока.

Створіть ще чотири копії крапель молока, що ми намалювали у Кроці 5. Змініть першу копію, застосувавши Ефект > Викривлення > Стискання з цими налаштуваннями:

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

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

expand appearance

Крок 14

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

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

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

expand appearance of milk copy

Крок 15

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

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

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

expand appearance of third copy

Крок 16

Просто порухайте останню копію, щоб трохи її згладити.

flatten the milk drop

Крок 17

Використайте різні краплі молока, які ми створили в цих кроках, щоб отримати щось на кшталт цього:

random placement of milk drops

Крок 18

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

add the milk drops to the composition

Крок 19

І наостанок додамо тінь.

Створіть овал, Залийте його Радіальним Градієнтом від #8B7065 до #FFFFFF. Змініть Режим Змішування на Множення.

add a shadow

Крок 20

Розмістіть тінь під сплеском молока, і ми завершили!

place the shadow under the milk

Чудова робота! Ми закінчили!

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

Big Collection Of Fruit And Berries In Milk Splashes
Велика Колекція Фруктів та Ягід в Сплесках Молока

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

Strawberry in Milk Vector Illustration Adobe Illustrator Tutorial
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.