Flat Coloring¶
So you’ve got a cool black on white drawing, and now you want to color it! The thing we’ll aim for in this tutorial is to get your line art colored in with flat colors. So no shading just yet. We’ll be going through some techniques for preparing the line art, and we’ll be using the layer docker to put each color on a separate layer, so we can easily access each color when we add shading.
This tutorial is adapted from this tutorial by the original author.
Understanding Layers¶
To fill line art comfortably, it’s best to take advantage of the layerstack. The layer stack is pretty awesome, and it’s one of those features that make digital art super-convenient.
In traditional art, it is not uncommon to first draw the full background before drawing the subject. Or to first draw a line art and then color it in. Computers have a similar way of working.
In programming, if you tell a computer to draw a red circle, and then afterwards tell it to draw a smaller yellow circle, you will see the small yellow circle overlap the red circle. Switch the commands around, and you will not see the yellow circle at all: it was drawn before the red circle and thus ‘behind’ it.
This is referred to as the “drawing order”. So like the traditional artist, the computer will first draw the images that are behind everything, and layer the subject and foreground on top of it. The layer docker is a way for you to control the drawing order of multiple images, so for example, you can have your line art drawn later than your colors, meaning that the lines will be drawn over the colors, making it easier to make it neat!
Other things that a layer stack can do are blending the colors of different layers differently with blending modes, using a filter in the layer stack, or using a mask that allows you to make parts transparent.
Programmers talk about transparency as ‘’Alpha’’, which is because the ‘a’ symbol is used to present transparency in the algorithms for painting one color on top of another. Usually when you see the word ‘’Alpha’’ in a graphics program, just think of it as affecting the transparency.
Preparing your line art¶
Put the new layer underneath the layer containing the line art (drag and drop or use the up/down arrows for that), and draw on it.
…And notice nothing happening. This is because the white isn’t transparent. You wouldn’t really want it to either, how else would you make convincing highlights? So what we first need to do to color in our drawing is prepare our line art. There’s several methods of doing so, each with varying qualities.
The Multiply Blending Mode¶
So, typically, to get a black and white line art usable for coloring, you can set the blending mode of the line art layer to Multiply. You do this by selecting the layer and going to the drop-down that says Normal and setting that to Multiply.
And then you should be able to see your colors!
Multiply is not a perfect solution however. For example, if through some image editing magic I make the line art blue, it results into this:
This is because multiply literally multiplies the colors. So it uses maths!
What it first does is take the values of the RGB channels, then divides them by the max (because we’re in 8bit, this is 255), a process we call normalising. Then it multiplies the normalized values. Finally, it takes the result and multiplies it with 255 again to get the result values.
Как сменить цвет фрагмента в Крите?
Для примера я возьму картинку с изображением белого волка. Люблю волков,но если вы не найдете волка, можете заменить любым другим зверем.
Прежде всего подготовить изображение к работе, вырежьте силует, и если нужно сделайте дополнительную обработку. Короче, приведите его в полную боеготовность к работе.
Если вы делали именно вырезку своего волка из контекстной картинки, то кликните правой клавишей мыши по вкладке Свойства слоя и выберите строчку Дублировать слой (Cntrl+G).
Если же вы волка не вырезали, а взяли готовый шаблон на прозрачном фоне, то создайте новый слой и закрасьте фигуру волка. Постарайтесь это сделать максимально аккуратно, здесь нужно использовать серый цвет.
Новый созданный слой поместите наверх списка. Обратите внимание, чтобы в меню слоев чтобы квадратик основного серого цвета был сверху. Отключите режим прозрачности, чтобы закрашивать только волка, не выходя за границы фона.
Переключите режим управления слоями на режим Насыщенности. На этом этапе ваш волк должен выглядеть именно так, и никак иначе. Если он стал черно-белым, значит вы сделали все правильно.
Кстати, если вам нужно было бы раскрасить шерсть волка в разные цвета, то начинать можно было бы на этом этапе. Так как это урок по изменению сплошного цвета, то здесь не будет информации о том, как реалистично раскрашивать шерсть животных. Просто упомяну о том, что для такого рода задач, я использую кисти обведенные на картинке красными кружочками, размером от 5 до 10 ptx, в зависимости от конкретного изображения.
Делаю еще дубликат слоя, но в настройках нового слоя указываю режим уже не режим Насыщенности, а режим Жесткого цвета. А теперь время раскрасить нашего волка!
Иногда приходится создавать несколько десятков слоев с разными режимами, прежде чем подберешь идеальный цвет. Иногда я использую режим Перекрытие или режим Умножение вместо или в сочетании с режимом Жесткого цвета. Попробуйте все варианты, и в будущем подбирать нужный эффект вы будете гораздо быстрее.
Krita для новичков (2/3): Раскрашивание портрета
Напоминаю, что «Krita для новичков» — это серия уроков по рисованию в Krita, состоящая из трех статей. В этой статье (второй по счету) мы разберем шаги, необходимые для превращения полученного в предыдущей статье черно-белого портрета в полноцветное изображение.
- Часть 1. Настройка программы и рисование черно-белого портрета
- Часть 2. Раскрашивание, слои, режимы смешивания (вы сейчас читаете эту статью)
- Часть 3. Финальные штрихи, постэффекты
Приступаем к рисованию!
Откройте вашу работу, сохраненную после предыдущего этапа (черно-белый портрет). Установите масштаб в 50% и отцентрируйте холст относительно рабочего пространства окна. Не забудьте активировать режим горизонтального отзеркаливания соответствующей кнопкой на верхней панели.
Объедините все слои при помощи комбинации Ctrl + Shift + E , или выбрав в меню Layer → Flatten Image . Назовите полученный слой b&w («черно-белый»). Продублируйте этот слой, переименуйте дубликат в colorbase и нажатием комбинации Ctrl + U активируйте диалоговое окно фильтра Filter: HSV/HSL Adjustment . Отметьте чекбокс Colorize .
При помощи слайдеров Hue и Saturation задайте основной тон вашего изображения. Не используйте слайдер Lightness , оставьте его на значении 0 . В нашем примере было решено использовать синеватый оттенок. Для применения изменений не забудьте нажать на кнопку OK .
Создайте поверх новый слой для рисования и назовите его color («цвет»). На панели слоев выберите для этого слоя режим смешивания HSY → Color . Выберите кисть Airbrush_pressure . Поэкспериментируйте с этой кистью, используя разные оттенки. Клево, не правда ли?
При активированном режиме смешивания HSY → Color все мазки кистью влияют только на тон и насыщенность («Hue» и «saturation»). Таким образом вы можете раскрашивать изображение, при этом не перекрывая мазками нижний черно-белый слой.
Продолжайте рисовать. Обратите внимание, что пипетка (клик мышью с зажатой клавишей Ctrl ) работает и при таком режиме смешивания, вы можете ее использовать. Также вы можете при необходимости удалять ненужные цветные области при помощи ластика ( E ), или обогащать свою цветовую палитру при помощи цветового круга (докер Advanced Color Selector ). Часто имеет смысл ограничивать себя ненасыщенными тонами, оставляя себе возможность добавить более насыщенные тона на финальных стадиях работы.
На скриншоте ниже вы можете видеть превью цветного слоя, которое поможет вам лучше понять работу, проделанную на этом слое. Подобное окошко всплывает, если задержать курсор над названием слоя.
Создайте еще один слой и назовите его glaze («глазурь»). Активируйте для этого слоя режим смешивания Arithmetic → multiply . Теперь мы используем технику, похожую на создание эффекта глазури в традиционной масляной живописи. Снова используйте кисть Airbrush_pressure , но на этот раз уменьшите ее прозрачность до 0.50 .
Приступайте к работе. Добавьте красных тонов к теням на коже, чтобы придать коже более натуральный вид. Сделайте более глубокими те места кожи, которые отражают меньше света. Также нужно добавить глубины теням на волосах. Поработайте над глазами и губами, этот процесс может чем-то напоминать процесс нанесения макияжа. При необходимости можете менять размер кисти, уменьшая ее для прорисовки более мелких деталей.
Помните, что этот режим смешивания делает обрабатываемые участки более темными. Шаг за шагом обрабатывайте все изображение (включая волосы, фон и прочее), пока не достигнете желаемого результата.
Этот этап идеален для добавления пятен, тату и узоров. Для сохранения простоты в этом уроке мы не будем рассматривать создание подобных элементов, но никто не мешает вам поэкспериментировать.
Создайте новый слой, назовите его vivid («яркий») и назначьте ему режим смешивания Mix → overlay . При помощи темной полупрозрачной кисти (непрозрачность 0.34 ) наведите тени. Тем самым вы увеличите контраст затененных участков, объединяя локальные тона и добавляя им насыщенности. То же самое сделайте для светлых участков — при помощи светлой кисти увеличьте интенсивность света на освещенных участках. Для того, чтобы изображение смотрелось более эффектно, не помешает добавить легкое фоновое свечение, а также легкие рефлексы и блики (как минимум на губах и глазах).
Создайте еще один слой, назовите его texture («текстура») и тоже назначьте ему режим смешивания Mix → overlay . Теперь добавьте немного мягких текстур на вашу работу, используя для этого темно-серый цвет и текстурные кисти наподобие Splat_texture2 и Sponge_texture из стандартного набора. Таким образом, например, вы можете добавить на кожу легкую зернистость. Соблюдайте аккуратность, чтобы зернистость не перешла с кожи на глаза. Не забывайте, что и на этом этапе вы можете использовать ластик ( E ), чтобы убрать лишние текстуры. При использовании ластика вы можете использовать другие (более подходящие) кисти.
На этом все, этап раскрашивания закончен. Нашей целью было базовое раскрашивание работы. В уроке намеренно использовались простые цвета и базовые элементы. Но вы можете не сдерживать свою фантазию и добавить к полученному изображению мейкап, тату, синюю кожу, текстуру рептилии, цветные волосы и что угодно еще.
Несколько дополнительных слов по поводу режимов смешивания «color»/«multiply»/«overlay»:
Существует безграничное количество способов цифровой раскраски черно-белого изображения. В этой статье приводится пример того, как режимы смешивания «color»/«multiply»/«overlay» могут работать вместе. Они работают хорошо, если вы сделали достаточно контрастным базовое черно-белое изображение. Практикуйтесь, и поведение этих режимов будет для вас все более предсказуемым.
Надеюсь, что погружение в возможности Krita делает эту чудесную программу все более привлекательной для вас. Вы познаете силу возможностей, которые вы возможно раньше игнорировали. Опять же — практикуйтесь снова и снова до тех пор, пока вы не почувствуете полный комфорт при работе с описываемыми в этой статье техниками.
Финальное изображение этого урока пока все еще несовершенно, оно нуждается в доработке и еще большей детализации. Хотя, даже в таком виде картинка не лишена определенного шарма. Так или иначе, в следующей статье мы изучим способы придания изображению большей четкости и подправим некоторые неточности.
Инструкция по раскрашиванию картинок с Krita
Инструкция по раскрашиванию картинок с Krita
Понимание слоев
Для удобной покраски лучше всего использовать Krita 's Layer Stack . Это одна из особенностей, которая делает цифровую живопись очень удобной.
В традиционной живописи нередко можно нарисовать сцену перед основным предметом или нарисовать линию перед раскрашиванием. Рисование картинок на компьютере аналогично.
В программировании, если вы попросите компьютер нарисовать красный кружок, то меньший желтый кружок, вы увидите, что желтый перекрывает красный. В свою очередь, вы больше не увидите желтый круг, потому что он нарисован раньше красного, поэтому он будет «позади». Это основной «порядок покраски».
Как и традиционное искусство, компьютеры сначала рисуют картинки, чтобы они могли углубляться в детали, размещать на них объекты и передний план. Окно настройки слоев — это способ управления порядком рисования нескольких изображений. Например, вы можете нарисовать линии после раскраски, чтобы их было легче настроить. Кроме того, Layer Stack может помочь вам смешивать цвета разных слоев в режиме смешивания, применять фильтры или маски для создания прозрачных частей.
Подготовка к рисованию линии искусства
Поместите новый слой ниже слоя рисования (перетащите и отпустите или используйте стрелки вверх / вниз), затем нарисуйте его.
Подготовьте штриховой рисунок к цвету в Крите
Сначала вы не увидите никаких изменений из-за непрозрачного белого цвета. Хотите, чтобы ваша работа действительно выделялась? Вот почему нам нужно раскрасить картинку. Вот несколько способов раскраски картинок с помощью Krita с разными достоинствами и недостатками.
Режим смешивания Multiply
Обычно, если вы хотите рисовать черным по белому, вы можете установить режим смешивания слоев на Умножение. Сделайте это, выбрав слой и перейдя в раскрывающееся меню, щелкнув « Обычный» , а затем выбрав « Умножение» .
Крита закрасит этот цвет, когда вы выполните вышеуказанное задание
Однако Multiply — не идеальное решение. Например, если вы используете некоторые инструменты для редактирования фотографий на картинах с синими штрихами, вы получите следующий результат:
Результат при применении Multiply для штриховых рисунков не черно-белый
Это потому, что Крита применяет истинное Умножение, буквально «умножая» цвета.
Сначала он принимает значения канала RGB, а затем делит их на максимальные. Этот процесс называется «стандартизация». Далее он умножает нормализованные значения. Затем возьмите результат, затем умножьте его на 255, чтобы получить окончательное значение. Многие художники применяют этот эффект, когда хотят добавить немного «свечения» в свои цвета.
| розовый | Стандартный розовый | синий | Стандартный синий | Стандартизированный и умноженный | результат | |
| красный | 222 | 0,8705 | 92 | 0,3607 | 0,3139 | 80 |
| зеленый | 222 | 0,5647 | 176 | 0,6902 | 0,3897 | 99 |
| зеленый | 123 | 0,5647 | 215 | 0,8431 | 0,4066 | 103 |
Плюсы: простота реализации, может использоваться даже на цветных линиях путем смягчения линий при сохранении необходимого контраста.
Минусы : фон не полностью прозрачен, только добавляет немного веселья к цветным линиям.
Использовать выборки
Второй способ — сделать его действительно прозрачным. В других программах вы можете сделать это через окно настройки каналов , но Krita не позволяет настраивать каналы. Вместо этого он использует маски выбора для хранения параметров настройки.
1. Дублируйте слой с рисунком.
2. Преобразуйте копию в слой маски выделения. Нажмите 
на слой, затем нажмите Convert ‣ to Selection Mask .
Выберите lineart для Крита, чтобы заполнить
3. Инвертировать маску выделения: Выбрать ‣ Инвертировать выделение .
4. Создайте новый слой и нажмите « Правка» ‣ «Заливка цветом переднего плана» .
Теперь ваша картина находится на отдельном слое.
Плюсы : фоновый слой действительно прозрачный.
Минусы : не относится к цветным работам.
Использовать маски
Это более простое решение, чем приведенное выше.
1. Создайте заполненный слой ниже слоя, содержащего картину.
2. Преобразовать слой, содержащий рисование прозрачного слоя: Нажмите слой> Преобразовать ‣ в маску прозрачности .
3. Инвертируйте прозрачную маску, перейдя в Filter ‣ Adjust ‣ Invert .
Плюсы : фоновый слой действительно прозрачный. Вы также можете свободно рисовать текстуры на наложенном слое без наложения прозрачности.
Минусы : не применимо к цветным линиям.
Используйте цвет для альфа
Это самый быстрый способ уточнить линии на изображении. Выберите слой штрихового рисунка и примените цвет к альфа-фильтру: Фильтр ‣ Цвета ‣ Цвет к альфа-каналу . Значение по умолчанию соответствует штриховой картинке.
Плюсы: фон полностью прозрачен. Хорошо применять для рисования штриховых рисунков, потому что оно специализируется на отбеливании.
Минусы : Вы должны заблокировать прозрачный слой или отделить альфа, щелкнув правой кнопкой мыши по меню, если вы хотите легко его раскрасить.
Есть много разных способов покрасить слой. Например, вы можете раскрасить все вручную. Несмотря на высокую точность, этот метод требует много работы. Вместо этого вы можете выбрать другое решение.
Инструмент заливки
В большинстве случаев инструмент «Заливка» не может создавать псевдонимы (смягчить края в штриховых рисунках, чтобы сделать их более плавными при увеличении). Используя Krita, у вас есть два варианта увеличения и уменьшения.
Порог определяет, когда инструмент «Заливка» использует пиксель другого цвета в качестве границы и использует «Перо» для добавления мягкой границы при рисовании.
Теперь, если вы щелкнете мышью по той части, где на изображении нет промежутка, с нужным цветом (помните, что для непрозрачности — 1,0), вы можете заполнить его довольно быстро. Тем не менее, установка низкого порога может генерировать мелкие детали вокруг пересечения.
Однако установка высокого порога может помешать вам распознать некоторые светлые линии. Между тем, вы можете полностью стереть эту маленькую странную деталь легко с помощью кисти.
Плюсы : быстрая производительность в зависимости от доступных настроек.
Минусы : не подходит для богатых подробных картин.
выборы
Как видно из названия, таким образом вы будете использовать инструмент выбора. Например, с помощью инструмента выбора пути вы можете выбрать область кривой и с помощью Shift + alt=»Инструкция по раскрашиванию картинок с Krita» width=»32″ height=»32″ />(не alt=»Инструкция по раскрашиванию картинок с Krita» width=»32″ height=»32″ />+ Shift ). Вы можете легко добавить к текущему выбору.
Вы также можете редактировать опции , если включена маска Select Global ‣ Show Selection . Затем выберите весь оверлей и закрасьте его. (В приведенном выше примере используется альтернативный режим, включенный в левом нижнем углу строки состояния.)
Когда закончите, выберите цвет, который вы хотите нарисовать и нажмите Shift + пробел.
Вы можете сохранить выбранные элементы в слоях маски Выборки, щелкнув слой, затем Добавить Добавить локальное выделение . Во-первых, вам нужно деактивировать опцию, нажав на кружок, прежде чем добавлять новую опцию. Вы можете использовать этот метод для разделения различных частей изображения, что особенно полезно для профессиональных художников.
Плюсы: более точная цветовая градация.
Минусы: предварительный просмотр цвета не прост.
Геометрические инструменты
В Krita у вас есть инструмент для создания прямоугольника или круга. Это инструмент для кривых Безье. Выберите инструмент Path Tool и установите параметры инструмента, чтобы заполнить = передний план и контур = нет. Убедитесь, что вы установили непрозрачность на 1,00 (полное размытие).
Нажав и удерживая кнопку мыши, вы можете повлиять на кривую, нарисованную с помощью инструмента Path. Используйте кнопку мыши, чтобы подтвердить действие, тогда вы можете нарисовать следующую точку.
Вы также можете использовать геометрические инструменты для стирания точек нажатием E или стиранием кнопки.
Плюсы : быстрее, чем кисти или выделения, подходит для штриховых рисунков с пробелами.
Минусы : не легко заполнить мелкие детали. В этом случае вы должны использовать кисть, чтобы покрасить их.
Наложение цветовой коррекции — Colorize Mask
Следуйте этим инструкциям, чтобы использовать функцию Colorize Mask от Krita:
- Выберите инструмент Colorize Mask.
- Проверьте слой, который вы используете.
- Залейте нужный цвет в это наложение.
- Нажмите Обновить, чтобы увидеть результаты.
Когда вы будете удовлетворены, нажмите на этот цвет наложения и перейдите к Convert ‣ Paint Layer . Это превратит корректирующую маску слоя в слой. Затем вы можете исправить последнюю ошибку, применив к линиям прозрачность 1/2 и закрасив отверстие кистью пикселей.
Когда закончите, разделите слой на Layer ‣ Split ‣ Split Layer. Здесь Krita предлагает несколько вариантов, но просто сделайте так, как картинка выглядит хорошо.
Наконец, нажмите ОК . Каждый цвет применяется к отдельному слою, названному в соответствии с палитрой в меню и заблокированным альфа. Благодаря этому вы можете рисовать сразу.
Преимущества : Работа с линиями произведений искусства не удаляет зубы. Быстро завершить базовые малярные работы. Может автоматически заполнять пробелы.
Минусы : не сглаживание. Вы должны выбрать между правильной детализацией или автоматическим заполнением пробелов.
Выше приведено руководство по раскрашиванию картинок с помощью Крита . Надеюсь, что статья полезна для вас.