Наложение цвета на фон в фотошопе
Обновлено: 05.07.2024
В прошлых уроках по изучению важных режимов наложения, которые необходимо знать для обработки фотографий, мы познакомились с режимами наложения, каждый из которых либо делал изображение темнее, либо делал его светлее, либо одновременно и затемнял, и осветлял изображение. Так, режим наложения «Умножение» (Multiply) не учитывал белые области и делал изображение темнее. Режим наложения «Экран» (Screen) не учитывал черные области и делал изображение светлее, в то время как режим наложения «Перекрытие» (Overlay) игнорировал области серого оттенка и делал темные области еще темнее, а светлые области – еще светлее, тем самым, увеличивая контрастность.
Наш четвертый важный режим наложения не работает ни с тенями, ни с бликами, ни с контрастностью снимка, а отвечает за цвет, поэтому нет ничего удивительного, что этот режим называется «Цветность» (Color). Если вы вернетесь к первому уроку, то вспомните, что режим наложения «Цветность» входит в группу компонентных режимов, наряду с режимами «Цветовой тон» (Hue), «Насыщенность» (Saturation) и «Яркость» (Luminosity).
На самом деле, режим наложения «Цветность» является сочетанием двух первых компонентных режимов «Цветовой тон» и «Насыщенность». Когда вы изменяете режим наложения слоя на «Цветность», со слоем или слоями, расположенными ниже исходного слоя, смешивается только цвет (то есть цветовой тон и насыщенность) вышележащего слоя. Степень яркости слоя при этом не учитывается. Режим наложения «Цветность» особенно незаменим, когда вы хотите добавить или изменить цвета на изображении, не меняя при этом степень яркости. Как вы сможете изучить в дальнейшем, режим наложения «Цветность» является прямой противоположностью пятому важному режиму наложения «Яркость», который не учитывает цвета на слое, а смешивает только значения яркости.
Применение режима наложения «Цветность» в реальной жизни
Часто режим наложения «Цветность» используют для раскрашивания черно-белых снимков. Применение данного режима позволяет нам добавлять на изображение цвет без изменения степени яркости. Все, что требуется - это добавить новый пустой слой над слоем с изображением и изменить режим наложения этого слоя на «Цветность». Затем следует выбрать на панели инструментов инструмент «Кисть» (Brush Tool), установить необходимый цвет и начать закрашивать слой для добавления цвета. Ниже представлен старинный свадебный снимок:
Старинная черно-белая фотография свадебной пары
Давайте представим, что нам нужно оставить весь снимок черно-белым, но для большей выразительности розы в букете невесты – покрасить в красный цвет. С помощью режима наложения «Цветность» это сделать очень просто. Для начала, нам необходимо добавить новый пустой слой над слоем с нашим изображением, что я и сделаю, нажав на значок «Создать новый слой» (New Layer) в нижней части панели слоев:
Это действие придет к созданию нового пустого слоя над слоем заднего фона. По умолчанию, программа Фотошоп даст имя новому слою «Слой 1» (Layer 1), но так как мы будем использовать этот слой для раскрашивания роз, я дважды кликну мышкой по названию слоя на панели слоев и переименую его в «Розы» (Roses):
На панели слоев виден новый пустой слой «Розы», расположенный над слоем заднего фона
Если бы мы в данный момент начали раскрашивать новый слой инструментом «Кисть», мы бы затронули нижележащий слой, потому что у нового слоя выбран режим «Нормальный» (Normal). Поскольку нам требуется добавить цвет на изображение, не влияя на общую цветовую картину, мы должны изменить режим наложения слоя на «Цветность» (Color):
Изменяем режим наложения слоя «Розы» на «Цветность»
Теперь я выберу инструмент «Кисть» (Brush Tool) на панели инструментов и, установив красный цвет в качестве цвета переднего плана, приближу изображение роз и начну закрашивать их в красный цвет. Обратите внимание, что из-за способности режима наложения «Цветность» смешивать новый цвет с нижележащим изображением мы все еще можем видеть светлые и темные области на розах под красным цветом, которым мы закрашиваем цветы:
Закрашиваем розы в красный цвет
Я продолжу закрашивать розы. И вот, как выглядит изображение после того, как я покрасил все розы в красный цвет:
Розы стали красного цвета
Цвет кажется слишком ярким, поэтому я уменьшу непрозрачность (Opacity) слоя «Розы» до 60%:
Уменьшаем непрозрачность слоя «Розы»
Теперь цвет выглядит более приглушенным, и нельзя не отметить, что красные розы хорошо сочетаются с черно-белым тоном фотографии:
Изображение после уменьшения непрозрачности слоя «Розы»
При желании можно продолжить раскрашивать фотографию, но я захотел выделить только розы. Конечно, это всего лишь один из примеров того, как полезен может быть режим наложения «Цветность», и, безусловно, его применение не ограничивается реставрацией старых снимков. Режим наложения «Цветность» удобно применять для замены цветов на современных фотографиях. Для того чтобы, например, изменить цвет глаз, нужно просто выделить глаза человека, добавить корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), передвинуть ползунок «Цветовой тон» (Hue) влево или вправо для выбора желаемого цвета и затем изменить режим наложения слоя «Цветовой тон/Насыщенность» на «Цветность».
К настоящему моменту мы изучили четыре из пяти важных режимов наложения для обработки фотографий в Фотошоп. В следующем уроке мы рассмотрим пятый и последний важный режим наложения «Яркость» (Luminosity), который является прямой противоположностью режиму наложения «Цветность»!
Применение стиля слоя "Наложение цвета" (Color Overlay)
Это очень простой в применении стиль слоя. Назначение этого стиля только одно - заполнение цветом слоя, формы или объекта, к которому он применяется.
Использование этого стиля не изменяет цвет объекта безвозвратно (является "неразрушающим", или non-destructive), так что в любой момент цвет можно откорректировать.
Кроме того, стиль слоя "Наложение цвета" существенно ускоряет процесс работы.
Вместо того, чтобы сначала выбрать новый цвет в палитре цветов, перейти на инструмент "Заливка" (Paint Bucket Tool) и затем заполнить слой, Вы можете просто открыть диалоговое окно стилей слоя, активировать стиль "Наложение цвета", и изменить цвет и увидеть результат изменения в реальном времени.
Диалоговое окно
Диалоговое окно имеет только три настройки - "Режим наложения" (Color Overlay), "Цвет" (Color) и "Непрозрачность" (Opacity).
Но не позволяйте этой простоте обмануть Вас! "Наложение цвета" является одним из самых полезных и часто используемых эффектов в дизайне.
Режимы наложения (Blend Mode)
Эта опция позволяет изменить режим наложения для вашего цвета со слоем, по аналогии с режимами наложения слоёв, а цветной прямоугольник, как и следовало ожидать, позволяет выбрать цвет заливки.
Изменение Режима наложения является наиболее эффективным, когда ваш фон не является белым, а имеет какую-либо текстуру.
В следующем примере можно увидеть, как изменился вид текста при смене режима наложения с "Обычного" (Normal) на "Перекрытие" (Overlay):
Непрозрачность (Opacity)
Эта опция задаёт степень прозрачности цвета, наложенного на слой. Работает по такому же принципу, как и опция "Непрозрачность" в палитре слоёв.
Сохранение и загрузка настроек стиля слоя по умолчанию
Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя "Тени".
Желающие могут скачать слили слоя, использующиеся в статье:
Команда «Подобрать цвет» предназначена для сравнения цветов нескольких изображений, нескольких слоев или нескольких выделенных областей. Она также позволяет корректировать цвета изображения, настраивая светлоту, цветовой диапазон и нейтрализуя цветовой оттенок. Команда «Подобрать цвет» работает только в режиме RGB.
После включения команды «Подобрать цвет» указатель мыши принимает форму пипетки. Во время корректировки изображения используйте инструмент «Пипетка» для просмотра значений пикселов на панели «Инфо». На этой панели отображаются сведения об изменениях в значениях цвета при использовании команды «Подобрать цвет». См. раздел Просмотр значений цвета на изображении.
Команда «Подобрать цвет» сравнивает цвета одного изображения (исходного) с цветами другого (целевого). Это помогает сравнять цвета двух разных фотографий, а также полезно в ситуациях, когда определенные цвета (например, оттенка кожи) одного изображения должны соответствовать цветам на другом изображении. Помимо сопоставления цветов между двумя изображениями, команда «Подобрать цвет» поддерживает сравнение цветов между двумя слоями одного изображения.
Если необходимо, выделите области на исходном и целевом изображениях.Если не сделать этого, то команда «Подобрать цвет» будет сравнивать статистику по обоим изображениям целиком.
Удостоверьтесь, что изменяемое изображение активно, и выберите команду «Изображение» > «Коррекция» > «Подобрать цвет».Если команда «Подобрать цвет» применяется к определенному слою целевого изображения, удостоверьтесь, что этот слой активен, до того как выбирать команду.
Если необходимо, в меню «Слой» выберите слой исходного изображения, цвета которого будут сравниваться с целевым. Можно выбрать в меню «Слой» пункт «Объединенный», чтобы в сопоставлении участвовали все цвета всех слоев исходного изображения.
Если вы выделяли область изображения, выполните один или несколько из следующих шагов.В области «Конечное изображение» выберите параметр «Не обращать внимания на выделение при применении настроек», если корректировка должна распространяться на все целевое изображение. Этот параметр позволяет игнорировать выделенную область на целевом изображении и применять корректировку ко всему целевому изображению.
В области «Статистика изображения» выберите параметр «Использовать выделенную область источника для расчета цветов», если вы выделили область исходного изображения и для вычисления корректировки хотите использовать цвета из этой области. Выключите этот параметр, чтобы игнорировать выделенную область исходного изображения и для вычисления корректировки использовать цвета всего исходного изображения.
В области «Статистика изображения» выберите параметр «Использовать выделенную область цели для расчета настройки», если вы выделили область целевого изображения и для вычисления корректировки хотите использовать цвета из этой области. Выключите этот параметр, чтобы игнорировать выделенную область целевого изображения и вычислять корректировку на основе цветов всего целевого изображения.
Всем доброго времени суток! Все о слоях мы узнали, теперь пришло время изучить режимы наложения слоев в фотошопе. Для начала, разберемся, что это такое и с чем его едят.
С английского «режимы наложения» переводится как Blending Modes и если переводить строго по словарю, то на русском это будет звучать как «режимы смешивания». В некоторых уроках используется именно такой вариант перевода. По сути, режимы наложения и являются смешиванием вышележащего слоя с нижележащим. От выбранного режима наложения зависит, насколько слои взаимодействуют между собой.
Режимы наложения слоев используются для многих целей: вписывания объекта в фон, тонирования, наложения текстур и многого другого. Изменяя режимы и регулируя непрозрачность и заливку слоя можно добиться интересных эффектов.
Где находятся режимы наложения в фотошопе?
Выпадающий список с режимами наложения слоя находится в левой верхней части панели слоев:
На данный момент в фотошоп существует 27 режимов наложения (в более ранних версиях программы 25), они разделены на шесть групп при помощи горизонтальных линий:
1. Основные режимы (Basic)
2. Затемняющие режимы (Darken)
3. Осветляющие режимы (Lighten)
4. Контрастные режимы (Contrast)
5. Сравнительные режимы (Comparative)
6. Компонентные режимы (HSL)
Давайте от теории перейдем к практике и на примере фото девушки и текстуры попробуем тонировать изображение. Сразу предупреждаю, что при использовании некоторых режимов наложения результат будет, мягко говоря, не радовать глаз, но мы же помним, что всегда можем понизить непрозрачность или (и) заливку для уменьшения эффекта.
Основные режимы (Basic)
Основные режимы (Basic) — полностью заменяют пиксели нижележащего слоя.
Вот как выглядит панель слоев и рабочий холст на данный момент:
По умолчанию все новые слои и помещаемые файлы имеют режим наложения Нормальный (Normal).
Режим наложения Нормальный (Normal) наиболее часто используемый режим. При 100% непрозрачности верхний слой полностью перекрывает нижний, при уменьшении непрозрачности нижний слой становится частично видимым.
100% непрозрачности:
50% непрозрачности:
Режим наложения Затухание (Dissolve)
При 100% непрозрачности верхний слой полностью перекрывает нижний, как и в режиме Нормальный, но при снижении непрозрачности часть пикселей верхнего слоя в рандомном порядке теряют непрозрачность и это позволяет видеть нижний слой.
100% непрозрачности:
50% непрозрачности:
Затемняющие режимы (Darken)
Затемняющие режимы (Darken) — затемняют нижележащий слой. Белые участки вышележащего слоя никак не воздействуют, они становятся невидимыми.
Режим наложения Затемнение (Darken)
Сравниваются значение обеих слоев в каждом канале и, если пиксель верхнего слоя светлее, чем нижнего, он замещается темным с нижнего слоя, в итоге видимыми остаются самые темные участки обеих слоев.
Белый цвет, как во всей группе Затемняющих режимов, игнорируется. Давайте на время отключим видимость слоя с текстурой (нажав на «глазик» в панели слоев), и создадим новый слой, залитый белым цветом. Изменим режим наложения на Затемнение (Darken):
Как видите, ничего не изменилось, нижний слой полностью видимый, его цвет, контраст, яркость не изменилась, а верхний белый слой «исчез», благодаря режиму наложения Затемнение (Darken). Забегая вперед, ещё раз отмечу, что такое произойдет если изменить режим наложения слоя с белым цветом на любой из группы Затемняющих режимов.
Режим наложения Умножение (Multiply)
Умножает цвета верхнего и нижнего слоев и делает изображение темнее. Режим Умножение (Multiply) часто используется для затемнения светлых областей на засвеченном изображении.
Режим наложения Затемнение основы (Color Burn)
Повышает насыщенность средних цветов, дает более сильное затемнение, чем предыдущий режим наложения.
Режим наложения Линейный затемнитель (Linear Burn)
Использует тот же принцип действия, что и режим Затемнение основы, но имеет более сильный затемняющий эффект.
Режим наложения Темнее (Darker color)
Имеет сходство с режимом Затемнение (Darken), только цвета сравниваются поканально, в итоге видимыми остаются только пиксели, которые темнее пикселей нижнего слоя.
Осветляющие режимы (Lighten)
Осветляющие режимы (Lighten) — осветляют нижележащий слой. Черный цвет при использовании Осветляющих режимов становится «невидимым». Осветляющие режимы часто используются для наложения текстур на черном фоне, с помощью этих режимов легко и просто можно убрать черный фон, оставив нетронутыми другие цвета.
Режим наложения Замена светлым (Lighten)
Противоположен режиму Затемнение (Darken). Поканально сравнивает цвета и, если пиксели верхнего слоя светлее пикселей нижнего, они остаются без изменений. В случае, если пиксели верхнего слоя темнее, чем пиксели нижнего, они заменяются пикселями нижнего.
В группе Осветляющих режимов игнорируемый цвет – черный. На нашей текстуре черный цвет присутствует, но для чистоты эксперимента давайте проверим. Зальем новый слой черным цветом и изменим режим наложения на один из режимов группы осветления:
Черный цвет полностью невидимый.
Режим наложения Экран (Screen)
Принцип действия противоположный режиму Умножение (Multiply), он умножает цвета верхнего и нижнего слоя, осветляя изображение. Режим можно использовать для осветления темных фотографий.
Режим наложения Осветление основы (Color Dodge)
Его воздействие противоположно режиму Затемнение основы (Color Burn). Цвета выгорают, насыщенность средних тонов повышена. Режим используется для придания эффекта свечения.
Режим наложения Линейный осветлитель (добавить) (Linear Dodge (Add)
Скомбинирован с режимов Экран (Screen) и Осветление основы (Color Dodge). Светлые цвета заменяются более светлыми, почти белыми.
Режим наложения Светлее (Lighter Color)
Сравнивает значение обоих слоев по всех каналах, оставляет более светлые пиксели на результирующем изображении.
Контрастные режимы (Contrast)
Контрастные режимы (Contrast) — увеличивают контраст нижележащего слоя. Для всех режимов этой группы за исключением режима Жесткое смещение (Hard Mix) игнорируемый (невидимый) цвет – 50% серого. Снова проверим, залив новый слой 50% серым цветом
Режим наложения Перекрытие (Overlay) – осветляет светлые участки и затемняет темные, увеличивает контраст результирующего изображения.
Режим наложения Мягкий свет (Soft Light)
Схожий с предыдущим режимом, но придает более мягкий эффект. Прекрасно подходит для повышения контраста на изображениях с небольшой контрастностью благодаря тому, что не допускает выбивания цветов и теней.
Режим наложения Жесткий свет (Hard Light)
Алгоритм действий схож с режимами Мягкий свет (Soft Light) и Перекрытие (Overlay), но эффект более сильный. Контраст повышен очень жестко.
Режим наложения Яркий свет (Vivid Light)
Скомбинирован с режимов Затемнение основы (Color Burn) и Осветление основы (Color Dodge). Имеет более сильное действие, чем Жесткий свет (Hard Light).
Режим наложения Linear Light (Линейный свет)
Скомбинирован с режимов Линейный затемнитель (Linear Burn) и Линейный осветлитель (Linear Dodge). Контрастность светлых участков уменьшается, а темных участков – увеличивается. Имеет противоположные свойства с предыдущим режимом, но в то же время очень похож на него.
Режим наложения Точечный свет (Pin Light)
Включает в себя режимы Замена темным (Darken) и Замена светлым (Lighten). Смешивает светлые пиксели при помощи первого режима, а темные пиксели – с помощью второго режима.
Режим наложения Жёсткое смешение (Hard Mix)
Смешивает яркость верхнего слоя с цветом нижнего. Создает постеризированное изображение, ограниченное в цветах.
Сравнительные режимы (Comparative)
Сравнительные режимы (Comparative) — результирующее изображение напрямую зависит от разницы обоих слоев.
Режим наложения Разница (Difference)
Сравнивает значение яркости обоих слоев. Смешивание с белым цветом инвертирует значения основного цвета, смешивание с черным цветом ничего не меняет.
Режим наложения Исключение (Exclusion)
Действие аналогично с предыдущим слоем, но с более мягким эффектом и меньшим контрастом. Смешивание с белым цветом инвертирует значения основного цвета, смешивание с черным цветом ничего не меняет. Часто используется для тонирования изображения посредством наложения сплошного цвета и существенного уменьшения непрозрачности.
Режим наложения Вычитание (Subtract)
Значение яркости вышележащего слоя вычитается из нижележащего. Если яркость пикселя верхнего слоя будет больше или равна яркости нижнего, итоговый цвет изменится на черный.
Режим наложения Разделить (Divide)
Похож на предыдущий режим, но с более сильным осветлением. Из-за того, что режим работает поканально, цвета сильно искажаются.
Компонентные режимы (HSL)
Компонентные режимы (HSL) — результат зависит от яркости и цвета слоев. Зачастую режимы этой группы используются для тонирования фото или перекрашивания объектов на изображении.
Режим наложения Цветовой тон (Hue)
Результирующее изображение имеет оттенок вышележащего слоя, а насыщенность и яркость – нижележащего. Придает эффект рисунка акварельными красками.
Режим наложения Насыщенность (Saturation)
Результирующее изображение имеет насыщенность вышележащего слоя, а цветовой тон и светлоту – нижележащего.
Режим наложения Цветность (Color)
Сохраняется цветовой тон и насыщенность верхнего слоя и яркость нижнего. Нижний слой «перекрашивается» в цвета верхнего. Режим прекрасно походит для изменения цвета на изображении.
Режим наложения Яркость (Luminosity)
Противоположен предыдущему режиму. Сохраняется цветовой тон и насыщенность нижнего слоя и яркость верхнего.
Вот мы и разобрались в режимах наложения слоев в фотошопе. Теоретическая часть конечно хорошо, но все же рекомендую вам экспериментировать с режимами наложения и наблюдать за их взаимодействием. Так вы быстрее запомните свойства каждого режима, а также найдете «любимчиков» среди режимов наложения, которые станут вашими верными помощниками в создании прекрасных работ.
Автор урока: Ольга Максимчук (Princypessa)
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Читайте также: