Как красить рисунок в крите

Как нарисовать кожу, синяки и кровь?

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

Наметка области рисунка

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

Рисуем кожу

В топе наших слоев создаем новую группу слоев. С ней мы будем работать в режиме Multiply — умножение, один из самых важных и полезных режимов в нашем графическом редакторе. С его помощью создаются эффекты затенения. В только что созданной группе слоев создайте новый слой. В инструментах выберите Кисть след от которой больше всего походит на след настоящей щетинной кисти. Я использовала такую кисть. Выставьте параметр непрозрачности на 50% и начинайте рисовать кожу. Результат будет зависеть во многом от первоначального цвета фона. Если готовая работа покажется вам слишком темной, то попробуйте еще раз, осветлив цвет рабочей кисти на 5-10%.

Накладываем тени

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

Рисуем кровь

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

Krita — графический редактор для художников (Дмитрий Казаков, OSEDUCONF-2014)

Krita — свободный графический редактор для художников, поддерживающий все популярные цветовые пространства: RGB, CMYK, Lab и Grayscale.

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

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

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

Видео

Посмотрели доклад? Понравился? Напишите комментарий! Не согласны? Тем более напишите.

Слайды

Расширенные тезисы

Krita (Крита) — это проект свободного программного обеспечения для художников. Его основной задачей является создание изображений (рисун- ков) с нуля. В настоящий момент Krita ориентируется на три наиболее востребованных рабочих процесса:

• создание эскизов для фильмов и компьютерных игр. Этот процесс включает в себя прототипирование персонажей, раскадровку сюжета фильма или окружения компьютерной игры. Основными требованиями в данном случае являются наличие разнообразных кистей и простота изменения размера холста «на лету», чтобы художник мог продолжать рисовать во всех направлениях без дополнительных манипуляций;
• создание комиксов. В данном случае для нормальной работы художника приложение должно обеспечивать качественный рендеринг тонких линий, как на экране монитора, так и на печати. Оно также

должно предоставлять возможность быстрого добавления штриховок и заливок;

• подготовка текстур для 3D моделей компьютерных игр. Для обеспечения этого процесса Krita имеет два режима работы Режим зацикливания (Wraparound Mode) и Массив Клонов (Clones Array).

Для упрощения навигации по изображению и выполнения наиболее часто используемых операций в Krita предусмотрены специальные жесты:

• прокрутка — Space + клик на холсте
• масштабирование — Ctrl + [Alt] + Space + клик на холсте
• поворот холста — Shift + [Alt] + Space + клик на холсте
• изменение размера кисти — Shift + клик на холсте
• инструмент «пипетка» — Ctrl + [Alt] + клик на холсте

Помимо продвинутого функционала для художников в Krita присутствуют и вполне ожидаемые инструменты:

• поддерживаются все популярные цветовые пространства (RGB, Grayscale, CMYK, Lab) [1] в произвольной разрядности (8/16 bit integer, 16/32 bit float);
• имеются инструменты преобразования изображения: поддерживаются как афинные преобразования, так и «деформации», описываемые с помощью сплайнов.

• пиксельная кисть (pixel brush) — простейший движок, соответствующий кистям других редакторов;
• пачкающая кисть (color smudge brush) кроме подачи краски на холст также размазывает текущее содержимое слоя, что моделирует процесс рисования сыпучими/жидкими материалами (пастель, краска);
• к каждой кисти можно добавить текстуру, которая будет моделировать шероховатость бумаги;
• кисть для набросков (sketch brush) позволяет создавать/заполнять объемы штриховкой всего лишь одним движением руки;
• кисть с щетиной (hairy brush)
• «частицы» (particle brush)
• «решетка» (grid brush)

В данный момент проект Krita активно развивается. За 2013 год в репозитарий было добавлено более трех тысяч коммитов от более чем шестидесяти контрибьюторов. Проект в очередной, восьмой, раз принял участие в программе Google Summer Of Code и подготовил два релиза.

Примечания и отзывы

1. ↑ В результате работы с художниками мы выяснили, что многие непопулярные в полиграфии цветовые пространства, такие как Lab и scRGB, находят свое применение у художников: из-за различий в их математическом определении привычные алгоритмы смешения цвета дают другой (обычно более мягкий) результат.

Подготовка штрихового рисунка

. И заметьте, что ничего не происходит. Это потому, что белый цвет не проз рачен. Вы бы этого и не хотели, как же без него можно было бы сделать убедительные блики ? Итак, что мы в первую очередь должны сделать для раскрашивания нашего рисунка – это подготовить наши контуры. Существует несколько способов сделать это, каждый со своими возможностями.

Режим наложения Умножить

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

И тогда вы сможете увидеть свои цвета!

Однако, Умножение не является идеальным решением. Например, если во время какой-либо магии редактирования изображения я перекрашу контур в голубой цвет, это приведёт к следующему:

Это связано с тем, что режим Умножение буквально умножает цвета. В нём используется математика!

Сначала он получает значения яркости RGB-каналов, а затем делит их на максимальное значение (так как у нас 8 бит, то это 255), процесс, называемый нормализацией. Затем он переножает нормированные значения. Наконец, он снова умножает полученное на 255, чтобы получить окончательный результат.

Это не всегда является нежелательным, и многие художники используют этот эффект для обогащения своих цветов.

Преимущества

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

На самом деле не прозрачно.

С цветными линиями действует немного странно.

Маска прозрачности

Второй способ – использовать маски прозрачности.

на наименовании слоя и выберите Преобразовать → в маску прозрачности

Теперь нижележащий слой получит слой с контурами в качестве маски, что означает, что черные части станут прозрачными. Мы хотим, чтобы белые части были прозрачными, поэтому мы выбираем слой Маска прозрачности и инвертируем его. (Фильтры → Коррекция → Инвертирование или нажмите Shift + I , у меня в 3-й и 4-й версиях надо нажать Ctrl+I – прим. пер. ). Затем перетащите маску прозрачности на любой заполненный пиксельный слой:

Преимущества

Раздельность этой прозрачности и цвета.

Можно всё сделать ещё быстрее.

Дополнительные записи в списке слоёв.

Не работает без черно-белого контура.

Цвет в альфа-канал

Наиболее удобным вариантом, вероятно, является фильтр Цвет в альфа-канал. Находится в меню Фильтры → Цвета → Цвет в альфа-канал .

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

Преимущества

Самый быстрый способ.

Работает с цветным контуром.

Нет строгого разделения прозрачности и цвета, как в примере с масками.

Заполнение вашего контура

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

Прежде чем мы начнем, я бы порекомендовал вам выбирать приглушённые цвета для плоского раскрашивания. То есть, не используйте супер-насыщенные цвета. Это потому, что супер-насыщенные цвета могут оказаться несколько болезненными для глаз, особенно если их много. Они действительно выглядят здорово в случае спецэффектов, таких как огонь и магия, поэтому зарезервируйте их для особых частей вашего рисунка!

Инструмент для рисования от руки

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

Если вы используете Krita, я предлагаю рассмотреть для этого варианта тип кистей Shape (Форма) или просто кисть Fill_Circle. Кроме того, чтобы использовать ластик в Krita, вы можете нажимать клавишу E или кнопку «Режим ластика» на панели инструментов (вверху).

Преимущества

Вы не захотите использовать этот вариант для больших областей.

Инструмент Заливка

В большинстве случаев инструмент заливки не может справиться со anti-aliasing (мягкий край контура, чтобы он был более гладким при увеличении). В Krita у вас есть опция grow-shrink (Я поискал такую опцию в английском интерфейсе 3-й и 4-й Krita, и нашел только Grow selection, собственно на иллюстрации тоже она. В русском интерфейсе ей соответсвует «Увеличение выделения» – прим. пер.). Установите её, скажем, … на 2, чтобы цвет расширялся на два пикселя.

Порог (Threshold) определяет, когда инструмент заливки должен рассматривать пиксель другого цвета в качестве границы. А Радиус (Feathering) дополнительно добавляет мягкую границу при заполнении.

Теперь, если вы нажмёте на часть изображения с непрерывной границей вашим выбранным цветом. (Не забудьте установить непрозрачность в 1.0!)

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

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

Преимущества

Довольно быстро заполняет в зависимости от имеющихся настроек.

Опять же, не очень хорошо получается с разрывами или мелкими деталями.

И лучше всего работает с несглаженным (aliased) контуром.

Выделение

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

Например, с помощью инструмента Выделение кривой Безье вы легко можете выбрать криволинейную область, а с помощью Shift + (не путайте с +Shift, есть разница!), вы можете добавить её к существующему выделению. (Я попробовал так сделать, получилось не сразу. При существующем выделении нужно нажать Shift, мышой поставить первую точку кривой, отпустить Shift , и дальше рисовать уже только мышкой. При замыкании кривой она станет границей выделения, объединённого с ранее существующим – прим.пер. )

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

По завершении выберите цвет, которым вы хотите заполнить выделенную область, и нажмите Shift + Backspace.

Вы можете сохранить выделение в виде маски выделения с помощью на слое, а затем выбрав Добавить → Локальное выделение. Сначала нужно отключить выбор, нажав круг перед добавлением нового выделения.

Это может служить альтернативным способом разделения различных частей изображения, что хорошо для более живописных произведений:

Преимущества

Немного точнее, чем заливка.

Предварительный просмотр вашего цвета не так прост.

Инструмент кривой Безье

Обычно у вас есть инструмент для создания прямоугольников или кругов. А в случае Krita – инструмент для кривых Безье.

Выберите инструмент Нарисовать кривую Безье ( ) и задайте такие параметры инструмента: Заливка = Цвет переднего плана и Контур = Без контура. Убедитесь, что ваша непрозрачность установлена на 1.00 (полностью непрозрачная)

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

Вы также можете стирать с помощью этого инструмента. Просто нажмите E или кнопку Режим ластика.

Преимущества

Быстрее, чем использование кисти или выделения.

Также хорошо подходит для контуров, которые содержат разрывы.

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

Тонирующая маска

Итак, это несколько неожиданно. В оригинальном учебнике вы увидите, что я предлагаю использовать G’Mic, но это было несколько лет назад, а g’mic немного нестабилен в Windows. Поэтому разработчики Krita попытались сделать встроенный инструмент, делающий то же самое.

Он отключен в версии 3.1, но если вы используете 4.0 или более новую, он присутсвует на панели инструментов. Для получения дополнительной информации посмотрите раздел документации Colorize Mask.

Итак, этот инструмент работает следующим образом:

Выберите инструмент редактирования тонирующей маски.

Отметьте слой, который вы используете.

Нарисуйте цвета, которые хотите получить с помощью тонирующей маски.

Нажмите Обновить, чтобы увидеть результаты (кнопка Обновить находится на панели свойств инструмента – прим. пер.):

Затем вы можете добавить больше штрихов для улучшения результата.

Если вас всё устраивает, щёлкните по слою Тонирующая маска и выберите Преобразовать → в обычный слой. Это превратит маску в обычный красящий слой. Затем вы можете исправить последние проблемы, сделав контур полупрозрачным и докрасив недостатки с помощью кисти PixelArt.

Затем, когда вы закончите, разделите слои с помощью команды меню Слой → Разделить → Разделить слой. Существует несколько вариантов, которые вы можете выбрать, но следующие опции должны хорошо подойти:

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

Преимущества

Работает с anti aliased (сглаженным) контуром.

Основную часть работы можно выполнить очень быстро.

Может автоматически закрывать разрывы.

Не существует никакого anti aliasing (сглаживания).

Вам нужно выбирать между правильным определением деталей или автоматическим закрытием разрывов.

Заключение

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

Krita для новичков (2/3): Раскрашивание портрета

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

Приступаем к рисованию!

Откройте вашу работу, сохраненную после предыдущего этапа (черно-белый портрет). Установите масштаб в 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 делает эту чудесную программу все более привлекательной для вас. Вы познаете силу возможностей, которые вы возможно раньше игнорировали. Опять же — практикуйтесь снова и снова до тех пор, пока вы не почувствуете полный комфорт при работе с описываемыми в этой статье техниками.

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

При написании статьи использовались материалы со страницы Getting started with Krita (2/3).

Понравилась статья? Поделитесь ссылкой с друзьями: