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

Як створити ілюстрацію життєвого шляху в Парижі в ескізі

by
Read Time:14 minsLanguages:

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

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

Sketch - це дивовижний пакет програм, який дозволяє нам створювати різні види векторної графіки. Сьогодні ви дізнаєтеся, як створити прості векторні елементи, які ви збираєтеся інтегруватися в красиву та шикарну сцену, натхненну фільмами "Сніданок у Тіффані" та "Римські свята". Візьми собі чашку кави, і давайте розпочати!

1. Створіть Ейфелеву вежу

Крок 1

Почнемо з того, що створимо нашу монтажну дошку. Для цього натисніть клавішу A на клавіатурі та намалюйте планшет, розміром від 850 пікселів до 850 пікселів.

Set up your documentSet up your documentSet up your document

Крок 2

Виберіть інструмент "Прямокутник", натиснувши клавішу R на клавіатурі (або з меню "Вставити>" Форма "у верхній панелі інструментів) та створити прямокутник, що має той самий розмір, що і наша монтажна панель. Зніміть прапорці біля меж, а потім натисніть кнопку Заповнити та змініть колір на # C5E9F9, використовуючи панель інспекторів справа.

Change color of background rectangleChange color of background rectangleChange color of background rectangle

Крок 3

Візьміть інструмент Vector (V) та намалюйте основний силует Ейфелевої вежі - точніше, лише половину його. Це не повинно бути ідеальним, оскільки Ейфелева вежа буде частиною нашого фонового панораму.

Eiffel Tower silhouette - halfEiffel Tower silhouette - halfEiffel Tower silhouette - half

Крок 4

Дублюйте цю форму, натиснувши Command-D на клавіатурі та гортати Flip горизонтально (Layer> Transform> Flip Horizontal).

Eiffel Tower silhouette duplicate and flip horizontalEiffel Tower silhouette duplicate and flip horizontalEiffel Tower silhouette duplicate and flip horizontal

Крок 5

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

Eiffel Tower shapes ovelapping Eiffel Tower shapes ovelapping Eiffel Tower shapes ovelapping

Крок 6

Виберіть обидві половинки, а потім об'єднайте їх із Союзом з верхньої панелі інструментів.

Eiffel Tower shapes - unionEiffel Tower shapes - unionEiffel Tower shapes - union

Крок 7

Нарешті, зніміть прапорці та встановіть колір на # A7D9ED, використовуючи панель інспекторів справа.

Eiffel Tower finishedEiffel Tower finishedEiffel Tower finished

Name this shape "Eiffel Tower".

2. Створіть Cityscape

Крок 1

Запросіть інструмент Vector (V) та намалюйте форму, яка буде представляти міський пейзаж. Подумайте про цю форму, як об'єднання будинків та будинків різного розміру. Використовуйте зображення нижче як довідник.

Cityscape shapeCityscape shapeCityscape shape

Дайте цій формі назву "місто".Dayte tsiy formi nazvu "misto".

Крок 2

Вимкніть кордони та змініть колір на # B4E5F7.

Cityscape change colorCityscape change colorCityscape change color

Крок 3

Додамо кілька вікон. Для цього ми використовуватимемо прямокутники різних розмірів. Отже, оберіть інструмент Rectangle (R) і почніть створювати вікна. Для кольору використовуйте # E4F7FD та вимкніть кордони.

Cityscape - create windowsCityscape - create windowsCityscape - create windows

Крок 4

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

Cityscape windows finishedCityscape windows finishedCityscape windows finished

Виберіть форму "Місто" та всі створені вікна та помістіть їх у групу, використовуючи Command-G на клавіатурі. Назвіть цю групу "cityscape".

3. Намалюйте кафе-терасу

Крок 1

Намалюйте прямокутник, як на малюнку нижче, використовуючи Rectangle (R). Цей прямокутник буде терасою підлоги.

Cafe terrace - floor shapeCafe terrace - floor shapeCafe terrace - floor shape

Крок 2

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

  • 1: # 969696
  • 2: #CDCDCD
  • 3: # B0B0B0
Cafe terrace floor gradient colorsCafe terrace floor gradient colorsCafe terrace floor gradient colors

Крок 3

Додамо стінку тераси. Намалюйте інший прямокутник за допомогою прямокутника (R). Зніміть прапорці біля кордону, а для колірного використання використовуйте # F2F2F2.

Cafe terrace - create terrace wallCafe terrace - create terrace wallCafe terrace - create terrace wall

Крок 4

Далі малюйте один маленький прямокутник у нижній частині (для кольору використовуйте # CBE3FF).

Cafe terrace - wall details bottomCafe terrace - wall details bottomCafe terrace - wall details bottom

Крок 5

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

Cafe terrace - wall details topCafe terrace - wall details topCafe terrace - wall details top

Виділіть усі прямокутники та групуйте їх (Command-G) у групу "тераса".

4. Створіть таблицю барів

Крок 1

Візьміть інструмент прямокутника (R) та намалюйте основу таблиці. In the Inspector Panel on the right, set the Radius to 22 px.

Bar table baseBar table baseBar table base

Крок 2

Вимкніть межі та натисніть "Заливка" і виберіть "Лінійний градієнт". Установіть лівий колір стоп на # DCD0CA, а правий - на # 918084.

Bar table base gradientBar table base gradientBar table base gradient

Крок 3

Далі, намалюйте столу за допомогою інструмента "Rectangle" (R). Використовуйте # DCD0CA колір для ноги.

Bar table legBar table legBar table leg

Крок 4

Копіювати (Command-D) ногу столу, змінити колір на # A8959A і зменшити висоту, як показано на малюнку нижче.

Bar table leg dark rectangleBar table leg dark rectangleBar table leg dark rectangle

Крок 5

Введіть режим редагування форми, натиснувши Enter на клавіатурі або просто двічі клацніть прямокутник. You will see a round point in each of the corners. Візьміть нижню ліву точку та трохи підніміть її.

Bar table leg adjust darker rectangleBar table leg adjust darker rectangleBar table leg adjust darker rectangle

К рок 6

Створіть інший прямокутник зверху, і для цього використовуйте # 6E606B колір.

Bar table leg top rectangleBar table leg top rectangleBar table leg top rectangle

Крок 7

Додамо трохи тіней на вершині. Виберіть інструмент "Прямокутник" (R) та накреслить прямокутник, який є такою ж висотою, як і стола столу, але половина його ширини. Для кольору використовуйте # 000000.

Bar table leg shadowsBar table leg shadowsBar table leg shadows

Крок 8

Знизьте непрозорість цього прямокутника до 10%.

Bar table leg shadows opacityBar table leg shadows opacityBar table leg shadows opacity

Крок 9

Тепер ми створимо таблицю. Для цього скопіюйте інструмент Rectangle (R) та створіть прямокутник зверху.

Bar table top shapeBar table top shapeBar table top shape

Крок 10

Змініть "Заливка на лінійний градієнт" та створіть градієнт із такими настройками для зупинки кольору:

  • 1, 7, 11: # DACEC8
  • 2, 8: # DBCFC9
  • 3, 6: # F1E2D8
  • 4: # DCD0CA
  • 5: # DCCFC9
  • 9: # EDDFD5
  • 10: # DED2CB
Bar table top gradient settingsBar table top gradient settingsBar table top gradient settings

Крок 11

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

Bar table top detailBar table top detailBar table top detail

Крок 12

Виділіть всі фігури та помістіть їх у групу "Бар стіл" за допомогою Command-G.

5. Створіть стільці для барів

Крок 1

Спочатку ми створимо базу стільця. Візьміть інструмент прямокутника (R) та намалюйте основу. На панелі інспектора справа встановіть радіус до 22 пікселів.

Bar stool baseBar stool baseBar stool base

Крок 2

Вимкніть межі та натисніть "Заливка" і виберіть "Лінійний градієнт". Встановіть ліва кінцева позначка на # 918084 і право на # DCD0CA.

Bar stool base gradientBar stool base gradientBar stool base gradient

Крок 3

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

Bar stool legBar stool legBar stool leg

Крок 4

Тепер ми створимо ніг для відпочинку на стійці для барів. Намалюйте округлений прямокутник за допомогою інструмента Rounded (U). Встановіть радіус до 10 пікселів на панелі інспекторів.

Bar stool leg rest - rectangleBar stool leg rest - rectangleBar stool leg rest - rectangle

Крок 5

Потім створіть трикутник, використовуючи трикутник із вставки> форма.

Bar stool leg rest - triangleBar stool leg rest - triangleBar stool leg rest - triangle

Крок 6

Виберіть обидві форми та об'єднайте їх з допомогою Союзу з верхньої панелі інструментів. Змініть "Заливка на лінійний градієнт". Для зупинки лівого кольору використовуйте # DCD0CA, а справа - # C5BAB5.

Bar stool leg rest gradientBar stool leg rest gradientBar stool leg rest gradient

Крок 7

Тепер давайте налаштуємо градієнт. По-перше, перемістіть правильну зупинку кольору до середини, а потім пересуньте ліву зупинку кольору до середини.

Bar stool leg rest adjust gradientBar stool leg rest adjust gradientBar stool leg rest adjust gradient

Крок 8

Створимо місце. Візьміть інструмент прямокутника (R) та накресліть фігуру сидіння. Використовуйте колір # F5A623.

Bar stool seat shapeBar stool seat shapeBar stool seat shape

Крок 9

Двічі клацніть прямокутник, щоб увійти до режиму редагування форми, виберіть дві крапки та встановіть кути на 14 пікселів на панелі інспекторів.

Bar stool adjust seat cornersBar stool adjust seat cornersBar stool adjust seat corners

Крок 10

Тепер застосуємо Inner Shadows за допомогою панелі Inspector. Для додавання глибини ми застосуємо два різних внутрішніх тіні. Для першого використовуйте наступні параметри:

  • Колір: #FFFFFF
  • X: 0 px
  • Y: 0 px
  • Розмивання: 2 пікселів
  • Альфа: 80%
Bar stool highlightBar stool highlightBar stool highlight

Крок 11

Для другого використовуйте наступні налаштування:

  • Колір: # 000000
  • X: 0 px
  • Y: -9 px
  • Blur: 9 px
  • Альфа: 15%
Bar stool depthBar stool depthBar stool depth

Крок 12

Намалюйте прямокутник у нижній частині сидіння і виберіть "Лінійний градієнт" для заповнення. Створіть градієнт з наступними настройками для зупинки кольору:

  • 1, 2, 4, 5, 7, 8, 10, 11: # EFEAE8
  • 3, 6: #FFFFFF
  • 9: # F8F6F6
Bar stool metallic part gradientBar stool metallic part gradientBar stool metallic part gradient

Крок 13

Нарешті, створіть один крихітний прямокутник, близький до нижньої частини сидіння. Використовуйте # D8D8D8 для кольору.

Виділіть всі фігури та помістіть їх у групу "Бар стілець", використовуючи Command-G. Розмістіть групу "Стійка білизни" під групою "Бар стіл" у списку шарів.

Крок 14

Використовуйте інструмент Oval (O), щоб створити тінь під тахою та столом. Використовуйте # 000000 колір для заповнення, зменшіть Opacity до 40% та змініть Blending на Soft Light. У списку шарів перемістіть цю форму під групами "стійка до барних стільців" і "стовпчики".

Shadow below table and stoolShadow below table and stoolShadow below table and stool

I6. Малюйте жінку

Крок 1

Використовуючи інструмент Vector (V), намалюйте форму голови. Для кольору використовуйте # FDCCA2 та вимкніть кордони.

Girl head shapeGirl head shapeGirl head shape

Крок 2

Візьміть інструмент Vector (V) та намалюйте рот.

Girl mouth shapeGirl mouth shapeGirl mouth shape

Крок 3

Зніміть прапорці та заповніть форму рота # E77781 кольором.

Girl mouth colorGirl mouth colorGirl mouth color

Крок 4

Використовуючи інструмент Oval (O), створіть знак народження трохи вище рота. Для кольору використовуйте # F4BB94.

Girl birthmarkGirl birthmarkGirl birthmark

Крок 5

Намалюйте форму сонячних окулярів, використовуючи інструмент Vector (V). Заповніть форму, використовуючи колір #FFFFFF, і переконайтеся, що кордони вимкнені.

Girl - sunglasses shapeGirl - sunglasses shapeGirl - sunglasses shape

Крок 6

Потім, знову використовуючи інструмент Vector (V), намалюйте форму лінзи.

Girl - sunglasses lensGirl - sunglasses lensGirl - sunglasses lens

Крок 7

Використовуючи панель інспекторів справа, змініть параметр Заливка на лінійний градієнт. Для кращої зупинки кольорів використовуйте # AFAAA8, а для зупинки нижнього кольору - # 0D0D0D.

Girl - sunglasses lens gradientGirl - sunglasses lens gradientGirl - sunglasses lens gradient

Крок 8

Додайте блиск об'єктива, використовуючи інструмент Oval (O). Заповніть фігуру # D8D8D8, зменшіть Непрозорість до 50% та переконайтесь, що кордони вимкнені.

Girl - sunglasses lens shineGirl - sunglasses lens shineGirl - sunglasses lens shine

Крок 9

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

  • Колір тіні: # EAA884
  • X: 2 px
  • Y: 0 px
  • Розмивання: 2 пікселів
Girl - sunglasses shadowGirl - sunglasses shadowGirl - sunglasses shadow

Крок 10

Тепер наведемо волосся. Описати волосся за допомогою інструмента Vector (V). Заповніть форму кольором # 000000 та зніміть прапорці біля меж.

Girl - create hairGirl - create hairGirl - create hair

Крок 11

Використовуйте інструмент Vector (V), щоб накреслити шарф навколо голови жінки. Вимкніть межі та заповніть форму за допомогою # F7EADF колір.

Girl - draw scarfGirl - draw scarfGirl - draw scarf

Крок 12

Застосувати тіні, використовуючи панель інспекторів справа. Використовуйте наступні налаштування:

  • Колір: # 000000
  • X: -1 px
  • Y: 0 px
  • Розмивання: 2 пікселів
  • Альфа: 5%
Girl - scarf shadowGirl - scarf shadowGirl - scarf shadow

Крок 13

Намалюйте форму шарфом, як показано на зображенні нижче, за допомогою інструмента Vector (V). Для кольору використовуйте # 000000.

Girl - scarf black shapeGirl - scarf black shapeGirl - scarf black shape

Крок 14

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

Girl - scarf black shape maskGirl - scarf black shape maskGirl - scarf black shape mask

Крок 15

Нарешті, зменшуйте непрозорість чорної форми до 3%.

Girl - scarf black shape opacityGirl - scarf black shape opacityGirl - scarf black shape opacity

Виділіть всі шари, які ми використовували для створення голови жінки (голова форми, рот, родимка, сонцезахисні окуляри, волосся та шарф) і групувати їх (Command-G) у групу "голова".

Крок 16

Використовуйте інструмент "Прямокутник" (R) для створення шиї. Встановіть колір у # FDCCA2 та вимкніть кордони.

Girl - draw a neckGirl - draw a neckGirl - draw a neck

Крок 17

Візьміть інструмент Oval (O) і намалюйте фігуру, подібну до зображення на малюнку нижче, щоб додати тінь від голови. Встановіть колір на # 000000 і Opacity на 10%.

Girl - add shadow over the neckGirl - add shadow over the neckGirl - add shadow over the neck

Крок 18

Виберіть як прямокутник шиї, так і тіньовий овал, і виберіть Маска з верхньої панелі інструментів.

Girl - neck maskingGirl - neck maskingGirl - neck masking

Крок 19

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

Girl - neck finishedGirl - neck finishedGirl - neck finished

Крок 20

Давайте перейдемо до жіночого одягу. Візьміть вектор (V) інструмент і намалюйте форму одягу. Зніміть прапорці біля кордонів і встановіть колір, щоб воно виросло (# FF5AA4).

Girl - dress shapeGirl - dress shapeGirl - dress shape

Крок 21

Використовуйте інструмент Oval (O), щоб створити малюнок для крапки з кольором для плаття. Намалюйте 4 пікселі на колі 4 пікселів. Встановіть колір на #FFFFFF і зменшіть непрозорість до 50%. Створіть візерунок, просто копіюючи та розташовуючи кола крутним шляхом.

Girl dress patternGirl dress patternGirl dress pattern

Крок 22

Виберіть усі кіл та групувати їх (Command-G). Потім виберіть групу одягу та кола та оберіть Маска з верхньої панелі інструментів. Це дозволить розмістити крапки всередині форми сукні та створити нову групу у списку шарів. Назвіть цю групу "плаття".

Girl dress pattern finishedGirl dress pattern finishedGirl dress pattern finished

Крок 23

Тепер, використовуючи інструмент Vector (V), намалюйте комір. Використовуйте # FCF2E4 для кольору.

Girls dress collarGirls dress collarGirls dress collar

Крок 24

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

  • Колір: # 000000
  • X: 1 піксель
  • Y: 1 піксель
  • Розмиття: 1 пікс
  • Альфа: 5%
Girls dress collar finishedGirls dress collar finishedGirls dress collar finished

Виберіть комір і групу "плаття" і покладіть їх у групу "комір сукня" за допомогою Command-G.

Крок 25

Тепер ми можемо перейти до жіночих ніг. Візьміть інструмент Vector (V) та намалюйте ногу. Встановіть колір на # F6C695.

Girl back leg shapeGirl back leg shapeGirl back leg shape

Крок 26

Сформувайте другу ногу, яка перетинається, використовуючи інструмент Vector (V), але тепер використовуйте трохи світліший колір тону, # FDD0A2.

Girl crossed leg shapeGirl crossed leg shapeGirl crossed leg shape

Крок 27

Використовуйте інструмент Vector (V) для створення форми взуття. Для кольору використовуйте # 415378.

Girl draw a shoeGirl draw a shoeGirl draw a shoe

Крок 28

Зробіть другий взуття, скопіюючи перший і трохи обертаючи. Додати переклад

Girl second shoeGirl second shoeGirl second shoe

Крок 29

Виберіть обидві ноги та взуття та об'єднайте їх у групу "Ноги", натискаючи клавішу Command-G на клавіатурі. Потім перемістіть цю групу в групу "комірне плаття" у списку шарів.

Girl legs finishedGirl legs finishedGirl legs finished

Крок 30

Використовуйте інструмент Vector (V), щоб намалювати руки жінки. Спочатку намалюйте той, який знаходиться в задній частині. Використовуйте # FBD5A3 для кольору.

Girl right handGirl right handGirl right hand

Крок 31

Дайте цю форму ім'я "правою рукою" і помістіть її в список "Шари" під групою "комір сукня".

Girl right hand finishedGirl right hand finishedGirl right hand finished

Крок 32

Потім намалюйте руку, яка попереду. Використовуйте трохи яскравіший колір для шкіри #FDDAAB. Назвіть цю форму "лівою рукою".

Girl left handGirl left handGirl left hand

Крок 33

Це те, що ми маємо зараз.

Girl finishedGirl finishedGirl finished

Крок 34

Виберіть усі групи, які ми використовували для намалювання жінки, і помістіть їх трохи нижче групи "Бар стіл" і над групою "Стільці бар".

Girl position behind the tableGirl position behind the tableGirl position behind the table

7. Створіть сигарети

Крок 1

Використовуйте інструмент "Прямокутник" (R) для створення сигарети. Спочатку намалюйте білий прямокутник (#FFFFFF).

Create cigarette shapeCreate cigarette shapeCreate cigarette shape

Крок 2

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

Create cigarette shapeCreate cigarette shapeCreate cigarette shape

Крок 3

Копіювати (Command-D) цей прямокутник, змінити колір на # F8AF53 і зробити його меншим вертикально, як показано на зображенні нижче, щоб створити фільтр.

Create cigarette filterCreate cigarette filterCreate cigarette filter

Крок 4

Намалюйте маленький прямокутник у нижній частині форми сигарети, щоб створити сигаретну золу, і встановіть колір на # 324249.

Create cigarette ashCreate cigarette ashCreate cigarette ash

Крок 5

Виділіть всі фігури, покладіть їх у групу "Сигарети" та поверніть 48o та покладіть її між пальцями, як показано на малюнку нижче.

Cigarette rotate and positionCigarette rotate and positionCigarette rotate and position

Крок 6

Візьміть інструмент Vector (V) та намалюйте сигаретний дим.

Cigarette smoke shapeCigarette smoke shapeCigarette smoke shape

Крок7

Натисніть «Заповнити» на панелі інспектора та оберіть «Лінійний градієнт». Встановіть лівий колір стоп на # F0F0F0 і право на # C6E8F6. Знизьте непрозорість до 80%.

Cigarette smoke gradientCigarette smoke gradientCigarette smoke gradient

8. Покладіть чашку кави на стіл

Крок 1

Візьміть інструмент "Прямокутник" (R) та намалюйте блюдце. Використовуйте #FFFFFF для кольору.

Cup of coffee - create saucerCup of coffee - create saucerCup of coffee - create saucer

Крок 2

Далі створіть форму чашки за допомогою інструмента "Rectangle" (R). Двічі клацніть на формі чашки, щоб увійти до режиму редагування форми, виберіть обидві нижні точки та змініть куточки на 8.

Cup of coffee - create cupCup of coffee - create cupCup of coffee - create cup

Крок 3

Намалюйте крихітний прямокутник біля вершини. Для кольору використовуйте # FBD5A3.

Cup of coffee - cup decorationCup of coffee - cup decorationCup of coffee - cup decoration

Крок 4

Далі ми зробимо ручку чашки. Візьміть інструмент Oval (O) та створіть кола.

Cup of coffee - create handle circleCup of coffee - create handle circleCup of coffee - create handle circle

Крок 5

Копіювати (Command-D) цього кола, трохи зменшити масштаб і змінити колір на будь-який інший колір.

Cup of coffee - create handle smaller circleCup of coffee - create handle smaller circleCup of coffee - create handle smaller circle

Крок 6

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

Cap of coffee - handle positionCap of coffee - handle positionCap of coffee - handle position

Крок 7

В кінці, змініть колір рукоятки на #FFFFFF.

Cap of coffee - handle colorCap of coffee - handle colorCap of coffee - handle color

Крок 8

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

Cap of coffee finishedCap of coffee finishedCap of coffee finished

9. Створіть шарф

Крок 1

Давайте створимо безкоштовний шматок шарфа, що йде за шию. Візьміть вектор (V) інструмент і намалюйте форму шарф. Для кольору використовуйте # F7EADF.

Free part of scarf shapeFree part of scarf shapeFree part of scarf shape

Крок 2

Використовуйте інструмент Vector (V) та намалюйте фігуру, подібну до зображення на зображенні нижче.

Free part of scarf shadowFree part of scarf shadowFree part of scarf shadow

Крок 3

Змінити наповнення до лінійного градієнта. Для кращої зупинки кольорів використовуйте # 8C8C8C, а для нижнього # CEC0C0.

Free part of scarf shadow gradientFree part of scarf shadow gradientFree part of scarf shadow gradient

Крок 4

Намалюйте іншу форму, використовуючи інструмент Vector (V), над формою шарфа. Використовуйте лінійний градієнт для заповнення. Установіть лівий колір стоп на # FFEEE0 і праворуч на # C8B6B5.

Free part of scarf shadow second gradientFree part of scarf shadow second gradientFree part of scarf shadow second gradient

Крок 5

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

Free part of scarf shadow maskingFree part of scarf shadow maskingFree part of scarf shadow masking

Крок 6

Тепер розташовуйте це трохи нижче групи "шия" в списку шарів.

Free part of scarf finishedFree part of scarf finishedFree part of scarf finished

10. Покращити ілюстрацію, додавши тіні

Додамо тіні до нашої ілюстрації, щоб зробити її більш складною та докладною.

Крок 1

Візьміть інструмент прямокутника (R) та намалюйте фігуру, як показано на зображенні нижче. Змініть "Заливка на лінійний градієнт". Для зупинки лівого кольору виберіть # 9C9C9C, а праворуч - # 000000.

Add shadow below left armAdd shadow below left armAdd shadow below left arm

Крок 2

Знизьте Прозорість до 40%, і перемістіть цей шар трохи нижче форми "лівої руки".

Add shadow below left arm finishedAdd shadow below left arm finishedAdd shadow below left arm finished

Крок 3

Використовуючи той самий метод, створіть першу тінь під таблицею. Створіть лінійний градієнт, використовуючи # 000000 для кращої зупинки кольору, а # 9C9C9C для зупинки нижнього кольору.

Add first shadow below tableAdd first shadow below tableAdd first shadow below table

Крок 4

Встановіть параметр "Непрозорість" на 40% і поставте цю форму безпосередньо під групу "Бар стіл".

Add first shadow below table finishedAdd first shadow below table finishedAdd first shadow below table finished

Крок 5

Потім створіть другу тень під таблицею. Знову встановіть Заливка на лінійний градієнт, встановіть верхню зупинку кольору на # 000000, а нижній колір зупиниться на # 9C9C9C.

Add second shadow below tableAdd second shadow below tableAdd second shadow below table

Крок 6

На цей раз знизьте Непрозорість до 20%.

Add second shadow below table finishedAdd second shadow below table finishedAdd second shadow below table finished

Крок 7

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

Add shadow over the stool seatAdd shadow over the stool seatAdd shadow over the stool seat

Крок 8

Знизьте непрозорість до 20% і покладіть цю форму лише на групу "Бар стільця" та під групою "комір сукня".

Add shadow over the stool seat finishedAdd shadow over the stool seat finishedAdd shadow over the stool seat finished

Крок 9

Візьміть інструмент Vector (V) і створіть тінь під взуттям і над ніжкою. Виберіть Лінійний градієнт для заповнення. Використовуйте # 000000 для верхньої зупинки кольорів та # C5BAB5 для зупинки нижнього кольору.

Add shadow below the shoe and over the stool leg Add shadow below the shoe and over the stool leg Add shadow below the shoe and over the stool leg

Крок 10

Встановіть непрозорість до 30% і перемістіть цю фігуру в групу "стілець".

Add shadow below the shoe and over the stool leg finishedAdd shadow below the shoe and over the stool leg finishedAdd shadow below the shoe and over the stool leg finished

Крок 11

Ми створимо останню тінь за групою "Бар стілець". Використовуйте інструмент Vector (V), щоб створити цю тінь. Ще раз, виберіть Лінійний градієнт для заповнення. Для верхньої зупинки кольорів використовуйте # 000000, а для зупинки нижнього кольору використовуйте # F2F2F2.

Add shadow below behind the stool and over the terrace wallAdd shadow below behind the stool and over the terrace wallAdd shadow below behind the stool and over the terrace wall

Крок 12

Знизьте непрозорість до 10% і помістіть її в список шарів безпосередньо над групою "тераса".

Add shadow below behind the stool finishedAdd shadow below behind the stool finishedAdd shadow below behind the stool finished

Крок13

Це те, що ми маємо зараз, після додавання тіней.

Preview after adding shadowsPreview after adding shadowsPreview after adding shadows

11. Заключні кроки: додайте сонце та хмари

Крок 1

Створімо сонце першим. Зніміть овал (O) інструмент і намалюйте колі. Використовуйте # F8E71C для кольору.

Create sunCreate sunCreate sun

Крок 2

Застосувати гауссійську розмитість обсягом 1 піксель, використовуючи панель інспекторів справа.

Apply Gaussian blur to the sunApply Gaussian blur to the sunApply Gaussian blur to the sun

Крок 3

Створимо хмару над сонцем. Найкращий спосіб створити хмару - об'єднати кола та прямокутник. Спочатку за допомогою інструменту Oval (O) намалюйте чотири різних розмірів кола, що перекривають один одного. Використовуйте колір #FFFFFF для заповнення.

Create cloud - draw circlesCreate cloud - draw circlesCreate cloud - draw circles

Крок 4

Використовуйте інструмент "Прямокутник" (R) та малюйте білий прямокутник (#FFFFFF).

Create cloud - add rectangleCreate cloud - add rectangleCreate cloud - add rectangle

Крок 5

Виберіть кола та прямокутники, перейдіть до пункту Упорядкувати> Вирівняти об'єкт> Внизу, щоб вирівняти кожен елемент знизу. Потім об'єднайте їх за допомогою союзу з верхньої панелі інструментів.

Крок 6

Дублюйте (Command-D) хмару двічі, масштаб її та розташовуйте, як показано на зображенні нижче.

Add more cloudsAdd more cloudsAdd more clouds

Крок 7

Виберіть хмару над Ейфелевою вежею та зменшіть непрозорість до 45%.

Lower opacity of the cloud over eiffel towerLower opacity of the cloud over eiffel towerLower opacity of the cloud over eiffel tower

Ви виконані! Я повинен сказати, що я здивований!

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

Paris lifestyle illustration finalParis lifestyle illustration finalParis lifestyle illustration final
One subscription.
Unlimited Downloads.
Get unlimited downloads