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

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

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

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

Теперь приступаем к раскрашиванию! Сначала давайте раскрасим задний фон фото, сделаем его зеленым, для этого выделяем слой нашего фото кликнув по нему 1 раз левой кнопкой мыши и выбираем в верхнем меню панели "Слои" - "Новый корректирующий слой" - "Цветовой баланс".

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

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

Теперь будем выделять гепарда, для этого воспользуемся инструментом "Быстрое выделение", выберем данный инструмент в левой панели программы и настроим его размер. После этого приступим к выделению гепарда, удерживая левую кнопку мыши выделаем необходимую нам область, если залезли за край или выделилась слишком большая область, ее можно подтереть, удерживая клавишу "Alt" и левую кнопку мыши.

Выделив гепарда снова выбираем в верхнем меню "Слои" - "Новый корректирующий слой" - "Цветовой баланс" и опять же перемещая ползунки добиваемся необходимого нам оттенка.

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

И так, у нас теперь имеется 3 слоя - это черно-белое фото, изображение зеленого оттенка и выделенный гепард желто-коричневого оттенка. Теперь подставляем гепарду наш зеленый фон, для этого снова включим видимость нашего изображения с зеленым оттенком, выделим его (кликнув левой кнопкой мыши) и просто с помощью инструмента "Ластик" сотрем на нем гепарда, тем самым проявится наш слой с раскрашенным гепардом.

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

Ну и глаза гепарда раскрашиваем таким же способом: выделаем слой с оригиналом фото, выделаем глаза инструментом "Быстрое выделение" и создаем новый корректирующий слой с необходимым цветовым балансом. Я сделал их ярко-желтыми).

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

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

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

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

В этом уроке вы изучите два полезных приема 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%.

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

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

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

Шаг 1

Откройте черно-белую фотографию. Я использовала кадр из фильма «Головокружение » Альфреда Хичкока :

Шаг 2

Выберите Изображение – Режим — RGB . Теперь мы собираемся выбирать различные части изображения и вставлять их в новые отдельные слои. Здесь нам пригодятся быстрые маски.

Шаг 3

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


Шаг 4

Убедитесь в том, что вы не включили в выделение глаза. Если вы включили их, просто измените цвет переднего плана кисти на белый и зарисуйте их. Вы можете сделать это, в любом месте, где допустили ошибку и «вышли за границу »:

Шаг 5

Когда вы закончите, у вас должны быть выделены только участки кожи (без одежды, без глаз, без фона! ). Снова нажмите Q , чтобы переключиться из режима быстрой маски обратно в нормальный режим. Вы увидите, что области, которые окрашены в черный теперь выделены. Теперь мы должны инвертировать выделение, нажав Shift + Ctrl + I (Win ) или Shift + Ctrl + I (Mac ).

Шаг 6

Скопируйте выделение, нажав Ctrl + C (Win ) или Cmd + C (Mac ).

Шаг 7

Вставьте скопированную часть, нажав Ctrl + V (Win ) или Cmd + V (Mac ). Таким образом, вы вставите выделенные участки кожи в новом слое. Переименуйте слой в палитре «Слоев » (дважды кликните по его текущему имени — Layer 1 ) и назовите его, например, Skin :

Шаг 8

Теперь повторите шаги с 3 по 7, чтобы получить слои для волос, одежды (у мужчины и женщины два отдельных слоя ), обоев на стене и всего, что вы захотите. В конечном итоге палитра слоев должна выглядеть примерно так:

Шаг 9

Теперь, когда каждая часть была выделена, мы можем начать раскраску!

Шаг 10

Нажмите на слой кожи, чтобы выбрать его. Выберите Слой — Новая корректировка – Слой — Баланс цвета . Я назвал новый корректирующий слой «Skin », а также установил флажок для опции «Использовать предыдущий слой для создания обтравочной маски ». Затем нажмите ОК:

Шаг 11

В открывшемся диалоговом окне «Баланс цвета » вы можете задать, какой цвет хотите настроить. Если хотите раскрасить объекты в цвета инопланетян, вы, возможно, создадите для них зеленую или голубую кожу. Для своего изображения я использовала следующие настройки:

  • Тени: +81 -8 -31;
  • Полутона: +12 -7 -17;
  • Подсветка: +8 4 -9:

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

Теперь начинается самое интересное! Ваша задача на этом этапе заключается в создании областей, разграниченных по цвету, который пока не существует! Будь это небо, трава, или рубашку, вы должны использовать свое воображение и представления о мире, чтобы определить, к каким объектам подойдёт тот или иной цвет, и где они начинаются и заканчиваются. 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. Общая коррекция яркости


Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: