Ви дізнаєтесь, як за допомогою простого “трюку” можна швидко створити кольорову палітру в Sketch.
Спершу, створимо три квадрати. У прикладі вони мають вирішення 240 х 240.
Переназвемо леєри на Red, Green та Blue. Заповнимо Red кольором #FF6161, Green – #FF6161, Blue – #0076FF. Виділіть всі ці шари і натисніть клавішу “А” (Artboard tool). Виберіть Around Selection з Інспектора праворуч. Назвемо наш артборд “Color Palette”.
Тепер ми додамо різні відтінки цих прямокутників, розділивши їх на три рівні вертикальні частини. Створіть два прямокутника на верхній частині квадратів, які мають однакову ширину, що і Artboard. Висота повинна бути, як ви вже здогадалися, висотою одного квадрата поділеною на три – у нашому випадку 80.
Розташуйте один прямокутник у верхній частині артборда і змініть заливку білий колір. Розташуйте другий у нижньої частині і змініть заливку на чорний колір. Тепер змініть opacity (непрозорість) на 20% – таким чином, ми будемо мати три різні форми нашого червоного, зеленого і синього. Давайте перейменувати ці два шари, щоб ми знали, що вони значать потім.
Тепер ми поділимо квадрати знову на три частини, але вже горизонтально. Створіть прямокутник тої ж висотки, що й базові квадрати. Ширина = ширина кварата поділена на 3, ті ж 80. Розташуйте утворений прямокутник по центру Red квадрата. Зробіть дублікат прямокутника і розташуйте його у праву сторону даного квадрата.
Тепер найцікавіша частина. Змініть кольори цих шарів на щось резонуюче. Пропоную використати жовтий колір (#FFE200). І змініть непрозорість того, що в центрі на 40%, а правого на 80%. І на останок, змініть blending mode (режим змішування) цих прямокутників на overlay (накладання).
Тепер продублюйте ці два прямокутники і росташуйте таким же чином у Green і Blue квадрати. Має вийти так:
Як використовувати кольори в Sketch
У Sketch є приховані фічі де можна подивитися кольори, які ми часто використовуєму в документі. Їх можна побачити в Інспекторі, коли вибрати fill колір. Показано на картинці:
Вибирати кольори у Sketch доволі просто. Коли колір вибраний в інспекторі з’явиться дві панелі: Global Colors і Document Colors. Глобальні будуть доступні для всіх документів.
Щоб зберегти колір просто натисніть “+” у панелі залежно від області видимості, яка вам потрібна: глобальна чи для документу. Щоб знищити колір просто перетягніть його з панелі і відпустіть мишку.
Щоб викликати пипетку натисніть command + C.
Sketch Palettes плагін
Коли ви будете працювати із великим проектом з багатьма файлами, ствроювати палітри окремо для кожного документу буде надто довго і загалом безглуздо.
Вам допоможе Sketch Palettes. Цей плагін допоможе вам зберігати палітри в файли та імпортувати у будь-який документ. І ви зможете додавати ваші улюблені кольори до ново-створеного документу.
Для зебереження палітри ідіть Plugins > Sketch Palettes і save Global/Document palette. Відповідно там є опції імпортування і очистки палітри.
Джерело фото – medium.com