Як розфарбувати зображення, як у прикладі?


16

Я бачив, що такий ефект використовується в багатьох місцях, проте я не зрозумів, як його повторити через Photoshop.

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

Може хтось скажіть, будь ласка, про ефект, використаний на цих зображеннях?

Це знімок екрана пари веб-сайтів

Відповіді:


24

Це, мабуть, а Gradient Map. Ось короткий підказки:

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

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

Приклад градієнтної карти

Якщо ви не задоволені результатом, відкрийте Propertiesпалітру ( Window> Properties), вона покаже використаний градієнт і дозволить вам редагувати його, натискаючи на нього. Оскільки це стандартний діалог градієнта, ви можете навіть вибрати градієнт запасу або той, який ви зберегли раніше.


Мені дуже подобається такий спосіб досягнення цього ефекту. Я, мабуть, використав би метод з купою більше кроків. Це набагато ефективніше.
GoofyMonkey

Так, так. Але особисто ви отримаєте необхідний результат завдяки кнопці прозорості швидше, ніж грати з кольором другого градієнта. Здогадайтесь, це через залежність.
Вновак

12
  • Виберіть приємне зображення

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

  • Розфарбуйте зображення потрібним кольором за допомогою параметрів поєднання кольорів

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

  • Відключіть його на кольоровому шарі за допомогою прозорості та звичайного накладання.

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

  • Або з варіантами багаторазового змішування.

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


Людина, це багато перших кроків. З чого почати… з чого почати. :)
GoofyMonkey

:)) дуже не хотів, щоб користувач3134178 загубився на першому кроці ..
Vnovak

1
вибачте за вбивство жарту. виїзд зліва
Vincent

@Bakabaka: А-а-а… :(
GoofyMonkey

1
@Bakabaka: Чи змінили, щоб показати, як правильно робити нумерацію, але забудьте, що у мене тут недостатньо репутації (=> жодна), тому редагування опинилось у черзі на огляд, не впевнений, що воно вийде.
Девід Малдер

9

Я б запропонував використовувати режим множення суміші із зображенням перед кольоровим шаром. (Технічно в режимі "Помножити" порядок шарів не має значення, але наявність шару зображення спереду дозволяє налаштувати його непрозорість, замість того, щоб безпосередньо змінювати рівні кольорів.)

Наприклад, ось моя швидка спроба відтворити зображення NYC. У мене немає Photoshop, тому я використовую GIMP, але кроки повинні бути в основному однаковими для будь-якої програми:

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

    Крок 1: Оригінальне панорамне фото Манхеттена

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

    Крок 2: Перетворення в масштаб сірого за допомогою мікшера каналів

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

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

  4. Ми вже отримали хороший ефект Duotone, але є занадто багато контрасту для того, що ми хочемо. Щоб виправити це, просто зменшіть непрозорість шару зображення до, скажімо, 25%:

    Крок 4: Зменшити непрозорість верхнього шару

  5. Це вже досить близько до того, що ми хочемо. Щоб трохи змінити його, я скоригував кольорову криву шару зображення сірого (підтягуючи середні тони, щоб додати більше контрасту в тіні, а також додав приємну гладку криву вгорі, щоб вирівняти яскраві моменти), зменшив непрозорість до 20% щоб компенсувати, і додав додатковий чорний шар із непрозорістю 7%, щоб трохи затемнити (тепер трохи надто яскравий) фон:

    Крок 5a: коригування колірної кривої Крок 5b: Додаткові шари

    І ось остаточний результат:

    Крок 5: Кінцевий результат

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


0
  1. Використовуйте Зображення> Коригування> Відтінок і насиченість ... Знесоліть зображення, перемістивши повзунок для насичення повністю вліво. Це видаляє колір.

  2. На панелі шарів клацніть на крихітному значку "fx" внизу панелі шарів і виберіть Кольорове накладання. У діалоговому вікні "Ефект", який з'явиться, натисніть на кольорове поле (воно зазвичай за замовчуванням червоне), щоб відкрити вибір кольору та вибрати колір, який потрібно використовувати.

  3. Перемістіть повзунок непрозорості вниз на 50% або будь-який параметр дає бажаний ефект.

  4. Якщо знесилення призводить до того, що зображення стає дуже сірим, ви можете використовувати Зображення> Налаштування> Автоматичні рівні або налаштувати його вручну за допомогою рівнів, щоб привести повзунки у відповідність до інформації на гістограмі.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.