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

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

Read Time: 4 mins

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

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

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

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

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

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

Крок 1

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

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

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

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

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

Крок 2

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

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

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

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

Крок 3

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

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

Крок 4

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

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

see abovesee abovesee above

Крок 5

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

see abovesee abovesee above

Крок 6

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

assemble hatassemble hatassemble hat

Крок 7

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

final resultfinal resultfinal result

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

Крок 1

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

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

Крок 2

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

end of a plankend of a plankend of a plank

Крок 3

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

wooden plankwooden plankwooden plank

Крок 4

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

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

Крок 5

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

plank endplank endplank end

Крок 6

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

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

Крок 7

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

plank endplank endplank end

Крок 8

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

different partsdifferent partsdifferent parts
assemble the chair out of the parts we drewassemble the chair out of the parts we drewassemble the chair out of the parts we drew

Крок 9

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

cloth that would fit on the chaircloth that would fit on the chaircloth that would fit on the chair

Крок 10

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

draw a blue long narrow stripedraw a blue long narrow stripedraw a blue long narrow stripe

Крок 11

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

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

see abovesee abovesee above

Крок 12

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

end part of the cloth looks like a tubeend part of the cloth looks like a tubeend part of the cloth looks like a tube

Крок 13

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

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

Крок 14

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

see abovesee abovesee above

Крок 15

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

see abovesee abovesee above

Крок 16

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

see abovesee abovesee above

Крок 17

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

the screwthe screwthe screw

Крок 18

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

see abovesee abovesee above

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

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

Крок 1

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

shape of a flip flop soleshape of a flip flop soleshape of a flip flop sole

Крок 2

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

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

  • 16°
  • -1 °
see abovesee abovesee above

Крок 3

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

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

see abovesee abovesee above

Крок 4

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

yellow flip flip strapyellow flip flip strapyellow flip flip strap

Крок 5

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

see abovesee abovesee above

Крок 6

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

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

see abovesee abovesee above

Крок 7

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

see abovesee abovesee above

Крок 8

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

see abovesee abovesee above

Крок 9

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

see abovesee abovesee above

Крок 10

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

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

see abovesee abovesee above

Крок 11

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

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

see abovesee abovesee above

Крок 12

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

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

see abovesee abovesee above

Крок 13

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

see abovesee abovesee above

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

Крок 1

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

see abovesee abovesee above

Крок 2

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

place clouds on topplace clouds on topplace clouds on top

Крок 3

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

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

Крок 4

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

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

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

Крок 5

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

see abovesee abovesee above

Крок 6

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

transparent part on top of sandtransparent part on top of sandtransparent part on top of sand

Крок 7

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

group of beach objectsgroup of beach objectsgroup of beach objects

Крок 8

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

finished scenefinished scenefinished scene

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

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

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

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