Как раскрасить изображение как в примере?

16

Я видел, как такой эффект используется во многих местах, однако я не понял, как воспроизвести его через Photoshop.

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

Может кто-нибудь сказать, пожалуйста, эффект, используемый на этих изображениях?

Это скриншот пары сайтов

DYNSTy
источник

Ответы:

24

Это скорее всего Gradient Map. Вот краткое руководство:

  1. Откройте исходное изображение
  2. Установите цвета переднего плана и фона на панели инструментов: цвет фона должен быть светлее, чем цвет переднего плана
  3. Добавьте Gradient Mapкорректирующий слой ( Layer> New Adjustment Layer> Gradient Map...или используйте / белый черный значок круга в Layersпалитре)

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

пример карты градиента

Если вы недовольны результатом, откройте Propertiesпалитру ( Window> Properties), она покажет вам используемый градиент и позволит вам отредактировать его, нажав на него. Поскольку это стандартное диалоговое окно градиента, вы можете даже выбрать стандартный градиент или тот, который вы сохранили ранее.

Винсент
источник
Мне очень нравится этот способ достижения этого эффекта. Я, вероятно, использовал бы метод с большим количеством шагов. Это намного эффективнее.
GoofyMonkey
Да, вот так. Но лично вы получите нужный результат с помощью ручки прозрачности быстрее, чем игра с цветом второго градиента. Думаю, это связано с зависимостью.
Вновак
12
  • Выберите хорошее изображение

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

  • Раскрасьте изображение тем цветом, который вам нужен, с помощью опций Color blending

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

  • Приглушите его над своим цветным слоем с помощью прозрачности и параметра «Нормальное смешивание».

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

  • Или с несколькими вариантами смешивания.

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

Vnovak
источник
Человек, это много первых шагов. С чего начать… с чего начать. :)
GoofyMonkey
:)) очень не хотелось, чтобы user3134178 потерялся на первом шаге ..
Vnovak
1
извините за убийство шутки. Выход из стадии слева
Винсент
@Bakabaka: Аааа ... :(
GoofyMonkey
1
@Bakabaka: Произвели редактирование, чтобы показать, как правильно выполнять нумерацию, но забудьте, что мне не хватает репутации (=> нет), поэтому изменение оказалось в очереди на просмотр, но я не уверен, что оно выйдет.
Дэвид Малдер
9

Я бы предложил использовать режим смешивания Multiply с изображением перед цветным слоем. (Технически, с Multiply порядок слоев не имеет значения, но наличие слоя изображения впереди позволяет вам регулировать его непрозрачность вместо того, чтобы настраивать уровни цвета напрямую.)

Например, вот моя быстрая попытка воссоздать образ Нью-Йорка. У меня нет Photoshop, поэтому я использую GIMP, но шаги должны быть одинаковыми в обеих программах:

  1. Начните с подходящего фото. В этом примере я использую эту свободно лицензированную (CC-By-SA 2.5) панораму Манхэттена от AngMoKio из Wikimedia Commons :

    Шаг 1: Оригинальная панорама Манхэттена

  2. Первым шагом в этом процессе является преобразование изображения в оттенки серого. Для максимального контроля над результатами вы захотите использовать Channel Mixer. Например, здесь я в основном взял красный канал и немного синего, причем зеленый канал в основном игнорируется:

    Шаг 2. Преобразование в оттенки серого с помощью Channel Mixer.

  3. Теперь создайте слой сплошного цвета (я использовал RGB #01baff= HSV (196, 100, 100)), переместите его ниже слоя изображения в градациях серого и установите режим наложения слоя изображения на Умножение. Результат должен выглядеть примерно так:

    Шаг 3: Добавьте сплошной синий слой внизу и установите режим смешивания верхнего слоя для умножения

  4. У нас уже есть хороший эффект Duotone, но слишком много контраста для того, что мы хотим. Чтобы это исправить, просто уменьшите непрозрачность слоя изображения, скажем, до 25%:

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

  5. Это уже довольно близко к тому, что мы хотим. Чтобы немного подкорректировать его, я отрегулировал цветовую кривую слоя изображения в градациях серого (потянув средние тона, чтобы добавить больше контраста в тени, и добавив плавную кривую вверху, чтобы сгладить блики), уменьшил непрозрачность до 20% чтобы компенсировать это, и добавил дополнительный черный слой с непрозрачностью 7%, чтобы немного затемнить (теперь немного слишком яркий) фон:

    Шаг 5а: Регулировка кривой цвета Шаг 5б: Дополнительные слои

    И вот окончательный результат:

    Шаг 5: Окончательный результат

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

Илмари Каронен
источник
0
  1. Используйте Image> Adjustments> Hue and Saturation ... Обесцветьте изображение, переместив ползунок для насыщенности полностью влево. Это удаляет цвет.

  2. На панели слоев нажмите на крошечный значок "fx" внизу панели слоев и выберите Color Overlay. В открывшемся диалоговом окне «Эффект» щелкните поле цвета (по умолчанию оно обычно красное), чтобы открыть палитру цветов и выбрать нужный цвет.

  3. Переместите ползунок непрозрачности до 50%, или любой другой параметр даст вам эффект, который вы хотите.

  4. Если из-за обесцвечивания изображение становится очень серым, вы можете использовать Изображение> Корректировки> Автоуровни или настроить его вручную с помощью уровней, чтобы привести ползунки в соответствие с информацией на гистограмме.

user26278
источник