Як намалювати вітряк за допомогою Sketch (Частина 2)

Продовжимо розповідь про те, як намалювати вітряк у Sketch.

___________

Перша частина туторіала.

___________

6. Додаємо хмари

Крок 1

Додамо трохи хмар до нашої ілюстрації. Вибираємо інструмент Vector (V) і малюємо форму хмари. З кольором #FFFFFF.

sketch-create-cloud

Крок 2

Встановлюємо Blending на Soft Light і Opacity на 20%.

sketch-cloud-adjust-blending-and-opacity

Крок 3

Малюєм наступну хмарку.

sketch-draw-second-cloud

Крок 4

sketch-second-cloud-blending-opacity

Змінюємо Blending на Soft Light і Opacity на 15%.

Крок 5

І нарешті створюємо ще одну хмару над місяцем.

sketch-third-cloud

Встановлюємо Blending на Soft Light і Opacity на 10%.

sketch-third-cloud-blending-and-opacity

Вибираємо хмари та групуємо їх під назвою “clouds”.

8. Додаємо річку

Крок 1

Малюємо прямокутник Rectangle (R) і розміщуємо його внизу нашого артборда.

sketch-add-river

Крок 2

Натискаємо на Fill у панелі інспектора і вибираємо Linear Gradient. Вибираємо зупинку кольору зверху #0F273F.

sketch-river-gradinet-top-stop

Крок 3

Встановлюєм колір для зупинки внизу на #070C1F.

sketch-river-gradinet-bottom-stop

9. Створюємо башту вітряка

Крок 1

Створюємо прямокутник Rectangle (R). Колір #E0E0E0 і відключаємо рамку.

sketch-windmill-tower-shape

Крок 2

Натискаємо Enter і починаємо редагувати прямокутник. Виберіть круглу цятку у лівому нижньому вікні та відтягуємо її ліворуч на 36 пікселів, використовуючи ліву стрілку на клавіатурі. Завдяки стрілочкам на клавіатурі можна рухати вибрану цятку попіксельно, якщо ж утримувати Shift то з кроком 10 пікселів.

sketch-windmill-tower-nudging-left

Крок 3

Тепер вибираємо праву цятку і рухаємо її на 36 пікселів праворуч.

sketch-windmill-tower-shape-finished

Крок 4

Додамо глибини нашій башті. Виберіть Vector (V) і перетягніть форму, як показано на картинці нижче. Колір виберіть #FFFFFF відключіть рамку і встановіть Opacity на 60%.

sketch-tower-shape-highlights

Крок 5

Продублюйте форму (Command-D), зробіть Flip Horizontal у інспекторі праворуч і перемістіть у праву частину башти.

sketch-tower-shape-shadows

Крок 6

Змініть колір на #000000, а Opacity на 10%.

sketch-tower-shape-shadows-change-color

Крок 7

Виберіть ці дві форми і форму башти, утримуючи Shift, і натисніть на леєри, і виберіть Mask у верхній панелі.

sketch-tower-shape-masking

sketch-tower-shape-finished

Знову ж згрупуйте всі форми під назвою “tower shape”.

10. Додаємо двері та вікна

Крок 1

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

  • Fill color: Unchecked
  • Border color: #676767
  • Position: Inside
  • Thickness: 3 px

sketch-create-door

Крок 2

Намалюйте менший прямокутник, відключіть рамки і встановіть колір #676767.

sketch-create-door-finished

Виберіть обидва прямокутники і зробіть із них групу “door”.

Крок 3

Створюємо вікно: намалюйте квадрат – (R) утримуючи Shift. Встановіть наступні властивості:

  • Fill color: #BEBEBE
  • Border color: #676767
  • Position: Inside
  • Thickness: 3 px

sketch-create-window-shape

Крок 4

Виберіть інструмент Line (L), і намалюйте дві лінії над формою вікна: горизонтальну і вертикальну. Використайте колір #676767 і встановіть Thickness на 2 px.

sketch-create-window-finished

Виберіть квадрат і дві лінії та натисніть Command-G, щоб розмістити їх в групу, назвість її “window”.

Крок 5

Продублюйте (Command-D) групу “window” і розмістіть її, як показано нижче.

sketch-windows-in-place

Крок 6

Виберіть верхнє вікно і змініть колір прямокутника на #FDF485.

sketch-change-the-color-top-window

Виберіть групи “tower shape”, усі “window” і “door” і створіть із них групу “tower”.

11. Створюємо дах вітряка

Крок 1

Застосуйте Oval (O), утримуючи Shift, щоб створити коло. Встановіть колір #D71A03 і відімкніть рамки.

sketch-windmill-cap-circle

Крок 2

Натисніть Enter, щоб увійти у редагування форми, потім виберіть Scissors (Ножиці) з меню Layer > Paths у верхній панелі інструментів, щоб відрізати половину кола.

sketch-windmill-cap-hemisphere

Крок 3

У Layer > Paths виберіть Close Path, щоб закрити форму.

sketch-hemisphere-close-path

Крок 4

Додамо світла та тіні. Створіть прямокутник над лівим боком півкола, відключіть рамки і встановіть колір на #FFFFFF, а Opacity на 20%.

sketch-hemisphere-highlights

Крок 5

Продублюйте цю форму і встановіть колір #000000, Opacity на 15%, і розмістіть її над правим боком півкола.

sketch-hemisphere-shadows

Крок 6

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

sketch-hemisphere-finished

Крок 7

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

Виберіть обидві форми і згрупуйте їх під назвою “cap”.

sketch-gap-between-hemisphere-and-tower

Остання чатсина туторіала.

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

One Comment

  1. Катя

    Чудова стаття ! Особливо для мене, як для початківця в Sketch. Я створюю часто ілюстрації, а саме нічний пейзаж. Хотіла навчитися малювати хмари в програмі та така досить легка річ у мене не вдавалася. А після ознайомлення з вашою статтею це виявилось дуже і дуже легко.

Залишити відповідь