Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

Створюємо літній відпускний фон в Адобе Ілюстратор

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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

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

Beach Scene
Пляж з пальмою та Покажчик напрямку

1. Створюємо Капелюх

Крок 1

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

Насамперед створимо коло і заллємо його кольором #EFE9D4.

Тепер виберіть інструмент Сітчастий градієнт (U) та створіть сітку на еліпсі, клацаючи по місцях ймовірних вузлів. Використовуючи колір #D4C6AF, розфарбуйте вузли як показано на скріншоті нижче.

Продовжуйте додавати вузли і розфарбовувати їх як на зображенні нижче. Нам потрібні ці кольори:

  1. #EFE9D4
  2. #D4C6AF
  3. #BCA88F
  4. #D8CCB5
  5. #F4EFDA
the rim of the hat

Крок 2

Вітаю, ми створили нашу першу Сітку!

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

Вам знадобляться ці кольори:

  1. #D8CAB0
  2. #F0EAD8
  3. #ECE0BE
  4. #A28975
  5. #D0BFA6
  6. #EFE9D7
  7. #827666
the front part of the hat

Крок 3

Таким же чином продовжуйте з іншою частиною капелюха.

  1. #ECDEBB
  2. #F9F5E9
  3. #D1BA9E
  4. #FCFBE8
  5. #F0EAD8
the middle of the hat

Крок 4

Створимо стрічку! Намалюйте прямокутник, заповнивши його #6BOB1O кольором.

Далі, перейдіть до меню Ефект> Викривлення> Дуга. Застосуйте -20% Згину для об'єкта а також Об'єкт> Розгорнути вигляд.

see above

Крок 5

Розфарбуйте бічні сторони в #49070B та створіть трохи відблисків, використовуючи для них колір #920F16.

see above

Крок 6

Зберіть капелюх з частин, створених нами в попередніх кроках.

assemble hat

Крок 7

Це кінцевий результат!

final result

2. Створюємо пляжний стілець

Крок 1

Почнемо зі створення та розфарбовування дерев'яних частин стільчика. Нам потрібні ці кольори:

  1. #D9AA7C
  2. #E3C5A8
  3. #BB936C
  4. #B68257
  5. #C79869
  6. #E8C396
draw a wooden plank

Крок 2

Додайте останню частину дерев'яної планки. Розфарбуйте в #AF8058.

end of a plank

Крок 3

Створіть форму іншої дошки. Залийте її #DCAD76.

wooden plank

Крок 4

Розфарбуйте дошку. Для підетапів 1 і 3 вам потрібно буде використовувати колір по всій довжині дошки.

  1. #F9CDA2
  2. #8F6646
  3. #C89C6A
with a line where the edge is

Крок 5

Додайте кінцеву частину об'єкту кольором #C79A6D.

plank end

Крок 6

Намалюйте третю планку стільця, використовуючи ці кольори:

  1. #D6AF7E
  2. -
  3. #B2875B
  4. #996C46
  5. #E2C196
roundish wooden part

Крок 7

Додайте форму кольором #DEC19C на кінці дошки.

plank end

Крок 8

Зберіть дерев'яну конструкцію стільця з зроблених нами дошок.

different parts
assemble the chair out of the parts we drew

Крок 9

Намалюйте основу для тканини нашого стільця. Заповніть її кольором #FEF1EF.

cloth that would fit on the chair

Крок 10

Створіть смужку і залийте її #7191BF.

draw a blue long narrow stripe

Крок 11

Створіть копію смужки і розмістіть обидві смуги з боків основи тканини. Перейдіть в меню Об'єкт> Перехід> Параметри переходу та встановіть Задано кроків, 4.

Виберіть обидві смуги та застосуйте Об'єкт> Перехід> Створити. Скористайтеся Об'єкт> Розгорнути вигляд для результату.

see above

Крок 12

Створіть іншу форму #FEF1EF.

end part of the cloth looks like a tube

Крок 13

Намалюйте кінець смужки (#7191BF).

end of a stripe so it fits on the shape we made in step 12

Крок 14

Аналогічно Кроку 11, застосуйте Перехід до смужок та Розгорнути вигляд.

see above

Крок 15

Об'єднайте обидві частини разом.

see above

Крок 16

Прикріпіть тканину до верхньої частини стільця.

see above

Крок 17

Скоро ви зможете проконсультуватися з моїм наступним уроком (ще не випущено) про те, як створити гвинт!

the screw

Крок 18

Додайте гвинти в рухливі шарніри стільця.

see above

Стілець готовий! Тепер шльопанці.

3. Створюємо шльопанці.

Крок 1

Намалюйте контур взуття та залийте його #EB9221.

shape of a flip flop sole

Крок 2

Перейдіть в меню Ефект> 3D> Витягування та скіс для створення 3D версії нашої форми. 

Застосуйте наступні параметри:

  • 16°
  • -1 °
see above

Крок 3

Виділіть результат та застосуйте Об'єкт> Розгорнути вигляд, щоб розділити взуття на дві частини.

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

see above

Крок 4

Тепер намалюйте ремінець для взуття, заливши його кольором #CCC15C та розмістіть його на шльопанці.

yellow flip flip strap

Крок 5

Давайте намалюємо тінь! Створіть прямокутник з 6 колонок і 6 рядків Сітки та застосуйте Ефект> Викривлення> Дуга з 16% Згином, щоб спотворити його.

see above

Крок 6

Застосуйте для результату Розгорнути вигляд. Нарешті, розфарбуйте весь прямокутник білим, змінивши лише одну середню колонку на #7A5422 для імітації тіні.

Створіть ще одну копію тіні і розташуйте її так, щоб вона відповідала розташуванню ремінців на шльопанцях.

see above

Крок 7

Встановіть для обох об'єктів Непрозорість на 50% і змініть Режим змішування на Множення.

see above

Крок 8

Перемістіть сітку під жовті ремінці. Це створить тінь.

see above

Крок 9

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

see above

Крок 10

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

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

see above

Крок 11

Нарешті намалюйте тінь, яку шльопанці залишають на піску.

Створіть еліпс, заповнивши його Радіальним градієнтом, від #C8C4AE до білого кольору. Змініть Режим змішування на Множення.

see above

Крок 12

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

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

see above

Крок 13

Намалюйте тіні від наших шльопанців.

see above

4. Створюємо фон

Крок 1

Намалюйте простий білий прямокутник, розмістивши вузол Сітки трохи нижче середини та розфарбуйте його верхні три вузла в колір #A4DBED.

see above

Крок 2

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

place clouds on top

Крок 3

Намалюємо за допомогою сітки пісок. Вам знадобляться ці коди кольорів:

  1. #EBD9BD
  2. #F7E8D0
  3. #E2CFB3
  4. #F4E7CF
shape it like a little island

Крок 4

Все, що залишилося - це намалювати Сітку для моря.

Застосуйте ці кольори:

  1. #EBD9BD
  2. -
  3. #F0F5F8
top row is F0F5F8

Крок 5

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

see above

Крок 6

Додайте море поверх піску, створивши ілюзію острова під водою.

transparent part on top of sand

Крок 7

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

group of beach objects

Крок 8

Тепер розмістіть ваші відпускні речі на острові, і можете йти!

finished scene

Вітаю, ми закінчили!

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

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

Beach Scene
Пляж з пальмою та Покажчик напрямку
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.