Как сделать обтравочную маску в крите

Обрезающие маски и наследование Альфа-канала

В Krita нет функциональности clipping mask (обрезающих масок) с таким поведением, как в Photoshop и в других программах, имитирующих функциональность Photoshop`а. Это потому, что в Krita, в отличие от этого программного обеспечения, групповой слой не является произвольным набором слоёв.

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

Исключением является использование режима « pass-through » ( Пропустить в русском интерфейсе — прим. пер. ) , что означает, что наследование Альфа-канала не будет работать правильно при включении pass-through на слое.

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

В сочетании с групповыми слоями это может быть довольно мощным.

Ситуация, в которой это особенно полезно, такова:

Здесь у нас есть изображение с контурами (line art) и по одному слою для каждого плоского цвета. Мы хотим добавить сюда сложное многослойное затенение, сохраняя при этом аккуратность существующих плоских цветов.

Чтобы заставить обрезающую маску работать, сначала нужно поместить слои в группу. Вы можете сделать это, создав групповой слой и перетащив слои в него, или, выбрав слои, которые хотите сгруппировать, и нажав Ctrl + G. Здесь мы делаем это со слоями iris (радужная оболочка) и eye-white.

Мы добавляем слой для световых бликов над этими двумя слоями, и набросаем на нём белые каракули.

В приведенном выше примере у нас есть наш слой с белым мазком слева, а справа тот же слой, но с активированным Наследованием Альфа-канала, ограничивающим его объединённой областью слоёв iris и eye-white.

Теперь существует более простой способ настроить Наследование Альфа-канала. Если вы выберете слой или набор слоёв и нажмёте Ctrl + Shift + G, вы быстро создадите обрезающую группу. То есть, вы группируете слои, а «mask layer» (Маскирующий слой) с настроенным Наследованием Альфа-канала добавляется сверху.

Тот факт, что Наследование Альфа-канала может использовать объединённую прозрачность от комбинации слоёв, означает, что вы можете иметь слой с режимом стирания-смешивания между ними, и он влияет на область, к которой привязан слой сверху.

На иллюстрациях правое изображение точно такое же, как и левое, кроме скрытого слоя стирания.

Фильтры также могут влиять на Наследование Альфа-канала:

На этой иллюстрации Фильтрующий слой «blur» даёт разные результаты, когда находится в разных местах, из-за размывания различных частей.

Как сделать многослойные рисунки?

Начните с создания нового документа (Файл — Создать. ). В меню создания сначала нужно задать размер, цветовой режим, и атрибуты слоев.

Размер вы можете выбрать любой, я буду делать на листе формата А5 с показателем 300ppi как размер рабочего окна.

Меню настроек при создании нового документа

Далее настраиваем вкладку Цвет. При выборе модели RGB и 8-ми битного канала глубины цвета общая цветовая гамма будет более светлой, но я предпочитаю работать с 16-ти битным каналом RGB, так как в итоге цвета выходят более сочные, и создается эдакий эффект гладкости. В конце урока я расскажу, как сохранять и конвертировать полученное изображение в 8-ми битный режим

В меню Содержимое я выбираю белый цвет фона и в строке Слои выбираю количество слоев 2.

Нажимаем кнопку Создать.

Шаг 2. Эскиз

Я привык рисовать в Photoshop и SAI, поэтому рабочее окно в Krita у меня настроено максимально похоже к вышеупомянутым программам. Инструменты у меня слева, Холст посередине, Палитра цветов и Слои справа. Вы можете расположить вспомогательные меню по своему усмотрению.

Создание эскиза

Эскиз обычно рисуется на одном единственном слое. Кисть беру Круглую Стандартную. Как видите слева у меня небольшой набор кистей, которые лично я использую чаще всего. Чтобы создать свой набор кистей, сделайте в Инструментах новую вкладку, назовите ее (у меня она называется tag), и добавляйте в нее выбранные кисти, щелкнув по ним правой клавишей мышки.

Лайфхак — быстро добавить новый слой можно нажав кнопку Insert на клавиатуре.

Шаг 3. Штриховка

Для штриховки я использую Ink-green brush preset. Для рисования на картинку с эскизом накладываем следующий прозрачный слой и обводим наш эскиз.

Штриховка

Вы могли заметить, что для штриховки я использовал два разных слоя, один внизу, а второй разместил поверх него (это заметно в том месте, где левое крыло перекрывает передний план).

Настройка опций штриховки

Как я убрал лишние линии? Для этого я использовал инструмент Стабилизатор цвета. Да, у Криты есть такая удобная фича, для ее вызова надо кликнуть на вкладку Настройки в процессе использования кисти. На выбор нам предлагается 3 метода стабилизирования — стандартное сглаживание, глубокое сглаживание и собственно сам стабилизатор. Лично я предпочитаю режим глубокого сглаживания для правки штриховых рисунков такого типа как наш образец. Попрактикуйтесь работать с разными значениями стабилизатора, чтобы знать наверняка, какой эффект они дадут.

Параметры штриховки образца

Шаг 4. Объединение слоев

Этот этап может показаться довольно запутанным, будьте внимательны. Сейчас мы вдоволь наиграемся с пошаговым сведением слоев в группу.

Объединение слоев

Поверх слоя эскиза я создал группу слоев заднего фона. Затем между группой заднего фона и слоем штриховки я создал ЦВЕТНУЮ группу. Цветные группы состоят из большого количества сплошных цветов, в процессе рисования выбираем нужный. И между основным листом штриховкой и группой-верхних-слоев-штриховки я создал отдельную группу специально для работы с цветом левого крыла. Обратите внимание, что на этом этапе каждая группа содержит один цветной слой, который мы выбираем из основного набора сплошных цветов.

Лайфхак — нажав CTRL+G вы с легкостью сгруппируете слои, а расгруппировать их можно сочетание CTRL+ALT+G

Меню настройки слоев

Почему я сделал именно так? Потому, что Крита, в отличии от других графических редакторов не использует общепринятый режим обтравочной маски. Вместо этого здесь применяется принцип работы с группами слоев для определения местоположения ненужных линий.

Для раскрашивания моей картинки выбираю инструмент Заливка. Поднимаю параметр предела до 40 и выбираю параметр 2 в настройках инструментов для выделения нужной области. Эта операция напоминает “Магическую палочку” — известную, как инструмент для выделения областей в Фотошоп. Для заливки труднодоступных или пропущенных мест я использую fill-circle-brush-preset.

Шаг 5. Создание теней

Наконец-то мы вплотную подошли к тому, чтобы начать получать удовольствие от создания теней, делая нашу картинку по-настоящему классной.

Создание теней

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

Чтобы активировать первоначальную обтравочную маску нужно:

Расположить теневой слой поверх сплошного цветного слоя

Кликните на маленькую иконку со словом “alpha”, убедитесь что она подсвечивается как активный элемент (внимание на картинку)

Начинайте накладывать рисунок теней

Активация альфа слоя

Для создания теней я брал Аэрограф и инструмент Палец (Smudge), по моему мнению, он идеально подходит для создания красивых пятен. При создании конкретно этого примера я вообще не пользовался текстурами.

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

Шаг 6. Заключительный этап

Черно-белый рисунок выглядит скучно, давайте его раскрасим!

Заключительный этап

Я снова разложил слои со штриховкой на отдельные группы, и раскрасил все слои по такому же принципу, как в момент прорисовки теней. На картинке видно, как я разложил слои со штрихами на две группы.

Теперь приступим к моей самой любимой фиче в Крите — это роспись фильтров. (да-да, вы можете накладывать любые цветные фильтры на свои слои!)

Для нашего примера я использовал эффект Гауссово размытие чтобы создать эффект глубины. Вы можете добавить фильтр для слоя выбрав кнопку Layers — New Filter Layer.

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

Меню группировки слоев на заключительном этапе

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

Лайфхак — чтобы быстро залить весь передний план нажмите Shift + Backspace

Я создавал слои только для верхней группы, в которой содержатся штриховка и цвет левого крыла с переднего плана. Для всех остальных я просто создал одинаковые слои с эффектом размытия. Благодаря такому способу я четко заретушировал весь передний план, даже не прикасаясь к нижним элементам рисунка.

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

Работа в режиме 16-ти канальной глубины цвета дает системе серьезную нагрузку. Даже мой, в общем-то мощный компьютер (i7 4770, 16 GB RAM, Nvidia GTX 780), иногда выдает эффект запаздывания отклика программы во время рисования слоев с фильтрами. Но все же этот метод послойного добавления фильтров имеет свои преимущества, так как даже в готовый рисунок всегда можно внести изменения на уровне фильтров.

После всех манипуляций, я обычно сохраняю работы в в формате PNG с глубиной канала в 8 бит. Выровнять изображение перед сохранение можно комбинацией клавиш Cntrl+Shift+E. Чтобы конвертировать изображение в 8-ми битный режим выберите в меню Изображение — Преобразовать цветовое пространство изображения. А после сохраните в формате PNG. Но если вы планируете выложить свою картинку в сеть, то лучше уменьшите ее размер и сохраните в формате JPG.

Clipping Masks and Alpha Inheritance¶

Krita doesn’t have clipping mask functionality in the manner that Photoshop and programs that mimic Photoshop’s functionality have. That’s because in Krita, unlike such software, a group layer is not an arbitrary collection of layers. Rather, in Krita, group layers are composited separately from the rest of the stack, and then the result is added into the stack. In other words, in Krita group layers are in effect distinct images inside your image.

The exception is when using pass-through mode, meaning that alpha inheritance won’t work right when turning on pass-through on the layer.

An image showing the way layers composite in Krita.

When we turn on alpha inheritance, the alpha-inherited layer keeps the same transparency as the layers below.

An image showing how the alpha inheritance works and affects layers.

Combined with group layers this can be quite powerful. A situation where this is particularly useful is the following:

An image with line art and a layer for each flat of color.

Here we have an image with line art and a layer for each flat of colors. We want to add complicated multi-layered shading to this, while keeping the neatness of the existing color flats. To get a clipping mask working, you first need to put layers into a group. You can do this by making a group layer and drag-and-dropping the layers into it, or by selecting the layers you want grouped and pressing the Ctrl + G shortcut. Here we do that with the iris and the eye-white layers.

An image showing how the alpha inheritance works and affects layers.

We add a layer for the highlight above the other two layers, and add some white scribbles.

Clipping mask step 3. Clipping mask step 4.

In the above, we have our layer with a white scribble on the left, and on the right, the same layer, but with alpha inheritance active, limiting it to the combined area of the iris and eye-white layers.

Clipping mask step 5.

Now there’s an easier way to set up alpha inheritance. If you select a layer or set of layers and press the Ctrl + Shift + G shortcut, you create a quick clipping group. That is, you group the layers, and a ‘mask layer’ set with alpha inheritance is added on top.

Clipping mask step 6. Clipping mask step 7.

The fact that alpha inheritance can use the composited transparency from a combination of layers means that you can have a layer with the erase-blending mode in between, and have that affect the area that the layer above is clipped to. Above, the lower image is exactly the same as the upper one, except with the erase-layer hidden. Filters can also affect the alpha inheritance:

Above, the blur filter layer gives different results when in different places, due to different parts being blurred.