Советы и лайфхаки

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

Содержание

Раскрашиваем старую фотографию в Фотошоп

​Одна из самых знакомых тем превращении сепии в цвет — это «Волшебник страны Оз».

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

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

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

Итоговый результат:

Исходные материалы

Скачать архив с материалами к уроку

Изображение, которое я собираюсь использовать в данном уроке, представлено на скриншоте ниже:

Примечание: фотография взята на сайте http://www.loc.gov/

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

Примечание переводчика: автор преобразовал фотографию в тонах сепии в чёрно-белое изображение с помощью коррекции Чёрно-белое (Black and White).

1. Выберите нужный режим для изображения

Как только вы загрузили фотографию, вам необходимо убедиться, чтобы режим изображения был выставлен на RGB, а не на режим Градация серого (Grayscale), даже если ваше изображение монохромное или чёрно-белое. Чтобы проверить режим, для этого идём Изображение – Режим (Image >Mode), теперь посмотрите, чтобы напротив режима RGB стояла галочка.

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

Шаг 1

С помощью инструмента Быстрое выделение ( Quick Select tool), выделите небо или любой другой крупный фрагмент изображения, который представлен одним цветовым оттенком.

С помощью инструмента Быстрое выделение (Quick Select tool), выделите фрагмент изображения, который представлен одним цветовым оттенком, например, небо.

Шаг 2

Нажмите кнопку Уточнить край (Refine Edge).

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

Шаг 3

В появившемся окне настроек инструмента Уточнить край (Refine Edge), поставьте галочку в окошке Умный радиус (Smart Radius). Я поменял значение радиуса на 5 рх, но вы можете установить другое значение радиуса, которое лучше всего подходит к вашему изображению. Я также увеличил значение Сгладить (Smoth) до 3 пикселей, чтобы смягчить жёсткие края. Вы можете также применить другие настройки данного инструмента, чтобы улучшить границы выделенной области. Когда вы будете готовы, нажмите кнопку ‘ОК’.

Подберите нужное значение для Умного радиуса (Smart Radius), а также для опции Сгладить (Smooth).

Шаг 4

Итак, мы создали активное выделение, теперь нажмите кнопку Добавить новый корректирующий слой (Add New Adjustment Layer) в нижней части палитры слоёв и в появившемся окне выберите опцию Цвет (Solid Color).

Добавьте корректирующий слой Цвет (Solid Color) через нижнюю часть палитры слоёв.

Шаг 5

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

Выберите подходящий цветовой оттенок.

Шаг 6

Поменяйте режим наложения на Перекрытие (Overlay), и выбранный цвет будет выглядеть намного лучше. Если вас не устраивает выбранный цвет, то просто дважды щёлкните по голубому прямоугольнику рядом с маской, чтобы появилось окно Палитры цветов (Color Picker), выберите цветовой оттенок, который больше всего вам подходит.

Поменяйте режим наложения на Перекрытие (Overlay).

Шаг 7

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

Исправьте дефекты, оставшиеся после выделения.

3. Выберите фрагменты, имеющие схожие цветовые оттенки

Шаг 1

Повторите технику выделения, которая детально описана в предыдущих шагах, на этот раз выделите зелень моркови и арбуз. Огурец пока не выделяйте, чтобы у нас не все элементы были одного и того же оттенка зелёного цвета. На этот раз я поменял значение Сгладить (Smooth) до 2 рх при уточнении краёв, но опять же, используйте те значения, которые больше всего подходят вам.

Примените инструмент Уточнить край (Refine Edge) к зелени моркови.

Шаг 2

Не снимая активного выделения, добавьте новый корректирующий слой Цвет (Solid Color), точно так же, как вы проделывали это ранее, выберите оттенок зелёного цвета. На данный момент, сохраните степень Непрозрачности (Opacity) для каждого корректирующего слоя на уровне 100%. Это можно будет откорректировать позже, когда мы завершим работу над раскрашиванием.

Добавьте новый корректирующий слой Цвет (Solid Color), выберите оттенок зелёного цвета.

Шаг 3

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

Поменяйте режим наложения на Перекрытие (Overlay).

Результат на данный момент урока.

4. Оттенок кожи и глаза

Шаг 1

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

Выделите участки кожи, используя технику выделения, которую вы применяли ранее, а также примените уточнение края. Далее, когда вы нажмёте кнопку ‘OK’, нажмите клавишу ‘Q’, чтобы войти в режим Быстрой маски (Quick Mask), а затем с помощью кисти, прокрасьте глаза мужчины, а также другие участки изображения мужчины, к которым вы не хотите добавить оттенок кожи. Нажмите ещё раз клавишу ‘Q’, и вы увидите, что участки, которые были окрашены в красный цвет, не вошли в созданное выделение.

С помощью Быстрой маски (Quick Mask), выделите любые мелкие участки, которые вы не хотите включить в созданное активное выделение.

Шаг 2

При выборе оттенка кожи попробуйте применить несколько цветовых оттенков, чтобы посмотреть, какой цветовой оттенок подходит больше всего, но не забывайте, что из-за режима наложения Перекрытие (Overlay), цветовые оттенки не будут выглядеть по-настоящему ‘истинными’. Поэтому, используйте очень приглушённый розовый / коричневый оттенок вместо персикового цвета, в противном случае, у вас получится кожа с оранжевым свечением!

Выберите бледно-розовые или светло-коричневые оттенки вместо персикового цвета.

Шаг 3

Для раскраски глаз добавьте новый корректирующий слой Цвет (Solid Color) без предварительного создания какого-либо активного выделения, выберите цветовой оттенок. Щёлкните по маске корректирующего слоя, а затем, нажмите клавиши (Ctrl+I) для инверсии маски. Теперь с помощью белой кисти, прокрасьте глаза на маске. Если вы не видите глаз мужчины за стёклами очков, то уменьшите значение Непрозрачности (Opacity) корректирующего слоя до 40%, таким образом, добавив всего лишь лёгкий оттенок цвета.

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

Добавьте корректирующий слой Цвет (Solid Color) без предварительного создания активного выделения

Мы завершили добавление оттенков кожи.

5. Губы и волосы

Шаг 1

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

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

Шаг 2

При прокрашивании волос старайтесь обращать внимание на цветовой тон волос на фотографии, чтобы подобрать более подходящий цветовой оттенок, даже если это будет сепия или чёрно-белая фотография. Для волос мужчины я использовал тёмный оттенок, уменьшив непрозрачность (Opacity) слоя до 90%, чтобы немного смягчить тон волос, т.к. очевидно, что мужчина уже пожилой. Что касается женщины, то не похоже, что у неё окрашенные волосы, поэтому я использовал тёмно-серый цвет.

Выберите естественный цвет волос и не забывайте про возраст при выборе оттенка волос.

6. Заключительные штрихи

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

Запомните одно правило: лучше меньше да лучше, и если вы собираетесь воссоздать «доподлинный» вид, то подходите более прагматично к выбору цветовых оттенков, учитывая цвета, которые носили в то время, а также используйте низкую насыщенность, чтобы придать изображению вид ‘старой’ фотографии. Если же вы хотите проявить эксцентричность в выборе цвета, то забудьте то, что я вам сказал только что — просто берёте и делаете это!

Мы раскрасили изображение, но цвета выглядят слишком жестковато.

Поздравляю! Мы завершили урок!

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

Надеюсь, вам понравился данный урок!

Итоговый результат:

Автор: Marie Gardiner

photoshop-master.ru

Раскраска черно-белого фото в Photoshop вручную

Вы можете раскрасить черно-белую фотографию в 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:

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

Уже выглядит довольно круто!

Шаг 12

Повторите шаги 10 и 11 для каждой части изображения, создайте корректирующие слои и цвета. Мое окончательное изображение выглядит следующим образом:

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

Перевод статьи «Hand Colouring A Black And White Photo In Photoshop — Photoshop Tutorial» был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

Раскрашиваем чёрно-белую фотографию

Шаг 2. Выделение области под раскраску

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

rugraphics.ru

Добавляем цвет черно-белым фото


Жаль, что у наших бабушек и дедушек не было цветных фотоаппаратов, когда они были совсем молодые. Все фотографии получались серые, скучные, с каменными лицами.

Зато как повезло нам! У нас есть не только цветные камеры, а еще замечательная программа Фотошоп!

Согласитесь, что цвет на фото передает намного больше эмоций.

Предлагаем вам Фотошоп урок по оживлению черно-белых фотографий.

Откройте черно-белое фото:

Будем раскрашивать женщину. Начнем с волос.

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

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

На рисунке ниже вы можете сравнить, как выглядят волосы в нормальном режиме и в режиме умножение. Кроме того у слоя с волосами непрозрачность равна 80%.

Далее, оживим кожу. Создайте новый слой и снова режим смешивания измените на умножение.

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

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

Повторяем операции для рубашки женщины. Делаем все тоже самое, меняются только цвета.

И вот что получилось в итоге:

Еще одно добавление! Не забывайте про окно Цвет/насыщенность
(Ctrl + U) — оно вам может здорово помочь при окрашивании. Только ставьте галочку напротив пункта Тонирование (Colorize)

До встречи на www.photoshop-master.ru!

photoshop-master.ru

Как раскрасить черно-белое изображение в фотошопе

Раскрасить черно-белое изображение кажется простым делом — бери кисть и рисуй цветом. К сожалению, действуя таким образом, вы добавите цвет, но и скроете все детали, как показано на примере ниже:

До:

После неудачной попытки добавления цвета:

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

Совет

Перед тем, как начать расцвечивать черно-белое изображение, откройте подменю Изображение — Режим и убедитесь, что в нем выбран пункт

RGB. Если будет выбран режим Градации серого, то программа фотошоп не добавит цвет, как бы вы ни старались.

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

Шаг 1

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

Совет

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

Шаг 2

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

Шаг 3

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

Шаг 4

Закрасьте часть изображения, которую вы хотите расцветить. Если необходимо, увеличьте или уменьшите масштаб (самый удобный прием — комбинация клавиш Ctrl + — или Ctrl + +. Подробнее о масштабе.)

Шаг 5 Исправьте допущенные ошибки, используя инструмент Ластик.

Совет

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

Шаг 6 Смотрим на получившийся результат:

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

. Напомню, что эта настройка находится в верхнем правом углу палитры слоев.