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

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

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

Шаг 1

Откройте в Photoshop черно-белое изображение. Я взял для примера фотографию из коллекции Нью-Йоркской публичной библиотеки, выложенную для общего пользования.

Шаг 2

На старых фотографиях часто видны царапины и следы пыли, и хотя их удаление не планировалось в этом уроке этом уроке, от нескольких слишком заметных царапин на этой фотографии придется избавиться. Это можно сделать с помощью инструмента Clone Stamp (Штамп) (S), выбрав для нашего примера мягкую кисть размером 60 рх.

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

Шаг 3

Теперь, удалив заметные дефекты, можно приступать к окрашиванию. Первый способ включает выделение окрашиваемой области и добавление цвета посредством коррекции Hue/Saturation (Цветовой тон/Насыщенность). Для выделения платья, контур которого содержит много прямых линий, здесь использован инструмент Polygonal Lasso (Прямолинейное лассо).

Примечание: Нажав пробел, можно как угодно перетаскивать холст, не прерывая процесс выделения, а комбинации Ctrl/Cmd со знаками "-" или "+" позволят изменять масштаб, не включая инструмент Zoom (Масштаб).

Шаг 4

Выделив верхнюю часть платья, передвиньте холст и, нажав Shift, выделите остальное. С клавишей Shift новая область будет добавляться к выделенной, а с клавишей Alt/Option вычитаться. Полностью выделив окрашиваемый объект, нужно сгладить контур выделения, перейдя в Selection > Refine Edge (Выделение > Уточнить край) и указав для параметра feather (растушевка) значение 1 рх.

Затем зайдите в Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность) и, отметив галочкой чек-бокс Colorize (Тонирование), подберите желаемый цвет.
Примечание: Прежде чем снять выделение, можете на всякий случай сохранить его, выбрав Select > Save Selection (Выделение > Сохранить выделенную область). Это позволит быстро загрузить выделение, когда понадобится добавить оттенок.

Шаг 5

Повторите шаги 3 и 4 для других, однотонных частей своей фотографии (в данном случае это курица). Пробуйте различные варианты соотношений цветового тона, насыщенности и яркости, но если хотите избежать "мультяшного" эффекта, не завышайте уровень насыщенности.

Шаг 6

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

Создайте новый слой, кликнув на иконке с подсказкой Create a New Layer (Создать новый слой) на палитре слоев внизу. Затем выберите мягкую кисть и раскрасьте фотографию в контуре выделенной области, подбирая желаемые краски и регулируя размер кисти. Для удобства можно временно уменьшить непрозрачность (opacity) нового слоя.

Не беспокойтесь – это еще не конечный результат!

Шаг 7

Разверните список режимов наложения слоев и выберите для раскрашенного слоя один из этих: Multiply (Умножение), Overlay (Перекрытие), Soft Light (Мягкий свет), или Color (Цветность), что будет зависеть от вашего изображения. Здесь выбран режим Soft Light (Мягкий свет) и непрозрачность (opacity) снижена до 44%.

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

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

Как обрабатывается изображение в приложении.

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

Приступаем к работе

Для обучения и демонстрации возможностей давайте попробуем окрасить черно-белую фотографию с изображением лица. Загружаем изображение выбрав в меню пункт "Открыть", или кликнув один раз мышкой на кнопке меню "Файл". Справа находиться палитра инструментов. Выберите в свитке "Слои" слой "Тело". По умолчанию, в свитке находятся слои с названиями которые подходят для окрашивания лица, но вы можете добавлять новые и удалять существующие слои по своему усмотрению. Итак у вас выбран слой "Тело", переместите курсор мыши на область лица и небольшими мазками закрасьте область лица и шеи. Пока не обращайте внимание на цветовой оттенок окрашиваемого слоя, при желании его можно будет изменить потом. Если вы случайно закрасили не ту область не смущайтесь, этот шаг можно отменить командой "Отмена" выбрав соответствующий пункт в меню "Редактор" или нажав Ctrl+Z на клавиатуре. Также можно вытереть лишнее в режиме ластика, если наносить мазки с зажатой клавишей Ctrl. Вы можете менять размер пятна кисти вращая колесико мыши, а если при этом держать нажатой клавишу Ctrl то будет меняться размытость пятна.

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

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

Технические моменты

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

Инструмент "Тип изображения" предназначен для загрузки шаблона слоев для данного типа изображения. Впоследствии слои можно клонировать, удалять и менять последовательность.

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

1-Файл-открыть.

Прежде,чем приступить к раскраске,нужно посмотреть цветовой режим фотографии. Заходим:

2-Изображение-режим. Перевести фотографию в режим RGB , если она в другом цветовом режиме.

3-Разблокировать фоновый слой, в окне слоев кликнуть по слою "фон" два раза левой кнопкой мышки и, в появившемся окне кликнуть "ok".

Теперь можно приступать к раскраске.

4-Слой-новый-слой. Залить его каким нибудь цветом для фона:

5-Редактирование-выполнить заливку. В окне "заполнить" кликнуть по галочке на первой полосе и выбрать слово "цвет". Появившемся окно палитры цветов, здесь выбрать цвет- 51300d и "ok".

6-Перейти в окно слоев и выбрать для этого слоя режим наложения "цветность".

А фотография станет вот такой:

7-Слой-новый-слой. И сразу в окне слоев выбираем режим наложения "мягкий свет". На этом слое будем красить волосы.

8-На вертикальной панели инструментов кликнуть по кнопке цветов

и, окошке палитры цветов выбрать цвет- 442606. Кликнуть "ok".

9-На панели инструментов выбрать кисть , с мягким краем, размер 16-18 px. и закрасить волосы.

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

10-Фильтр-размытие-размытие по Гаусу, радиус 6.

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

Сейчас нужно стереть фон с тех областей, которые будем раскрашивать. Но прежде проверить, что выбрана кисть, а не ластик, в окне слоев слой с маской активен (окрашен в синий цвет), на панели инструментов основной цвет и цвет фона черно-белый. Если цвета другие, то на клавиатуре нажать D (на английской раскладке).

Кистью начинаем стирать коричневый фон на фотографии там, где будет раскрашено.Чтобы удобно было стирать, выбрать на панели инструментов zoom , а вверху такой и, кликнув по фотографии,увеличить ее. Вернуть инструмент кисть, стираем фон кистью.

Стереть фон с лица, рук, с букета цветов, ботинка и цветов на шляпе. Если в каком -нибудь месте стерли больше, то пойти в "редактирование-шаг назад".

Раскрашивать каждую область будем на новом слое.

11-Слой-новый-слой. В окне слоев выбрать режим наложения "мягкий свет". Это слой для лица.

Кликнуть по кнопке цвета на панели инструментов, выбрать цвет f3c28e и кистью раскрасить лицо и руки.

12-Слой-новый-слой, режим наложения "мягкий свет". Здесь красим губы.

Опять кликнуть по кнопке цвета и выбрать цвет b13a48. Кистью с мягким краем покрасить губы.

13-Слой-новый слой, режим наложения "мягкий цвет". Сделаем румянец на щеках. Взять кисть с мягким краем, размер 28 px , цвет, как на губах и кликнуть по каждой щеке.

14-Фильтр-размытие-по Гаусу, радиус 20-25.

16-Слой-новый-слой, режим наложения "мягкий свет". Красим глаза.

17-Клик по кнопке цветов, выбрать цвет для радужки 22406с и кистью с мягким краем,размером с радужку, кликнуть по одному глазу, потом по другому.

18-Слой-новый-слой, режим наложения "цветность". На этом слое покрасим ботинок, цветы в букете и на шляпе. Кликнуть по кнопке цвета, выбрать цвет f48693 .

19-Слой-новый-слой. Режим наложения "цветность" .Этот слой для листьев букета. Цвет 263621.

Теперь начинается самое интересное! Ваша задача на этом этапе заключается в создании областей, разграниченных по цвету, который пока не существует! Будь это небо, трава, или рубашку, вы должны использовать свое воображение и представления о мире, чтобы определить, к каким объектам подойдёт тот или иной цвет, и где они начинаются и заканчиваются. Photoshop включает в себя различные методы выбора, которые можно использовать на этом этапе. Это "Быстрое выделение" (Quick Selection Too), "Лассо" (Lasso), "Перо" (Pen Tool), и другие.

В данном случае я выделю небо с помощью "Быстрого выделения":

Шаг 3. Уточнение выделения

Когда предварительная выделенная область готова, следует воспользоваться инструментом "Уточнить край" (Refine Edge), особенно, если вы имеете дело с ветками деревьев или выделением волос

Для каждого изображения подбирать величину умного радиуса (Smart Radius) следует индивидуально, это зависит от сложности выделения, величины изображения и т.п. Обратите внимание на рисунках ниже я показал состояние выделения до и после применения "умного" радиуса:

Шаг 4. Добавление цвета небу

Для применения действия инструмента нажмите ОК, после чего в рабочем окне документа снова появятся "марширующие муравьи". Пришло время добавить цвет! Для этого мы будем использовать "Кривые" (Curves), так данная регулировка позволяет редактировать каждый цветовой канал по отдельности, и, благодаря использованию корректирующего слоя, мы сможем изменить настройки при необходимости позже в любое время.

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

Вот как теперь выглядит бывшее чёрно-белое небо:

Шаг 5. Добавление цвета к остальному изображению

Теперь займёмся полосой леса на горизонте. Я, также, выделил её "Быстрым выделением" и, затем, применил инструмент "Уточнить край":

Опять используем корректирующий слой "Кривые" со следующими настройками, естественно, в вашем случае они могут быть другие. Теперь и лес приобрёл зелёный цвет:

Осталось раскрасить поле. Создавать новое выделение для него необязательно, достаточно нажать клавиши Crtl+Shift+I для инверсии выделенной области и, затем, удалить лишнюю (в моём случае, верхнюю) выделенную область любым инструментом выделения в режиме "вычитания из выделения" (Subtract from Selection):

Затем придаём полю с сеном золотистый цвет:

Вот как теперь выглядит изображение:

Шаг 6. Общая цветовая коррекция

Отрегулируем общую насыщенность с помощью корректирующего слоя "Цветовой тон/Насыщенность (Hue/Saturation):

И осталось подправить общие тона и контрастность опять с помощью добавления нового корректирующего слоя "Кривых". Теперь изменим только кривую CMYK-канала:

Ну вот, вроде бы и всё. Восхищаемся результатом:

Итак, давайте подведём итог этого метода по раскраске фотографий:

1. Перевод цветового режима изображения в CMYK
2. Создание выделенной области под раскрашивание
3. Добавление цвета к этой области с помощью Кривых
4. Общая коррекция насыщенности
5. Общая коррекция яркости

шаг за шагом.

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

Есть несколько способов раскрашивания ч/б фотографий

1. Самостоятельное раскрашивание фотографий с помощью фотошопа (Adobe Photoshop) или использовать другой специальный фоторедактор.
2. Различные онлайн сервисы в автоматическом режиме.
3. Заказать раскрашивание фотографий профессионалам .
4. С помощью карандашей и красок.

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

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

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

На самом деле, если вы с компьютером не «на ты» и Adobe Photoshop для Вас фотошоп, то самое оптимальное заказать раскрашивание фотографий профессионалам . Нужно всего лишь выслать фотографию и за небольшие деньги вы получите обновленную фотографию в семейном альбоме. В этом случае вы сэкономите массу времени и сил на что-то более известное для Вас, в чём вы сам профи. Это если хотите момент оптимизации, лучше делать хорошо, что у вас получается, а не делать … непонятно что.

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

Сначала открываем фотографию Ctrl+O

Затем нажимаем в низу справа создать новый корректирующий слой, цветовой тон.

Отмечаем галочку тонировать и ползунками выбираем цвет, насыщенность и яркость.

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

Выбираем основной цвет черный и нажимаем Alt+Delete

Теперь кликаем на кисть, выбираем основной цвет белый нажатием Х

А вот теперь кистью раскрашиваем необходимую область

Раскрасили

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

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

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

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

Это самый простой способ раскрашивания фотографий в Adobe Photoshop.