Рисование на пиксельных слоях

Документ Scissor может содержать нарисованные пиксели рядом с векторными контурами и текстом, поэтому в одном файле могут соседствовать мягкая текстура, нанесенная кистью, фотография и четкий логотип. На этой странице рассказывается, что такое пиксельный слой, как на нем рисовать и как он ведет себя в документе как объект.

Пиксели и векторные объекты

Документ Scissor содержит два вида объектов бок о бок. Контуры и текст построены: они остаются четкими при любом размере, потому что описаны своей формой, и Scissor перерисовывает их при каждом изменении масштаба. Пиксельный слой нарисован: это сетка цветных точек, как фотография или картина, написанная кистью, и при увеличении эти точки становятся крупнее, а деталей не прибавляется. В одном документе может быть сколько угодно и тех и других в любом порядке, и все они вместе располагаются в панели «Слои».

Используйте пиксельный слой, когда одной фигуры недостаточно: для тени, нарисованной от руки, грубой текстуры за аккуратным текстом, цветового пятна, которому не нужно быть редактируемым контуром, или для ретуши поверх помещенной фотографии. Логотипы, схемы и все, что вы позже будете масштабировать, оставляйте векторными, а пиксели используйте для тех частей, которым нужна фактура краски.

Помещенная фотография — родственная, но отдельная вещь. Команда Файл > Поместить… (⇧⌘P) добавляет в документ существующее изображение как встроенную картинку, а пиксельный слой — это поверхность, на которой вы рисуете с нуля прямо в Scissor. И то и другое состоит из пикселей, и с обоих можно брать цвет пипеткой, но мазки кисти принимает только пиксельный слой.

Создание пиксельного слоя

Команда Объект > Пиксельный слой > Новый пиксельный слой добавляет пустую поверхность, покрывающую активную монтажную область. Впрочем, создавать его заранее не обязательно: выберите «Кисть» и начните рисовать, и Scissor создаст слой в тот момент, когда ляжет первый мазок. В обоих случаях слой привязан к монтажной области, поэтому пиксели совпадают с ней при любом разрешении, в котором они созданы.

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

В современной оболочке слой можно добавить и с панели параметров инструмента: когда активна «Кисть» или «Пиксельный ластик», в конце панели находится кнопка Новый пиксельный слой.

Помещение изображения тоже создает пиксельный слой. Перетащите изображение на холст, воспользуйтесь командой Файл > Поместить… или вставьте его из буфера обмена, и оно появится как редактируемый пиксельный слой в собственном размере, а не как заблокированная картинка, — так что на нем сразу можно рисовать, маскировать его, корректировать и применять фильтры. Если открыть изображение командой Файл > Открыть, создается новый документ с одной монтажной областью размером с изображение, заполненной пиксельным слоем. Очень большие фотографии уменьшаются, чтобы уложиться в лимит пикселей. Файл SVG остается векторным — его контуры по-прежнему можно редактировать, — поэтому пиксельными слоями становятся только растровые изображения (PNG, JPEG, GIF, WebP и подобные).

Многослойный файл .psd открывается полнее: Scissor восстанавливает его стек в виде отдельных пиксельных слоев, сохраняя маску каждого слоя и перенося текст, фигуры и эффекты слоев, так что файл выглядит почти так же, как в программе, где он был создан, а не как одна плоская картинка. Это самый полный способ перейти к работе с пикселями, и все, что описано на этой странице, затем применимо к полученным слоям.

Рисование

«Кисть» и «Пиксельный ластик»

С пиксельными слоями работают два инструмента.

Чтобы выбрать любой из них, нажмите и удерживайте видимый инструмент на панели инструментов или щелкните его правой кнопкой мыши и выберите в списке пиксельный инструмент. Не путайте их с векторными соседями: векторная «Кисть» (рисует контуры) создает контур, форму которого можно потом изменить, а «Кисть» (рисует пикселями) наносит пиксели, у которых нет точек для правки. Оба пиксельных инструмента показывают на холсте кольцо того размера, которым они будут рисовать, и оба используют указатель-перекрестие.

Перетаскивайте указатель, чтобы рисовать или стирать. След идет за указателем без разрывов, как бы быстро вы ни двигались, потому что 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

Нарисованная поверхность записывается как встроенное изображение среди векторных объектов, так что документ, сочетающий векторную графику и живопись, переносится одним файлом, а фигуры остаются четкими.

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