1. Design & Illustration
  2. Sketch

Как создать иллюстрацию Стиль жизни Парижа в Sketch

by
Read Time:14 minsLanguages:

Russian (Pусский) translation by Katharina Grigorovich-Nevolina (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 px на 850 px.

Set up your documentSet up your documentSet up your document

Шаг 2

Выберите инструмент Rectangle, нажав R на клавиатуре (или в меню Insert > Shape на верхней панели инструментов) и создайте прямоугольник того же размера, что и наша область рисования. Снимите флажки с полей, затем нажмите кнопку Fill  и измените цвет на #C5E9F9, используя панель Inspector справа.

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 Horizontal (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 px. Используйте изображение ниже в эталон.

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

Шаг 6

Выберите обе половины, а затем объедините их с помощью Union из верхней панели инструментов.

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

Шаг 7

В заключении, снимите флажки с границ и установите цвет на #A7D9ED с помощью панели Inspector справа.

Eiffel Tower finishedEiffel Tower finishedEiffel Tower finished

Назовите эту фигуру “Эйфелева башня”.

2. Создание Городского пейзажа

Шаг 1

Обратитесь к инструменту Vector (V) и нарисуйте фигуру, которая будет представлять собой городской пейзаж.  Подумайте об этой форме как о соединении зданий и домов разного размера. Используйте изображение ниже в качестве эталона.

Cityscape shapeCityscape shapeCityscape shape

Дайте этой фигуре название “город”.

Шаг 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 на клавиатуре. Назовите эту группу "городской пейзаж".

3. Нарисуйте Террасу кафе

Шаг 1

Нарисуйте прямоугольник, как на изображении ниже, с помощью Rectangle (R). Этот прямоугольник будет полом террасы.

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

Шаг 2

Снимите флажки с границ, нажмите кнопку Fill и переключитесь на Linear Gradient, используя панель Inspector справа. Создайте Linear Gradient, используя следующие настройки:

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

Шаг 3

Давайте добавим стену террасы. Нарисуйте еще один прямоугольник, используя Rectangle (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

Возьмите инструмент Rectangle (R) и нарисуйте основание стола. На панели Inspector справа установите Radius 22 px.

Bar table baseBar table baseBar table base

Шаг 2

Отключите границы, нажмите Fill и выберите Linear Gradient.  Установите цвет для основания слева #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 на клавиатуре или просто дважды щелкните по прямоугольнику.  ы увидите круглую точку в каждом из углов. Возьмите нижнюю левую точку и немного переместите ее вверх.

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

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

Bar table leg shadowsBar table leg shadowsBar table leg shadows

Шаг 8

Уменьшите Opacity этого прямоугольника до 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

Измените Fill на Linear Gradient и создайте градиент со следующими настройками для цветовых маркеров:

  • 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

Сначала мы создадим основание стула. Возьмите инструмент Rectangle (R) и нарисуйте основание. На панели Inspector справа установите Radius 22 px.

Bar stool baseBar stool baseBar stool base

Шаг 2

Отключите границы и нажмите Fill и выберите Linear Gradient. Установите маркер цвета слева на #918084 и справа на #DCD0CA.

Bar stool base gradientBar stool base gradientBar stool base gradient

Шаг 3

Создайте ножку стула так же, как и в предыдущем шаге ножку стола.

Bar stool legBar stool legBar stool leg

Шаг 4

Теперь мы создадим подножку на стуле.  Нарисуйте закругленный прямоугольник с помощью инструмента Rounded (U).  Установите Radius 10 px на панели Inspector. 

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

Шаг 5

Далее, создайте треугольник с помощью Triangle из Insert > Shape.

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

Шаг 6

Выберите обе фигуры и объедините их с помощью Union из верхней панели инструментов. Измените Fill на Linear Gradient. Для маркера цвета слева используйте #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

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

Bar stool seat shapeBar stool seat shapeBar stool seat shape

Шаг 9

Дважды щелкните по прямоугольнику, чтобы войти в режим редактирования фигуры, выберите две верхние точки и установите Corners на 14 px на панели Inspector

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

Шаг 10

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

  • Цвет#FFFFFF
  • X0 px
  • Y: 0 px
  • Размытие: 2 px
  • Альфа: 80%
Bar stool highlightBar stool highlightBar stool highlight

Шаг 11

Для второго используйте следующие настройки: 

  • Цвет: #000000 
  • X0 px
  • Y-9 px
  • Размытие: 9 px
  • Альфа: 15%
Bar stool depthBar stool depthBar stool depth

Шаг 12

Нарисуйте прямоугольник в нижней части сиденья и выберите Linear Gradient для Fill. Создайте градиент со следующими настройками для цветовых маркеров: 

  • 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.  Поместите группу “барный стул” ниже группы “барный стол” в Layers List

Шаг 14

Используйте инструмент Oval (O), чтобы создать тень под стулом и столом. Используйте цвет #000000 для Fill, опустите Opacity до 40% и измените Blending на Soft Light. В Layers List переместите эту фигуру ниже групп “барный стол” и “барный стул”.

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

6. Нарисуйте женщину

Шаг 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

Используя панель Inspector справа, измените Fill на Linear Gradient.  Для верхнего маркера цвета используйте #AFAAA8, а для маркера нижнего цвета используйте #0D0D0D.

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

Шаг 8

Добавьте блеск линз с помощью инструмента Oval (O). Заполните фигуру цветом #D8D8D8, опустите Opacity до 50% и убедитесь, что границы отключены. 

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

Шаг 9

Выберите все фигуры, которые являются частью солнцезащитных очков, добавьте их в группу “солнцезащитные очки” и примените Shadow к группе из панели Inspector. Используйте следующие настройки: 

  • Цвет тени: #EAA884
  • X: 2 px
  • Y0 px
  • Размытие: 2 px
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

Примените Shadows, используя панель Inspector справа. Используйте следующие настройки:

  • Цвет#000000
  • X: -1 px
  • Y0 px
  • Размытость: 2 px
  • Альфа: 5% 
Girl - scarf shadowGirl - scarf shadowGirl - scarf shadow

Шаг 13

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

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

Шаг 14

Далее, выделите эти две фигуры, которые мы только что создали, удерживая Shift и нажимая на слои, а затем выберите Mask на верхней панели инструментов. 

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

Шаг 15

В заключении уменьшите Opacity черной фигуры до 3%.

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

Выберите все слои, которые мы использовали для создания женской головы (голова, рот, родинка, солнцезащитные очки, волосы и шарф), и добавьте их (Command-G) в группу “голова”

Шаг 16

Используйте Rectangle (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

Выделите прямоугольник шеи и овальную тень, выберите Mask из верхней панели инструментов. 

Girl - neck maskingGirl - neck maskingGirl - neck masking

Шаг 19

Результат этой операции маскирования автоматически помещается в новую группу в Layers List слева.  Назовите эту группу “шея” и поместите ее под группу “голова” в Layers List

Girl - neck finishedGirl - neck finishedGirl - neck finished

Шаг 20

Давайте перейдем к женскому платью.  Возьмите инструмент Vector (V) и нарисуйте форму платья. Снимите флажки с границ и установите цвет на розовый (#FF5AA4). 

Girl - dress shapeGirl - dress shapeGirl - dress shape

Шаг 21

Используйте инструмент Oval (O), чтобы создать шаблон узора в горошек для платья. Нарисуйте круг размером 4 px на 4 px. Установите цвет #FFFFFF и уменьшите Opacity до 50%.  Создайте шаблон, просто дублируя и упорядочивая круги в перекрестном порядке. 

Girl dress patternGirl dress patternGirl dress pattern

Шаг 22

Выделите все круги и сгруппируйте их (Command-G).  Затем выделите группу одежды и кругов и выберите Mask из верхней панели инструментов. Это поместит точки внутри формы платья и создаст новую группу в Layers List. Назовите эту группу “платье”. 

Girl dress pattern finishedGirl dress pattern finishedGirl dress pattern finished

Шаг 23

Теперь, используя инструмент Vector (V), нарисуйте воротник.  Используйте #FCF2E4 для цвета.

Girls dress collarGirls dress collarGirls dress collar

Шаг 24

Примените Shadows с помощью панели Inspector справа, используя следующие настройки: 

  • Цвет#000000
  • X1 px
  • Y1 px
  • Размытость: 1 px
  • Альфа: 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 на клавиатуре. Затем переместите эту группу ниже группы “воротник” в Layers List. 

Girl legs finishedGirl legs finishedGirl legs finished

Шаг 30

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

Girl right handGirl right handGirl right hand

Шаг 31

Назовите эту фигуру “правая рука” и поместите ее в Layers List ниже группы “воротник платья”

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

Используйте инструмент Rectangle (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

Выберите все фигуры, поместите их в группу “сигарета” и Rotate 48 градусов и разместите ее между пальцами, как показано на изображении ниже. 

Cigarette rotate and positionCigarette rotate and positionCigarette rotate and position

Шаг 6

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

Cigarette smoke shapeCigarette smoke shapeCigarette smoke shape

Шаг 7

Нажмите Fill на панели Inspector и выберите Linear Gradient. Установите левый маркер цвета на #F0F0F0 и правый на #C6E8F6. Уменьшите Opacity до 80% .

Cigarette smoke gradientCigarette smoke gradientCigarette smoke gradient

8. Размещение чашки кофе на столе 

Шаг 1

Возьмите инструмент Rectangle (R) и нарисуйте блюдце. Используйте цвет #FFFFFF.

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

Шаг 2

Далее, создайте форму чашки с помощью инструмента Rectangle (R)Дважды щелкните мышью по форме чашки, чтобы войти в режим редактирования фигуры, выберите обе нижние точки и измените Corners на 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

Выделите оба круга и выберите Subtract из верхней панели инструментов. Поместите эту фигуру позади фигуры чашки. 

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), дайте ей название “кофе”, и поместите эту группу чуть ниже группы “левая рука” в Layers List.

Cap of coffee finishedCap of coffee finishedCap of coffee finished

9. Создание шарфа

Шаг 1

Давайте создадим свободный шарф, который будет располагаться вокруг шеи. Возьмите инструмент Vector (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

Измените Fill на Linear Gradient. Для верхнего маркера цвета используйте #8C8C8C, а для нижнего #CEC0C0.

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

Шаг 4

Нарисуйте еще одну фигуру, используя инструмент Vector (V), по форме шарфа. Используйте Linear Gradient для Fill. Установите левый маркер цвета на #FFEEE0 и правый на #C8B6B5.

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

Шаг 5

Выберите фигуру шарфа и обе фигуры, которые мы только что создали, и нажмите Mask из верхней панели инструментов. 

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

Шаг 6

Теперь расположите чуть ниже группы “шея” в Layers List.

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

10. Усиление иллюстрации добавлением тени 

Давайте добавим тени к нашей иллюстрации, чтобы сделать ее более сложной и детализированной. 

Шаг 1

Возьмите инструмент Rectangle (R) и нарисуйте фигуру, как показано на рисунке ниже.  Измените Fill на Linear Gradient. Для левого маркера цвета выберите #9C9C9C, а для правого #000000

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

Шаг 2

Уменьшите Opacity до 40% и переместите этот слой чуть ниже формы “левой руки”

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

Шаг 3

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

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

Шаг 4

Установите Opacity на 40% и расположите эту фигуру чуть ниже группы “барный стол”

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

Шаг 5

Затем создайте вторую тень под столом.  Снова установите Fill на Linear Gradient, установите верхний маркер цвета на #000000, а нижний маркер цвета на #9C9C9C

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

Шаг 6

В этот раз опустите Opacity до 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

Опустите Opacity до 20% и расположите эту фигуру чуть выше группы “барный стул” и под группой “воротник платья”

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

Шаг 9

Возьмите инструмент Vector (V) и создайте тень под туфлей и над ножкой стула. Выберите Linear Gradient для Fill. Используйте #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

Установите Opacity до 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), чтобы создать эту тень. Еще раз выберите Linear Gradient для Fill. Для верхнего маркера цвета используйте #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

Опустите Opacity до 10% и поместите ее в Layers List чуть выше группы “терраса”. 

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

Давайте сначала создадим солнце.  Возьмите инструмент Oval (O) и нарисуйте круг. Используйте цвет #F8E71C.

Create sunCreate sunCreate sun

Шаг 2

Примените Gaussian Blur с Amount 1 px, используя панель Inspector справа. 

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

Шаг 3

Давайте создадим облако над солнцем.  Лучший способ создать облако - объединить круги и прямоугольник. Сначала нарисуйте четыре круга разных размеров, заходящие друг на друга, используя инструмент Oval (O).  Используйте цвет #FFFFFF для Fill.

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

Шаг 4

Используйте инструмент Rectangle (R) и нарисуйте белый прямоугольник (#FFFFFF). 

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

Шаг 5

Выберите круги и прямоугольники, перейдите в Arrange > Align Object >Bottom, чтобы выровнять каждый элемент снизу. Затем объедините их с помощью Union из верхней панели инструментов. 

Шаг 6

Дублируйте (Command-D) облако дважды, уменьшите масштаб и поместите его, как показано на рисунке ниже. 

Add more cloudsAdd more cloudsAdd more clouds

Шаг 7

Выберите облако над Эйфелевой башней и опустите Opacity до 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