Як намалювати ілюстрацію в sketch, використовуючи тільки прямокутник, коло і криву

Я намалював 18 відомих роботів для Chato.ps (один з продуктів нашої компанії), і безліч людей запитувало мене, як можна намалювати ілюстрацію в Sketch, чи складно це? Взагалі-то, не дуже, а точніше дуже просто і швидко. У цьому уроці я вам все покажу.

Отже, малюємо ілюстрацію в Sketch

Вам потрібно лише використовувати інструмент ручки (Pen), щоб додати безліч векторних точок і налаштовувати криві. І вам не потрібно використовувати мишку, щоб бродити по меню Sketch для пошуку всіх потрібних функцій, тому що 98% таких функцій управляється через гарячі клавіші.

Я розділив робота на кілька частин, після їх створення потрібно просто правильно розмістити всі фрагменти, і все.

Ось моя покрокова інструкція:

1. Натисніть R і утримуйте SHIFT. щоб створити новий прямокутник.
   B. щоб заховати кордон.
2. ENTER - перейти в режим редагування
   Утримуйте CMD. щоб помістити ручку на верхній контур.
   Вам здасться точка посередині натисніть на неї, щоб додати серединну точку.

1. Виділіть верхні 2 точки.
   Натисніть DELETE. щоб видалити їх.
2. Утримуйте SHIFT і натисніть на контрольну точку, щоб подовжити її.

1. Натисніть О. щоб намалювати овал.
   Змініть колір і розмір.
2. Натисніть R. щоб намалювати прямокутник.
   Змініть колір і розмір.

1. Додайте радіус для кутів.
2. CMD + D скопіюйте прямокутник.
   Змініть колір, розмір і радіус.

1. CMD + D скопіюйте прямокутник.
   Змініть колір, розмір і радіус.
   OPTION + CMD + DOWN розмістіть його ззаду.
2. Про створіть овал.
   Змініть колір і розмір.
   OPTION + CMD + DOWN розмістіть його ззаду.
   CMD + D скопіюйте овал.
   SHIFT + RIGHT пересуньте вправо.

1. R створіть прямокутник.
   Змініть колір і розмір.
   Виділіть її разом з фігурою голови.
   CMD + G згрупуйте їх.
2. Виділіть фігуру голови.
   CONTROL + CMD + M використовувати її як маску.
   OPTION + CMD + DOWN помістіть її назад.

1. Виділіть все.
   F приховати заливку.
   Збільште товщину кордону.
2. R намалюйте прямокутник.
   B сховайте кордону.
3. SHIFT + CMD + T звузьте верх прямокутника.
   Виділіть все.
   Створіть з виділення символ.

1. Виділіть прямокутник, зроблений раніше.
   CMD + D скопіюйте його.
   Змініть колір і розмір.
2. ENTER перейдіть в режим редагування.
   Виділіть дві верхні точки.
   Треба збільшити розмір кутів.

З'єднайте всі елементи.
CMD + G згрупуйте.

1. R намалюйте прямокутник.
   B сховайте кордону.
2. ENTER перейдіть в режим редагування.
   Виділіть дві верхні точки.
   Збільште кути.
3. CMD + D скопіюйте його.
   Розгорніть по вертикалі і змініть колір.
   Виділіть все.
   Створіть символ.

1. Про намалюйте овал.
   B сховайте кордону.
2. R намалюйте прямокутник.
   B сховайте кордону.
3. Збільште радіус кордону прямокутника.
   Виділіть все.
   Вирівняйте по центру.
   Створіть символ.
4. CMD + D скопіюйте його.
   Поверніть на 90 '.

З'єднайте всі елементи.
CMD + G згрупуйте.

1. Про намалюйте овал.
2. CMD + D скопіюйте його.
   SHIFT + OPTION змініть розмір.
3. Виділіть все.
   SHIFT + OPTION + S скомбінуйте їх в режим віднімання.
4. R намалюйте прямокутник.

1. Виділіть все.
   CMD + Option + U скомбінуйте їх в режим об'єднання.
2. B сховайте кордону.
3. R намалюйте прямокутник.
   B сховайте кордону.
   Виділіть все.
   Створіть символ.
4. CMD + D скопіюйте його.
   Поверніть на 90 '.

1. Про намалюйте овал.
   B сховайте кордону.
2. L створіть лінію.
   Виділіть все.
   Вирівняйте по центру.
3. Виділіть лінію.
   ENTER перейдіть в режим редагування.
   Виділіть верхню точку.
   SHIFT + вліво пересуньте точку трохи вліво.

1. Виділіть лінію.
   CONTROL + C захопіть колір овалу.
   Збільште товщину кордону.
   Перейдіть в налаштування кордону.
   Змініть краю на закруглені.
2. Виділіть лінію.
   CMD + D скопіюйте її.
   Розгорніть по горизонталі.
   Виділіть все.
   Створіть символ.
3. CMD + D скопіюйте його.
   Поверніть на 90 '.

1. R намалюйте прямокутник.
   B сховайте кордону.
   Збільште радіус кордонів.
2. CMD + D скопіюйте її.
   Змініть колір і розмір.
3. Про намалюйте овал.
   B сховайте кордону.
   Змініть колір.
   Виділіть все.
   Вирівняйте по горизонталі.
   Створіть символ.

1. Про намалюйте овал.
   B сховайте кордону.
2. За допомогою Ножиць відріжте правий контур.
3. CMD + D скопіюйте половинку.
   Розгорніть по горизонталі.

Скомпонуйте всі елементи.
CMD + G згрупуйте.

1. Про намалюйте овал.
   F сховайте заливку.
   Змініть колір.
2. Змініть форму.
3. CMD + D скопіюйте 4 рази.
   Збільште товщину кордонів.
4. CMD + D скопіюйте 4 рази.
   Виділіть верхній овал.
   Змініть колір.
   Збільште товщину кордону.

1. L створіть лінію посередині.
   OPTION + CMD + DOWN помістіть лінію на задній план.
2. Виділіть один блакитний овал.
   OPTION + CMD + C скопіюйте стиль.
   Виділіть лінію.
   OPTION + CMD + V вставте стиль.
3. CMD + D скопіюйте раніше створений прямокутник.
   OPTION + CMD + DOWN помістіть його на задній план.
   Виділіть все.
   CMD + G згрупуйте.
4. Виділіть прямокутник.
   OPTION + CMD + M використовуйте як маску.

Виділіть прямокутник-маску.
F сховайте заливку.