Малювання на піксельних шарах

Документ Scissor може містити намальовані пікселі поряд із векторними контурами й текстом, тож один файл може водночас вмістити м’яку текстуру пензлем, фотографію та чіткий логотип. На цій сторінці пояснено, що таке піксельний шар, як на ньому малювати і як він поводиться як об’єкт у документі.

Пікселі та векторна графіка

Документ Scissor містить два види графіки пліч-о-пліч. Контури й текст накреслені: вони залишаються чіткими за будь-якого розміру, бо описані своєю формою, і Scissor перемальовує їх щоразу, коли ви змінюєте масштаб перегляду чи розмір. Піксельний шар — намальований: це сітка кольорових точок, як фотографія чи картина пензлем, і під час збільшення ці точки стають більшими, а деталей не додається. Один документ може містити скільки завгодно об’єктів кожного виду в будь-якому порядку, і всі вони разом розташовуються на панелі «Шари».

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

Розміщена фотографія — річ споріднена, але окрема. Файл > Помістити… (⇧⌘P) додає наявне зображення до документа як вбудований малюнок; піксельний шар — це поверхня, на якій ви малюєте з нуля просто в Scissor. Обидва складаються з пікселів, і з обох можна брати колір піпеткою, але мазки пензля приймає лише піксельний шар.

Створення піксельного шару

Об’єкт > Піксельний шар > Новий піксельний шар додає порожню поверхню, що вкриває активну монтажну область. Утім, спершу створювати його не обов’язково: виберіть «Пензель» і малюйте, а Scissor створить шар за вас, щойно ляже перший мазок. У будь-якому разі шар прив’язується до монтажної області, тож пікселі збігаються з нею, хоч би з якою роздільністю їх створено.

Ця роздільність береться з параметра Растрові ефекти у вікні Файл > Параметри документа… (⌥⌘P): «Екран» (72 ppi), «Середній» (150 ppi) або «Висока» (300 ppi). Вище значення дає новому піксельному шару більше точок на пункт, тож робота пензлем залишається гладкою, коли твір друкують або переглядають великим. Задайте його до створення шару, бо кількість пікселів фіксується під час створення поверхні.

У сучасному інтерфейсі шар також можна додати з панелі параметрів інструмента: коли активний «Пензель» або «Піксельна гумка», в кінці панелі є кнопка Новий піксельний шар.

Розміщення малюнка теж створює піксельний шар. Перетягніть зображення на полотно, скористайтеся командою Файл > Помістити… або вставте його з буфера обміну, і воно з’явиться як редагований піксельний шар власного розміру, а не як заблокований малюнок — тож на ньому одразу можна малювати, маскувати, коригувати й застосовувати фільтри. Відкриття зображення командою Файл > Відкрити створює новий документ з однією монтажною областю розміром із малюнок, заповненою піксельним шаром. Дуже великі фотографії зменшуються, щоб уміститися в піксельний ліміт. Файл SVG залишається векторним — його контури лишаються редагованими, — тому піксельними шарами стають лише растрові зображення (PNG, JPEG, GIF, WebP тощо).

Багатошаровий файл .psd відкривається повніше: його стек відтворюється як окремі піксельні шари, кожен шар зберігає свою маску, а текст, фігури й ефекти шарів переносяться, тож файл виглядає майже так само, як там, де його створили, а не як один плаский малюнок. Це найповніший шлях до роботи з пікселями, і все, що описано на цій сторінці, далі стосується шарів, які прибули.

Малювання

«Пензель» і «Піксельна гумка»

З піксельними шарами працюють два інструменти.

Щоб дістатися до будь-якого з них, натисніть і утримуйте видимий інструмент на панелі інструментів або клацніть його правою кнопкою миші й виберіть піксельний інструмент зі списку. Не плутайте їх із векторними сусідами: векторний пензель малює контур, форму якого можна змінити згодом, а піксельний «Пензель» наносить пікселі, яким не можна переставити точки. Обидва піксельні інструменти показують на полотні кільце того розміру, яким малюватимуть, і обидва мають перехресний вказівник.

Перетягуйте, щоб малювати або стирати. Слід іде за вказівником без пропусків, хоч як швидко ви рухаєтеся, бо Scissor кладе вздовж мазка ряд круглих відбитків і тримає їх рівномірно, навіть коли вказівник перестрибує. «Піксельна гумка» прибирає альфа-канал, а не зафарбовує, тож очищене нею стає повністю прозорим; плитка, стерта дочиста, відкидається, тому стирання не залишає зайвої ваги.

Малювання кольором заливки

«Пензель» малює поточним кольором заливки. Задавайте його так само, як будь-яку заливку: панеллю «Колір», зразком або, коли «Пензель» активний у сучасному інтерфейсі, кнопкою Колір на панелі параметрів інструмента. Якщо заливки немає, «Пензель» бере колір обведення, а якщо кольору немає зовсім — чорний. Беріть колір просто з піксельного шару «Піпеткою», коли треба підібрати фарбу, яка вже нанесена.

Розмір, жорсткість і натиск

Коли активний «Пензель» або «Піксельна гумка», панель параметрів інструмента містить налаштування, що визначають слід. Вони також зберігаються у ваших налаштуваннях, тож переходять з одного сеансу в наступний.

Розмір

Діаметр пензля від 1 до 2500 пікселів. Натисніть [, щоб зменшити пензель, і ], щоб збільшити; кожне натискання змінює розмір на п’яту частину, тож крок зростає разом із пензлем. Кільце на полотні показує поточний розмір.

Жорсткість

Місце, де край починає згасати, у відсотках. За 100% край чіткий; зменште значення, і відбиток пом’якшиться до краю з плавним згасанням без помітного кільця. М’який пензель підходить для тіней і світіння, жорсткий — для суцільних форм.

Натиск

Скільки фарби кладе кожен відбиток, лише для «Пензля». Нижче 100% колір накопичується поступово, коли ви знову проходите ту саму ділянку, що зручно для тонування й повільних переходів. «Піксельна гумка» не має керування натиском.

Освітлення, затемнення й губка

Три пензлі для ретушування працюють із пікселями, які вже є, замість наносити колір, і ділять одну комірку на панелі інструментів. Вони малюють як «Пензель» — з тими самими розміром, жорсткістю й кільцем на полотні — і посилюють дію, коли ви знову проходите ділянку, тож легкий дотик діє поступово, а впевнений — швидко.

Освітлювач

Висвітлює там, де ви малюєте, піднімаючи тіні й додаючи відблиски.

Затемнювач

Затемнює там, де ви малюєте, поглиблюючи тіні й краї.

Губка

Підвищує насиченість, роблячи кольори тим багатшими, чим більше ви по них проходите.

Кожен залишає прозорі пікселі недоторканими, не виходить за межі виділення, якщо його задано, а весь мазок скасовується одним кроком.

Заливка, фігури й градієнти

Малювання — це не лише «Пензель». На піксельному шарі колір наносять ще три інструменти: Заливка заповнює суцільну ділянку схожого кольору від місця клацання; інструменти фігур відбивають прямокутник, еліпс, зірку чи багатокутник просто в пікселях замість малювати контур; а інструмент «Градієнт» наносить лінійний або радіальний перехід по поверхні. Кожен враховує поточне виділення, тож заливку чи градієнт можна обмежити вибраною ділянкою.

Виділення пікселів

Піксельне виділення — область виділення — обмежує кожен мазок і кожну зміну ділянкою всередині нього, як трафарет. Його створюють три інструменти, що ділять комірку піксельного виділення: Прямокутна й Овальна область, а також довільне Виділення ласо, яке ви обводите вручну. Перетягуйте, щоб намалювати виділення; звичайне перетягування замінює поточне.

Автовибір виділяє за кольором, а не за формою: клацніть піксельний шар, і він захопить суміжну пляму кольору навколо місця клацання, обвівши її «мурашиною доріжкою», — зручно, щоб відокремити пласке тло чи одну кольорову ділянку. Наскільки близьким має бути колір, щоб його захопило, визначає Допуск у параметрах «Автовибору» — той самий параметр, що діє і для векторних об’єктів; збільште його, щоб захопити більше, зменште, щоб обмежитися близьким збігом. Отвори в плямі не входять до виділення.

Виділення поєднуються, тож форму можна побудувати з кількох рухів чи клацань: утримуйте ⇧, щоб додати до виділення, ⌥, щоб відняти, і обидві разом, щоб залишити лише перетин, — області виділення й «Автовибір» поєднуються однаково. Виділити > Усі (⌘A) виділяє кожен піксель, Виділити > Інверсія обертає область, а Скасувати виділення — ⌘D на піксельному шарі — знімає її. «Мурашина доріжка» показує виділення на полотні.

Переміщення, вирізання й копіювання пікселів

Коли виділення задано, інструмент «Виділення» переміщує пікселі всередині нього: потягніть зсередини області, і виділена фарба відривається й рухається, звільняючи попереднє місце й несучи область із собою. Утримуйте ⌥ під час перетягування, щоб залишити оригінал на місці й перемістити копію.

Інструменти трансформування теж працюють із виділенням. Коли область задано, габаритна рамка інструмента «Виділення» та інструмента «Вільне трансформування» (E) охоплює область, а не весь шар, тож можна масштабувати, обертати чи переміщувати лише цю частину зображення; Об’єкт > Трансформувати та клавіші зі стрілками діють на неї так само. Під час роботи відірвані пікселі плавають над шаром, тож їх можна перетягувати знову й знову без втрати деталей. Натисніть Enter, виберіть інший інструмент або створіть нове виділення, щоб покласти їх на місце, — це один крок для скасування, — або натисніть Escape, щоб повернути все як було. Переміщення на цілі пікселі зберігає їх точно такими, як були; масштабування чи поворот перераховує їх один раз, коли їх кладуть на місце.

Режими Довільне викривлення та Спотворення перспективи інструмента «Вільне трансформування» також працюють із пікселями — з областю виділення чи з усім шаром: потягніть кут рамки (або утримуйте ⌘, перетягуючи його в режимі вільного трансформування), щоб перекосити зображення, наприклад щоб умістити фото на екран чи вивіску, видиму під кутом. Поки ви тягнете, Scissor показує швидкий перегляд розміром з екран, тож усе працює плавно навіть на великій фотографії; самі пікселі перетворюються один раз, у повній роздільності, коли ви натискаєте Enter або переходите далі, і область виділення набуває нової форми.

Копіювання (⌘C) і вирізання (⌘X) працюють із пікселями всередині області виділення: копіювання залишає шар як є, вирізання забирає пікселі. Вставлення (⌘V) розміщує їх на новому піксельному шарі просто над тим, звідки вони взялися, точно на тому самому місці, готовими до окремого переміщення чи трансформування. Ті самі команди є в меню Створити > Піксельний шар, а виділення керує й командами поверхні: Заповнити кольором заливки заповнює лише виділену ділянку, Очистити та Видалити стирають її, а без виділення кожна з них діє на весь шар.

Корекція

Підменю Об’єкт > Піксельний шар > Корекція ретушує колір піксельного шару в межах виділення, якщо його задано. Кожна команда відкриває вікно, що показує результат на полотні, поки ви рухаєте повзунки.

Яскравість / контраст, Рівні

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

Колірний тон / Насиченість, Соковитість

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

Колірний баланс

Зсуває середні тони до блакитного чи червоного, пурпурового чи зеленого, жовтого чи синього.

Карта градієнта

Перефарбовує шар за його яскравістю, відображаючи тіні в один колір, а світлі ділянки — в інший.

Знебарвити, Інвертувати

Зводить усі кольори до сірого або обертає кожен колір на протилежний.

Поріг, Постеризація

Зводить зображення до чистого чорного й білого на вибраному рівні або до невеликої кількості тонів на канал.

Фільтри

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

Розмиття за Гаусом

Пом’якшує шар на рівномірну величину, яку можна налаштувати.

Різкість, Нерізке маскування

Підвищують чіткість деталей — «Нерізке маскування» дає змогу керувати радіусом, силою та порогом, що щадить пласкі ділянки й дрібний шум.

Пікселізація

Розбиває зображення на квадратні плитки, як мозаїку.

Додати шум

Розсипає зерно по фарбі.

Виділення країв, Тиснення

Показують місця зміни кольору світлими лініями на темному тлі або сірим рельєфом.

Фільтри > Перегляд ефектів показує ваш шар як сітку живих мініатюр, кожна з однією корекцією чи фільтром, тож вибирати можна на око, а не за назвою. Вибір мініатюри не закриває вікно. Параметри ефекту з’являються поряд із сіткою, а полотно показує результат, поки ви їх змінюєте. Нічого не застосовується, доки ви не натиснете Застосувати (або Enter). Скасувати чи Esc повертає зображення, а одне скасування дії прибирає застосований ефект. Вікно можна перетягувати за заголовок, щоб бачити полотно за ним.

Швидке скасування на основі плиток

Увесь мазок скасовується одним кроком, хоч яким довгим він був: натисніть ⌘Z один раз, і останній слід зникне, а ⇧⌘Z поверне його. Якщо першому мазку довелося створити свій шар, цей шар зникає разом із мазком, а не залишається порожнім.

За лаштунками піксельний шар зберігається як сітка невеликих плиток, і мазок завжди копіює лише ті плитки, яких справді торкнувся. Історія скасування зберігає знімки всього документа, але мазок коштує лише власних плиток, а не всієї поверхні, тож малювання на великому шарі залишається швидким, а довгий сеанс роботи пензлем не заповнює пам’ять. Пласкі ділянки одного кольору зберігаються компактно, тож шар, що переважно має один колір, майже не займає місця.

Піксельний шар як звичайний об’єкт

Піксельний шар — це об’єкт документа, тож усе, що ви вже знаєте, до нього застосовне. Виділяйте його, переміщуйте, масштабуйте, обертайте, віддзеркалюйте чи нахиляйте через Об’єкт > Трансформувати, габаритну рамку або інструмент «Вільне трансформування». Без області виділення рамка охоплює намальовані пікселі шару, а не всю його поверхню, і трансформування діє на ці пікселі: переміщення залишає їх недоторканими, а масштабування чи поворот вбудовується в пікселі, коли ви натискаєте Enter, вибираєте інший інструмент або виділяєте щось інше, тож шар залишається рівним, а наступний мазок пензля лягає правильно. Задайте йому непрозорість і будь-який із шістнадцяти режимів накладання на панелі «Прозорість», щоб розмістити намальований колір над векторною графікою нижче. Клацання вибирає шар лише там, де на ньому є фарба, тож крізь прозорий кут можна клацнути просто на те, що лежить під ним. Дублювати копіює піксельний шар, як будь-який об’єкт, — і недорого, бо копія ділить плитки з оригіналом, доки на якійсь із них не намалюють.

Об’єкт > Піксельний шар > Об’єднати з нижнім зводить піксельний шар на піксельний шар безпосередньо під ним і видаляє верхній, залишаючи один шар, у якому обидва поєднано. Якщо шари мають різні трансформування — скажімо, один повернуто, — верхній перераховується в сітку нижнього під час об’єднання.

Дві команди діють на всю поверхню одразу:

Об’єкт > Піксельний шар > Заповнити кольором заливки

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

Об’єкт > Піксельний шар > Очистити

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

Обидві команди також є в меню Ефект > Піксельний шар.

Маски шарів

Маска шару приховує частини піксельного шару, не видаляючи їх: шар видно там, де маска біла, і приховано там, де вона чорна, а сірі тони між ними дають часткову прозорість. Оскільки нічого не стирається, маску можна перемальовувати туди й назад скільки завгодно. Команди розташовано в меню Об’єкт > Піксельний шар.

Додати маску шару

Додає маску, яка спочатку показує все й готова до малювання.

Додати маску шару з виділення

Будує маску з поточного піксельного виділення: те, що всередині, залишається, а те, що зовні, приховується. Швидкий спосіб вирізати форму з фотографії без руйнування.

Редагувати маску

Вмикає й вимикає малювання на масці. Поки цей режим увімкнено, «Пензель», «Гумка» й «Заливка» малюють на масці замість шару: малюйте чорним (або темним кольором), щоб приховати, білим, щоб показати, сірим, щоб притушити. Пензель використовує світлість поточного кольору заливки, тож чорний приховує, а білий показує.

Застосувати маску шару

Остаточно вбудовує маску в шар — приховані пікселі стають прозорими — і видаляє маску.

Видалити маску шару

Відкидає маску й знову показує весь шар без змін.

Шар із маскою експортується й зберігається з уже застосованою маскою, а накладається й трансформується як будь-який інший шар.

Перетворення векторної графіки на пікселі: Растеризувати

Об’єкт > Растеризувати замінює поточне виділення вбудованим зображенням його самого, перетворюючи контури, текст і будь-які ефекти на фіксовані пікселі. Користуйтеся цим, коли хочете, щоб векторний результат перестав бути редагованим, коли з ефектом простіше працювати як із пласким зображенням або щоб передати роботу, яка має всюди виглядати однаково без своєї живої конструкції. Результат — вбудоване зображення, а не піксельний шар, на якому можна малювати, тож збережіть копію оригінальної графіки, якщо вам може знадобитися редагувати її знову. Перегляд > Перегляд у пікселях (⌥⌘Y) дає змогу перевірити, як векторна графіка ляже на піксельну сітку, перш ніж ухвалити рішення.

Збереження й експорт

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

Те, як піксельні шари залишають документ, залежить від формату:

PNG, JPEG і WebP

Зводять увесь документ до пікселів, тож намальоване й накреслене зливаються в одне растрове зображення. PNG може зберігати прозорість; для чіткішого результату експортуйте з масштабом @2x.

SVG і PDF

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

Оскільки растр і вектор живуть в одному документі й експортуються разом, роботу можна будувати природно: чисті фігури й текст — векторами, а частини, яким потрібне відчуття фарби, — м’яке світіння, текстурна розмивка, відретушована фотографія — піксельними шарами серед них.