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

Рисование и раскрашивание

Инструменты рисования Photoshop позволяют создавать но­вые изображения, а также раскрашивать предварительно отсканированные черно-белые рисунки и фотографии.

Выбор основного и фонового цветов

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

Основной цвет (цвет переднего плана) применяется для рисования, а также для закраски (заливки) выделенных об­ластей.

Фоновый цвет (цвет заднего плана) можно сравнить с цветом холста, на который наносится краска. Именно этот цвет появляется при удалении пикселей изображения (после удаления краски виден холст).

По умолчанию основной цвет — черный, а фоновый — бе­лый. Цвета переднего и заднего планов указываются в цве­товых полях на панели инструментов (рис. 1). Используя Переключатель цветов , основной и фоновый цвета можно менять местами. Щелчок на пиктограмме Основной и фоно­вый цвета по умолчанию восстанавливает черный цвет в ка­честве основного, а белый — в качестве фонового.

Рис . 1. Инструменты для установки основного и фонового цветов

Основной и фоновый цвета можно выбрать разными спо­собами. Во-первых, с помощью панели Swatches (Образцы), которая содержит образцы цветов из стандартной палитры Photoshop (рис. 5.34, а).

Во-вторых, с использованием панели Color (Цвет), ко­торая дает возможность формировать свой собственный цвет из красной ( Red ), зеленой ( Green ) и синей ( Blue ) составляю щих (рис. 2, б). Цветная полоса в нижней части этой па­нели играет ту же роль, что и палитра художника. Щелкнув на ней мышью, можно выбрать цвет.

Рис . 2. Панели для выбора цвета : а — панель Swatches (Образцы ), б— Color (Цвет )

И, наконец, диалоговое окно Color Picker (Выбор цвета ) позволяет сформировать свой собственный оттенок в различ­ных цветовых моделях или подобрать цвет, используя цве­товое поле (рис. 3).

Рис . 3. Диалоговое окно Color Picker ( Выбор цвета ) для выбора цвета

Особенности инструментов рисования

В Photoshop к инструментам рисования относятся Pencil (Карандаш), Brush (Кисть) и Eraser (Ластик). В ряде случаев считают, что инструменты Paint Bucket (Заливка), Gradient (Градиент) и Smudge (Палец) также являются инструмента­ми рисования.

Инструмент Pencil (Карандаш) . позволяет создавать ли­нии с жесткими границами.

Инструмент Brush (Кисть) , используется для рисова­ния линий с плавным расплывчатым контуром.

Инструмент Eraser (Ластик) . стирает лишние и неудач­ные фрагменты рисунка, закрашивая их цветом фона. Этот инструмент похож на обычный чертежный ластик.

Принцип действия Карандаша, Кисти и Ластика напоми­нает рисование на бумаге. При работе с этими инструмента­ми нужно просто перемещать курсор мыши по экрану.

Для создания рисунка важное значение имеет правиль­ный выбор параметров инструмента. Эти параметры ото­бражаются на панели свойств. У кисти и карандаша панель свойств отличается лишь незначительными деталями. Глав­ную роль в ней играет раскрывающийся список Brush (Фор­ма кисти) , который позволяет устанавливать размер и фор­му кончика инструмента (рис. 4). В дальнейшем будем пользоваться терминами «размер кисти» и «форма кисти»

Рис . 4. Панель свойств инструмента Brush ( Кисть ) с раскрывающимся списком Brush ( Форма кисти )

Прозрачность штриха задается в поле Opacity (Непро­зрачность). Чем меньше заданное значение, тем прозрачнее создаваемая линия.

Рисование в Photoshop «от руки» с помощью мыши — за­нятие непростое. Хотя растровая программа хорошо подхо­дит для новичков, профессиональные рисунки лучше созда вать в специальных программах рисования. Обычно в растровых программах мышью рисуют достаточно простые изображения.

Вместе с тем существует огромное количество средств коррекции изображений в Photoshop , так как программа из­начально создавалась для обработки фотографий.

После того, как создан эскиз рисунка, его можно закра­сить инструментами Paint Bucket (Заливка), Gradient (Гра­диент) и Smudge (Палец).

Инструмент Paint Bucket (Заливка) выполняет закрас­ку однородным цветом или узором.

Инструмент Gradient (Градиент) , предназначен для со­здания заливки с плавными переходами между различными цветами.

Инструмент Smudge (Палец) используется для смеще­ния и смешивания цветов соседних пикселей.

На рис. 5 представлен простейший рисунок, создан­ный в Photoshop .

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

Контуры всех элементов рисунка (собаки, облаков, миски с косточкой) созданы кистью. Закраска земли и неба выпол­нена градиентом, а миски с косточкой — инструментом Paint Bucket (Заливка). Внутри облаков сначала сделано не сколько штрихов синего, голубого и серого цветов, а затем вращательными движениями по этим штрихам инструмен­том Smudge (Палец) получены клубы облаков.

Раскрашивание черно — белых фотографий

При раскрашивании черно-белых фотографий на компью­тере Photoshop дает большую свободу в выборе цветовых от­тенков. Можно подобрать по своему желанию цвет волос, костюма, головного убора, мебели и других объектов съем­ки. Возможно, с помощью обычной цветной фотографии по­лучить аналогичный результат будет достаточно трудно.

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

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

Черно-белый снимок на рис. 6, а сделан в 1925 году. После устранения дефектов его вид немного изменился (рис. 6, б). Теперь можно приступить к раскрашиванию.

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

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

Лучше воспользоваться режимом наложения Color (Цвет) . В этом случае результирующий цвет имеет яркость исходного изображения, а насыщенность и оттенок определяются рисую­щим инструментом (рис. 7, б ).

При раскраске фотографий также используется режим наложения Darken (Замена темным). В этом режиме проис­ходит замена только тех цветов исходного изображения, ко­торые светлее цвета рисующего инструмента, а остальные пиксели остаются без изменений. Режим наложения Darken (Замена темным) можно использовать для раскраски костю­ма девушки на рис. 7.

Рис . 6 . Фотография для раскрашивания : а — до устранения дефектов , б — после устранения дефектов

Рис . 7. Раскраска волос в режимах наложения Normal

( Нормальный ) и Color ( Цвет ), а также раскраска костюма

в режиме Darken ( Замена темным) : а — режим Normal ( Нормальный )

б — режим Color ( Цвет ) и Darken ( Замена темным )

1. Для каких целей используются основной и фоновый цвета?

2. Какие средства можно использовать для выбора основ­ного и фонового цветов?

3. Какие инструменты Photoshop относятся к инструмен­там рисования?

4. Каким образом выбираются параметры инструмента?

5. Какие основные параметры имеют инструменты Pencil (Карандаш) и Brush (Кисть)?

6. Какие инструменты используются для закраски изобра­жения?

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

8. Какие режимы наложения обычно используются для за­краски фотографий и почему?

• выбор основного и фонового цветов

• создание изображений инструментами рисования

• раскрашивание черно-белых иллюстраций

• раскрашивание черно-белых фотографий обесцвечивание фотографий

Практикум

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

Фоновый цвет (цвет заднего плана) — цвет, который появляется при удалении пикселей изображения.

По умолчанию основной цвет — черный, а фоновый — белый. Цвета переднего и заднего планов указываются в цве­товых полях на панели инструментов (рис.1)

Рис. 8. Инструменты для установки основного и фонового цвета

Инструмент Pencil (Карандаш) позволяет создавать линии с жесткими границами.

Инструмент Brush (Кисть) используется для рисования линий с плавным расплывчатым контуром.

Инструмент Eraser (Ластик) стирает лишние участки изображения, закрашивая их цветом фона.

Инструмент Paint Bucket (Заливка) используется для закрашивания фрагментов изображения однородным цветом или узором.

Инструмент Gradient (Градиент) предназначен для создания заливки с плавными переходами между различными цветами.

Инструмент Smudge (Палец) используется для смещения и смешивания цветов соседних пикселей.

Панель свойств Options (Параметры) содержит информацию о параметрах выбранного инструмента.

Режим наложения пикселей — способ взаимодействия пикселей исходного изображения и рисующего инструмента.

Основные приемы работы

Выбор основного и фонового цветов

Задание 1. Изменить основной и фоновый цвета.

=> Щелкнуть на пиктограмме Основной цвет (см. рис. 8). Откроется окно Color Picker (Выбор цвета).

=> Щелкнуть на кнопке ОК.

=> Щелкнуть на пиктограмме Фоновый цвет (см. рис. 8). Откроется окно Color Picker (Палитра цветов).

=> Щелкнуть на кнопке ОК.

Воспользуемся панелью Swatches (Образцы), которая содержит образцы 122 цветов.

=> Выбрать панель Swatches (Образцы).

=> Щелкнуть на каком-нибудь оттенке цвета на панели Swatches (Образцы).

Выбранный оттенок появится в поле Основной цвет на панели инструментов.

Теперь изменим фоновый цвет.

=> Щелкнуть на каком-нибудь оттенке цвета на панели Swatches (Образцы) при нажатой клавише .

Выбранный оттенок появится в поле Фоновый цвет на панели инструментов.

Создание изображений инструментами рисования

Задание 2. Установить параметры Карандаша , а также создать простой рисунок «от руки».

=> Выполнить команду File|New (Файл|Новый), чтобы создать новый документ.

=> Выбрать инструмент Pencil (Карандаш) на панели инструментов.

Откроется панель свойств этого инструмента (рис. 9).

Рис. 9 Панель свойств инструмента Pencil (Карандаш)

=> Выбрать размер кончика Карандаша на панели свойств. Для этого:

•Щелкнуть на черном треугольнике рядом со значком кончика кисти

Откроется окно со стандартным набором образцов кистей (рис. 10).

• Щелкнуть на пиктограмме с подходящим размером.

=> Перейти в окно изображения.

Рис. 10. Окно со стандартным набором образцов кистей

=> Установить степень непрозрачности карандаша в поле Opacity (Непрозрачность).

=> Нарисовать простую иллюстрацию «от руки», например ромашку.

Если вам не понравилось то, что получилось, можно ластиком стереть неудачные штрихи. Чтобы закрасить фрагменты рисунка, воспользуемся инструментом Paint Bucket (Заливка).

=> Выбрать цвет закраски (основной цвет).

=> Выбрать инструмент Paint Bucket (Заливка) на панели инструментов.

Курсор примет форму инструмента Paint Bucket (Заливка).

=> Установить курсор в той части рисунка, которую необходимо закрасить.

=> Щелкнуть кнопкой мыши.

Не забывайте, если закрашиваемая область незамкнута, то краска «разливается» по всему рисунку.

Замечание. Аналогичный рисунок можно создать с помощью инструмента Brush (Кисть).

Раскрашивание черно-белых иллюстраций

Задание 3. Используя инструменты Brush (Кисть) и Paint Bucket (Заливка), закрасить фрагмент рисунка.

=> Открыть документ Dog.jpg (рис. 11).

Рис. 11. Изображение, которое необходимо закрасить (документ Dog.jpg)

Цель задания — выбрать подходящие цвета и закрасить ими собаку и миску с косточкой.

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

=> Выбрать панель Layers (Слои).

=> Выполнить команду Layer|New|Layer Via Cut (Слой| Новый|Слой посредством вырезки).

На панели Layers (Слои) появится новый слой, на котором будут расположены собака с миской и облака. Вновь созданный слой является активным.

=> Присвоить новому слою имя Dog.

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

Для выполнения этого действия сначала нужно выделить изображение на слое Dog:

=> Выбрать инструмент Волшебная палочка , выделить белый фон.

=> Теперь нужно выделить изображения, а не фон, для этого выполните команду Выделение/Инверсия. Теперь выделены изображения.

Затем снять выделение с облаков и миски с косточкой:

=> Выделить облака, миску и косточку инструментом Marquee (Овальная область) при нажатой клавише .

=> Также снять выделение с глаза и кончика носа.

=> Выбрать какой-нибудь оттенок коричневого в качестве основного цвета.

=> Выбрать инструмент Brush (Кисть)

=> Установить размер кисти и степень непрозрачности 100%.

=> Закрасить отдельные участки на теле собаки, однако полностью закрашивать не надо (рис.12).

=> Установить степень непрозрачности кисти 60%.

=> Выбрать другой оттенок коричневого и закрасить им оставшиеся выделенные участки полностью.

=> Выполнить команду Filter|BIue|Gaussian Blur (Фильтр|Размытие|Размытие по Гауссу).

Откроется диалоговое окно Gaussian Blur (Размытие по Гауссу). Поэкспериментируйте, перемещая регулятор шкалы Radius (Радиус). Чем больше числовое значение в поле Radius (Радиус), тем сильнее размываются цвета изображения.

=> Щелкнуть на кнопке ОК.

Рис. 12. Рисунок, на котором закрашены отдельные участки

Закрасим глаз, кончик носа, а также миску с косточкой.

=> Выделить кончик носа.

=> Выбрать инструмент Paint Bucket (Заливка).

=> Выбрать основной цвет, например розовый.

=> Установить курсор внутрь выделенной области.

Кончик носа приобретет розовый оттенок. Аналогично закрашиваются глаз и миска с косточкой. Результат показан на рис. 2.5.6.

Рис. 13. Закраска фрагмента изображения с использованием инструментов Brush <Кисть), Paint Bucket (Заливка) и фильтра Gaussian Blur (Размытие по Гауссу)

=> Сохранить файл под именем Dogl.psd (он потребуется нам при выполнении следующего задания).

Задание 4. Воспользоваться инструментами Brush (Кисть) и Smudge (Палец) для закраски фрагмента рисунка. Цель задания — закрасить облака.

=> Открыть документ Dogl.psd — результат выполнения предыдущего задания.

=> Активизировать слой Dog.

=> Выделить оба облака.

=> Выполнить команду Select|Modify|Contract (Выделить| Модификация|Сжать). Откроется диалоговое окно.

=> Установить значение уменьшения выделенной области в каждую сторону равным 1 пикселю.

=> Выбрать инструмент Brush (Кисть) . Откроется панель свойств этого инструмента (рис. 14).

Рис. 14. Панель свойств инструмента Brush (Кисть)

=> Выбрать маленькую кисточку с мягкими краями.

=> Выбрать один из оттенков голубого цвета и закрасить им часть облаков.

=> Ввести в поле Flow (Нажим) значение 20.

=> Выбрать один из оттенков синего цвета и продолжить закраску облаков (полностью закрашивать не надо).

=> Ввести в поле Flow (Нажим) значение 70.

=> Выбрать один из оттенков серого цвета и завершить за­краску облаков.

=> Выбрать инструмент Smudge (Палец) который «спрятан» за инструментом Blur (Размытие) .

=> Выбрать среднюю кисточку с мягкими краями для кончика инструмента Smudge (Палец).

=> Установить курсор внутрь облака.

=> Выполнить вращательные движения курсора для получения окончательной раскраски облаков (рис. 15).

Сохранить файл под именем Dog2.psd. (он потребуется нам при выполнении следующего задания).

Рис. 15. Результат закраски облаков инструментами Brush (Кисть) и Smudge (Палец)

Задание 5. Добавить к иллюстрации фон, используя градиент.

Наложим на слой Background два градиента — для неба и земли.

=> Открыть файл Dog2.psd — результат выполнения предыдущего задания.

Активизировать слой Background.

Выбрать инструмент Rectangular Marquee (Прямоугольная область) на панели инструментов. Выделить прямоугольную область — небо. Выбрать темно-голубой цвет в качестве основного. Выбрать светло-голубой цвет в качестве фонового. Выбрать инструмент Gradient (Градиент) . Откроется панель свойств этого инструмента (рис. 16).

Рис. 16. Панель свойств инструмента Gradient (Градиент) (фрагмент)

Выбрать на панели свойств в раскрывающемся списке вариант от основного цвета к фоновому.

=> Выбрать на панели свойств линейный градиент .

=> Установить курсор мыши на верхнюю границу выделения.

=> Нажать кнопку мыши.

=> Протянуть курсор до нижней границы выделения при нажатой кнопке.

=> Выбрать инструмент Rectangular Marquee (Прямоугольная область). Откроется панель свойств этого инструмента.

=> Установить на панели свойств значение Feather (Растушевка) равным 3.

=> Выделить прямоугольную область — землю, немного захватив область неба.

=> Выбрать зеленый цвет в качестве основного.

=> Выбрать светло-зеленый цвет в качестве фонового.

=> Выбрать инструмент Gradient (Градиент).

=> Установить курсор мыши на нижнюю границу выделения.

=> Нажать кнопку мыши.

=> Протянуть курсор до верхней границы выделения при нажатой кнопке.

=> Сохранить файл под именем Dog3.psd. (он потребуется нам при выполнении следующего задания).

Задание 6 . Создать новые элементы рисунка инструментами Brush (Кисть) и Pencil (Карандаш).

=> Открыть файл Dog3.psd.

=> Активизировать слой Background.

=> Нарисовать Кистью «от руки» траву, кусты, деревья.

=> Сохранить файл — результат закраски черно-белого рисунка.

Раскрашивание черно-белых фотографий

Задание 7. Раскрасить черно-белую фотографию.

=> Открыть файл MyGirl.jpg (рис. 17).

Преобразуем фотографию в многоцветное изображение.

=> Выполнить команду Image|Mode|RGB Color (Изображение]Режим/ RGВ-цвет). Сначала выделим область лица и рук.

=> Выбрать инструмент Lasso (Лассо) на панели инструментов. Откроется панель свойств этого инструмента.

=> Установить на этой панели значение поля Feather (Растушевка) равным 2 пикселям.

=> Выделить лицо и руки инструментом Lasso (Лассо).

=> Выбрать телесный цвет в качестве основного.

Рис. 17. Черно-белая фотография до и после раскраски

=> Выполнить команду Edit|Fill (Редактирование/ Выполнить заливку). Откроется окно Fill (Заливка) (рис. 18).

Рис. 18. Окно Fill (Заливка)

=> Установить в поле Mode (Режим) режим наложения пикселей Color (Цветность); по умолчанию установлен режим Normal (Обычный).

=> Установить в поле Opacity (Непрозрачность) значение 70.

=> Щелкнуть на кнопке ОК.

Лицо и руки девочки окрасятся в телесный цвет. Теперь закрасим волосы.

=> Выбрать инструмент Lasso (Лассо).

=> Установить значение поля Feather (Растушевка) на панели свойств равным 5 пикселям.

=> Выделить волосы инструментом Lasso (Лассо).

=> Закрасить волосы подходящим цветом. Подготовимся к закраске банта.

=> Установить значение поля Feather (Растушевка) на панели свойств инструмента Lasso (Лассо) равным 3 пикселям.

=> Выделить инструментом Lasso (Лассо) бант и закрасить его, например, розовым цветом.

=> Выделить платье девочки (не забудьте выполнить небольшую растушевку границ области).

=> Выбрать темно-фиолетовый цвет (например, R = 102, G = 9, В = 123) в качестве основного.

=> Закрасить платье, используя режим наложения Darken (Замена темным)
=> Нанести румянец инструментом Brush (Кисть) мягкой кистью в режиме Color (Цветность).

=> Закрасить фон фотографии с использованием градиен­та.

=> Сохранить результат работы.

Обесцвечивание цветных фотографий часто используется художниками по рекламе. Цветной предмет на черно-белом фоне — средство убеждения в том, что необходимо приобре­сти именно этот товар.

Задание 8. Обесцветить цетную фотографию.

=> Открыть какую-нибудь цветную фотографию.

=> Выделить область, которую необходимо обесцветить.

=> Выполнить команду Image|Adjust|Desaturate (Изображение|Коррекция|Обесцветить).

=> Выделенная область превратится в черно-белое изображение.

Упражнения для самостоятельной работы

1. Создать рисунки «от руки» с использованием инструмента Brush (Кисть) или Pencil (Карандаш), например изображения цветов или животных.

2. Раскрасить эти рисунки с помощью инструментов Paint Bucket (Заливка), Gradient (Градиент) и Smudge (Палец).

Раскрасить черно-белый рисунок, расположенный в файле Bear.jpg.

Раскрасить черно-белый рисунок, расположенный в файле Boy.jpg.

Отсканировать и закрасить черно-белую фотографию.

1 . Залогова Л.А. Компьютерная графика. Учебное пособие. Москва: Бином, 2006г

2.Залогова Л.А. Компьютерная графика. Практикум. Москва: Бином, 2006г

4. http://photoshop.e-publish.ru/p1aa1.html Adobe Photoshop Adobe ImageReady Руководство к действию

* Задание: Результаты выполнения заданий 6 и 7(или задания 6 и упражнения 4) сохранить в файле с расширением *,jpg и отправить на проверку.

617700, Пермский край, Куединский район, п. Куеда, ул. Гагарина, 27

Телефоны: 8(34262)3-20-84; 3-11-95

Как покрасить чёрно-белый рисунок в Photoshop

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

Преимущества работы через чёрно-белый рисунок

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

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

Сочетание разных по тону участков передает объем предмета. Автор Matt Fussel

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

Тон позволяет оценить расстояние до объектов — чем дальше объект находится от зрителя, тем он светлее. Автор: MH

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

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

Как покрасить чёрно-белый рисунок

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

Предстартовая подготовка

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

Чтобы кисть не выходила за пределы рабочей области, можно выделить последнюю с помощью волшебной палочки, быстрого выделения или лассо. Для создания плавных переходов между светом и тенью нужно использовать мягкую кисть. Подробнее о создании лайна и рисовании «оклюжена» (мягких и общих теней) читайте в этой статье.

Чёрно-белый рисунок — стартовый этап перед нанесением цвета. Автор: Marc Brunet

Способ 1: красим рисунок с помощью режимов наложения

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

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

Метод Марко Буччи

Марко — известный художник-иллюстратор из Канады, работавший с Walt Disney Publishing Worldwide, LEGO, Hasbro, LucasArts и не только. В настоящее время ведет Youtube-канал и занимается преподаванием.

Шаг 1. Наносим основные цвета

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

Основные цвета для персонажа и задника наносятся на новом слое с режимом наложения «цветность». Автор: Marco Bucci

Шаг 2. Правим тон

Создаем новый слой с режимом «перекрытие» (Overlay). В отличие от предыдущего, на нём можно не только накладывать цвет, но и воздействовать на тон. Идеально попасть в тон с первого раза получается не всегда, поэтому удобно поправлять недочёты уже на активном слое, а не переключаться каждый раз на базовый ч/б-рисунок.

Как это работает? Если мы возьмём светлый оттенок для кожи, то и тон станет светлее. В режиме «цветность» (Color) такого не произойдёт. Таким же образом можно добавлять и темные оттенки.

На этом слое Марко добавляет отражённый свет на челюсть и слегка осветляет верхнюю часть груди. Здесь же он углубляет тени в волосах и добавляет насыщенность на освещенных прядях.

В режиме «перекрытие» особенно удобно добавлять рефлексы и поправлять те места, где вы не дожали по тону. Автор: Marco Bucci

Шаг 3. Работаем над тенями

Создаем новый слой с режимом «умножение» (Multiply). Марко использует его для того, чтобы затемнить задний план и ещё больше углубить тени в области глаз, а также четче обозначить брови и ресницы.

Режим «умножение» хорош для работы с темными участками и расстановки акцентов. Автор: Marco Bucci

Шаг 4. Приглушаем цвет

Вернемся к слою с режимом «перекрытие» (Overlay). Возьмем кисть с светлым оттенком серого и осветим часть задника, чтобы создать эффект падающего света.

Марко вернулся ко второму шагу, и осветлил задний план, чтобы усилить контраст с лицом и волосами. Автор: Marco Bucci

После этого группируем все слои с цветом и создаем слой-маску — кнопка находится в нижней части меню слоёв.

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

Приглушив краски на слое-маске, мы возвращаемся к другим слоям, где тоже добавим ненасыщенные цвета — зелёные, голубые и фиолетовые для теней на лбу, щеках и шее (на слоях с режимом «цветность» (Color) и «умножение» (Multiply)); красный — для щёк, носа и губ (слой с режимом «перекрытие» (Overlay)).

С помощью маски слоя приглушена общая гамма портрета. Нейтральные, сероватые оттенки холодных и теплых цветов добавлены на отдельных слоях, созданных ранее. Автор: Marco Bucci

Шаг 5. Завершающие штрихи

Пришло время для финальной отрисовки рисунка. Делать это лучше на слое с нормальным режимом наложения, который всегда даёт предсказуемый результат. Дублируем все наши слои, включая чёрно-белый рисунок. Оригинал сгруппируем и скроем, а дубликаты — объединим в один слой. Здесь мы и будем полировать работу.

Главная задача на этом этапе — объединить тон и цвет таким образом, чтобы рисунок не выглядел как чёрно-белая картинка, которую залили краской. Для этого нужно создать плавные переходы между используемыми цветами и тоном. Марко с помощью кистей разной формы и жесткости объединяет (волосы и голову) и разделяет (волосы и задник) разные участки портрета.

Дорабатывать рисунок желательно на одном слое, чтобы работа смотрелась цельной. На этом этапе мы сглаживаем переходы между цветами, а также яснее прорисовываем рельеф лица с помощью света и тени. Автор: Marco Bucci

Область лба вышла слишком затемнённой, поэтому добавим туда немного света. Для этого создадим копию финального слоя, перейдём во вкладку «изображение» и выберем кнопку «автотон». Здесь же создадим слой-маску и инвертируем её с помощью сочетания клавиш Crtl+I. Возьмём мягкую белую кисть, убавим непрозрачность и немного осветим тени на лице в области лба и щек.

Через осветление с помощью автотона и слоя-маски можно также разнообразить используемую палитру цветов. Автор: Marco Bucci

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

Видео-версия урока от Марко Буччи — здесь

Подведем итог — краткий пайплайн по методу Буччи.

1. Делаем ч/б-рисунок.

2. Создаём новый слой в режиме «цветность» (Color) и наносим кистью базовые цвета — это не должна быть заливка одним цветом, для разных участков нужно подбирать разные цвета.

3. Создаём новый слой в режиме «перекрытие» (Overlay), чтобы одновременно добавлять нужные оттенки и редактировать тон.

4. Создаём новый слой в режим «умножение» (Multiply), чтобы еще больше углубить тени и выделить тёмные участки.

5. Группируем все слои с цветом и создаём слой-маску. Берём чёрную кисть и проводим ей по тем местам, где нужно приглушить слишком насыщенные краски.

6. С той же целью вернёмся на слои с цветом. Пройдёмся ненасыщенными цветами на каждом из слоёв.

7. Дублируем все слои, группируем и скрываем. Это будет резерв, к которому всегда можно вернуться. Копии сливаем в один слой и делаем на нём финальную отрисовку в «нормальном» режиме наложения.

Альтернативные способы покраса с помощью режимов наложения

В то время, как некоторые художники предпочитают сначала довести ч/б-рисунок до идеала, Атей Гайлан начинает добавлять цвета уже на упрощенный ч/б-эскиз. Краткий алгоритм его работы такой:

• сперва в ч/б набрасываем большие блоки форм, не заботясь о деталях;
• в режиме Color добавляем плоские базовые цвета;
• в режиме Overlay углубляем и затемняем цвет и тон там, где необходимо;
• в режиме Multiply рисуем тени или места с темными элементами;
• в режиме Color dodge — яркий свет или яркие акценты;
• завершаем работу в режиме Normal.

Совет от Атея. Есть такая ловушка — когда начинаешь красить чёрно-белый арт, очень легко получить ненасыщенные цвета. Кажется, что рисунок более насыщенный, чем он есть на самом деле: это потому, что начинаешь совсем без цвета, а потом медленно его добавляешь. Чтобы решить эту проблему, добавьте небольшой квадратик действительно яркого цвета в угол работы для сравнения. Это даст глазам что-то, с чем можно сравнивать.

Подробнее о его методе можно прочитать здесь или посмотреть видео.

Джастин Герард отдаёт предпочтение следующим режимам: «умножение» (Multiply), «цветность» (Color), «мягкий свет» (Soft light) и «экран» (Screen). Первый режим он использует для работы с тенями и насыщения тусклых участков цветом. На слое с режимом «цветность» (Color) Джастин снижает насыщенность красок, а с помощью режима «мягкий свет» (Soft light) наоборот — добавляет насыщенные цвета.

О его методе можно прочитать здесь.

Вариант использования режимов наложения для покраса рисунка. Автор: Justin Gerard

Дейв Греко делит работу с цветом на два этапа.

1. С помощью режимов наложения наносим базовые цвета:

• поверх ч/б создаём слой с режимом «замена светлым» (Lighten), берём тёмный оттенок и проходим кистью по рисунку, чтобы избавиться от серости в тенях;
• для тёмных оттенков базовых цветов используем слой с режимом «умножение» (Multiply);
• цвета для средних тонов наносим на слое с режимом «перекрытие» (Overlay).

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

Как покрасить черно-белый рисунок в Photoshop

Рассказываем, почему работа с черно-белым артом упрощает процесс рисования, и делимся двумя популярными методами окраски черно-белых рисунков.

Окружение и иллюстрация

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

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

В чём смысл создания черно-белого арта

Есть две важных причины, по которым некоторые художники рисуют черно-белые арты:

• Лучший контроль тона. Тон очень важен, поскольку с его помощью передается объем предметов и глубина картинки. Цвет, в свою очередь, является дополнительным элементом рисунка, который иногда отвлекает начинающего художника. Если слишком увлечься работой с палитрой и не следить за тоном, то можно получить красочных, но плоских персонажей, или пейзаж, не разбитый на несколько планов.

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

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

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

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

• Готовим скетч и очищаем его от всего лишнего — стереть линии построения и неосторожные штрихи.
• Аккуратно прорисовываем контуры объектов(1) — персонажей или элементов окружения.
• Определяем положение источника освещения и создаем объем на отдельном слое.
• Доводим ч/б изображение до вида, близкого к финальному варианту (только без цвета).

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

Рассмотрим, как раскрашивает черно-белую картинку Марк Брюне — художник Blizzard, который теперь ведет канал на YouTube и учит рисованию. Весь процесс укладывается в пять этапов. Подготовку он ограничивает созданием лайн-арта, а объем добавляет уже после подбора цветов.

Этап 1. Добавляем плоские цвета

Этот этап похож на детскую раскраску. Нужно создать новый слой под слоем с наброском и нанести базовые цвета. При этом не должно быть никаких градиентов и переходов цвета.

Чтобы кисть не задевала соседние области и работа выглядела аккуратнее, можно ограничить рабочее пространство с помощью инструментов выделения. В Adobe Photoshop, например, удобно использовать лассо (Lasso Tool). Так при покраске кожи персонажа, вы не будете задевать одежду, и наоборот.

Этап 2. Добавляем тени

Работа над объемом начинается с добавления теней. Для этого Марк создает копию слоя с плоским цветом, ставит его поверх остальных с режимом «Умножение» (Multiply). Он блокирует слой, чтобы кисть не выходила за пределы контура персонажа и закрашивает цвета белым. Убавив немного прозрачность слоя с лайном и скрыв слой с цветом (чтобы они не отвлекали от текущего этапа работы), художник добавляет тени с помощью мягкой кисти.

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

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

Этап 3. Обозначим материалы

Персонаж с примера кажется пластилиновым, потому что выглядит сделанным из одного матового материала. Исправим этот момент, создав новый слой с режимом «‎Жесткий свет» (Hard Light) поверх остальных.

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

Этап 4. Добавляем свет

Для обозначения падающего света Марк создает еще один слой поверх остальных с режимом «‎Жесткий свет» (Hard Light). Чтобы освещение сильнее выделялось на персонаже, он немного убавляет яркость слоя с тенями (для вызова окна настроек в фотошопе нажмите «Ctrl»+«U»).

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

Этап 5. Финальные штрихи

В примере Марк вносит последние поправки на очередном слое с режимом «‎Жесткий свет» (Hard Light). Мягкой кистью он подчеркивает детали, к которым хочет привлечь внимание зрителя — делает кожу лица и груди чуть светлее и розовее, добавляет немного свечения от бликов на золотистых поверхностях.

Некоторые художники делают этот этап на слое с нормальным (Normal) режимом наложения, который устанавливается по умолчанию. Это позволяет рисовать «‎наживую» и получать предсказуемый результат от работы кистью.

Карты градиента

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

Чтобы вызвать в Adobe Photoshop окно, которое отвечает за настройки карт градиент, нужно перейти во вкладку «‎Слои — Новый корректирующий слой — карта градиента». Еще это можно сделать нажатием на соответствующую кнопку в нижней части меню слоев. Карта градиента будет применена либо ко всему активному слою, либо к определенной его части (если воспользоваться инструментами выделения).

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

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

Этап 1. Делим на блоки

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

Этап 2. Применяем карты градиента

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

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

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

Этап 3. Финальные штрихи

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

Марк предпочитает добавлять яркие блики и высветлять отдельные области на слое с режимом наложения «‎Жесткий свет» (Hard Light). Для точечных изменений тона, насыщенности или цвета, он сливает все блоки с картами градиента в один слой (не забудьте предварительно сделать их копию).

Потом Марк выделяет участок, над которым хочет поработать, и редактирует его цветовой баланс (Color Balance вызывается нажатием клавиш «Ctrl»+«B») или тон/насыщенность (Hue/Saturation вызывается нажатием клавиш «Ctrl»+«U»).

Что стоит помнить перед переводом изображения в ч/б

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

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

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

На примере ниже видно, что красный очень выделяется на фоне цвета кожи, несмотря на то, что сам рисунок — однотонный. Это происходит из-за того, что мы взяли более насыщенный цвет. Чтобы красный на щеках смотрелся уместно, нужно сделать этот участок темнее еще на этапе работы с тоном.

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

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

Как раскрасить старую черно белую фотографию в Фотошопе

Раскрашивание монохромной фотографии требует времени и терпения, но это не так сложно, как может показаться на первый взгляд. Из этого урока вы узнаете, как раскрасить старое фото в программе Adobe Photoshop (cs5, cs6, cc).