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

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

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

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

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

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

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

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

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

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

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

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

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

Раскрашивание сепии или чёрно-белой фотографии может показаться настоящим испытанием, на это может потребоваться время и терпение, хотя это может быть намного проще, чем вы думаете. Сегодня я покажу вам процесс раскрашивания фотографии в программе 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), точно так же, как вы проделывали это ранее, выберите оттенок зелёного цвета. На данный момент, сохраните степень Непрозрачности (O pacity) для каждого корректирующего слоя на уровне 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. Заключительные штрихи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 несколькими способами. В этой статье я рассмотрю, как добавить цвета с помощью выделения и корректирующих слоев.

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

Шаг 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:

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