Как поменять цвет в фотошопе: Подбор, замена и смешивание цветов в Photoshop

В этом уроке фотограф Tigz Rice покажет, поменять цвета на фотографии, имея в распоряжении исходник с простым белым фоном. Можете взять что-то из своих материалов или найти подходящее изображение на таких фотостоках, как iStock, Shutterstock или DepositPhotos. Также много полезного можно найти в этой статье. Лучше всего, когда одежда и аксессуары модели имеют простые цвета, как в нашем примере.

Один из самых значительных трендов дизайна в 2017 – использование контрастных цветов. Популярный фотосток Getty Images в своем отчете назвал это «всплеском цветов» (Color Surge). Его суть заключается в том, чтобы гармонично использовать участки цвета, выделяющиеся на фоне других, не перегружая при этом зрителя. Если интересно, вот гид по дизайнерским трендам 2017.

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

Шаг 1

Откройте выбранную фотографию в Photoshop. Прежде всего нам нужно отделить модель, чтобы можно было сменить фон на что-то более контрастное. Выполните грубое выделение фона при помощи инструмента Быстрое выделение (Quick Selection tool).

Примечание: После создания выделения необходимо добавить маску слоя.

Для более простой коррекции маски инвертируйте выделение, чтобы вместо фона включить в него модель. Просто нажмите Ctrl + Shift + I.

Шаг 2

Выберите пункт Выделение и маска (Select and Mask). Прежде всего нужно изменить режим просмотра на панели свойств.

Примечание: Познакомиться с работой панели «Выделение и маска» вы можете в этом видеоуроке.

Из выпадающего меню Вид (View) выберите На белом (On White). Установите Непрозрачность (Opacity) 100%, чтобы было легче видеть результат.

Примечание переводчика: модуль Выделение и маска доступна только для Photoshop CC и выше. Пользователи более старых версий могут воспользоваться инструментом Уточнить край (Refine Edge), кликнув по небольшой стрелке возле миниатюры в строке Вид (View).

Шаг 3

Если некоторые участки остались невыделенными, это можно исправить при помощи инструмента Быстрое выделение (Quick Selection tool).

Шаг 4

Затем нужно подчистить края нашей маски. Выберите инструмент Уточнить радиус (Refine Edge Brush) и закрасьте края вокруг волос, включив локоны, которые не удалось выделить сразу. Не забудьте об остальных участках.

Шаг 5

В секции Обнаружение краев (Edge Detection) поставьте галочку Умный радиус (Smart Radius). Это поможет выделить самые мелкие детали, особенно в прическе. Значение пункта Радиус будет варьироваться в зависимости от конкретного снимка – я использовала 5 px.

Шаг 6

Используйте слайдеры блока Настройка края (Global Refinements), чтобы откорректировать выделение. В моем случае это не понадобилось, но обычно пункты Сместить край (Shift Edge) и Контрастность (Contrast) могут пригодиться, если нужен более четкий и реалистичный вид прически.

Шаг 7

Когда выделение готово, кликните по выпадающему меню в секции Вывод (Output) и выберите Выделение (Selection), затем нажмите ОК.

Шаг 8

Вернитесь в основное окно Photoshop, кликните по иконке Новый корректирующий слой (New Adjustment Layer) в нижней части панели Слоев (Layers Panel) и выберите Цвет (Solid Color). Пока сделайте его белым – мы поменяем заливку позже, когда будем подбирать цветовую схему.

Нажатие на ОК подтвердит создание нового слоя с маской. Не забудьте инвертировать маску при помощи сочетания клавиш Ctrl + I.

Шаг 9

Теперь, когда наш фон скрыт при помощи маски, давайте подберем ему цвет. Воспользуемся для этого панелью Adobe Color Themes. Ее можно найти в меню Окно > Расширения > Adobe Color Themes (Window > Extensions > Adobe Color Themes).

Примечание переводчика: Если плагина нет в меню Расширения, можете скачать его с официального сайта Adobe или воспользоваться онлайн-сервисом.

Здесь можно увидеть доступные для использования цветовые схемы, созданные другими пользователями. Нам же нужна вкладка Создать (Create).

Шаг 10

Мы используем цвет одежды как основу нашей схемы. С активным инструментом Кисть (Brush tool), нажмите и держите клавишу Alt, а затем кликните по волосам, сделав этот цвет основным. Затем, в плагине Adobe Color Themes, кликните по средней иконке под цветовым колесом, чтобы сделать текущий активный цвет базовым.

Шаг 11

Затем кликните по выпадающему меню в верхней части панели и выберите Триады (Triads). Вместо того, чтобы напрямую сопоставлять комплементарные цвета, мы получим два дополнительных варианта, расположенных на одинаковом расстоянии, которые подойдут синему наряду модели.

Шаг 12

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

Шаг 13

Дважды кликните по слою Заливка цветом (Solid Color), открыв окно палитры цветов, затем кликните по основному цвету в нижней части панели инструментов. Нажмите ОК.

Шаг 14

Сейчас у нас очень интенсивный, сплошной цвет. Давайте немного заглушим его, изменив Режим наложения (Blending Mode) на Цветность (Color). Это также сделает тени видимыми.

Шаг 15

Если пойти дальше, можно повторить процесс, использовав третий цвет. Здесь в качестве акцента я выбрала красный цвет, а режим наложения поменяла на Цветовой тон (Hue). Благодаря этому цвет стал более мягкого персикового оттенка.

Автор: Tigz Rice

Выбрать и изменить цвета | Adobe Photoshop учебники

Узнайте, как работать с кистями и цветом в Adobe Photoshop.

В этом видео мы рассмотрим некоторые основы инструментов Photoshop CC Brush Style. Если вы читаете дальше, откройте это изображение из загружаемых файлов практики для этого урока. Существует целый ряд инструментов, кроме инструмента «Кисть», в котором используются подсказки кисти. Например, инструмент «Штамп», инструмент «Ластик», инструмент «Уклонение» и другие.Так что даже если вы не делаете иллюстрацию в Photoshop, это видео для вас актуально. Одна из общих черт этих инструментов — это то, что у них есть Brush Picker в их панели параметров. Где вы идете, чтобы выбрать кончик кисти и установить его размер и твердость для инструмента. Итак, давайте уделим минуту тому, чтобы ознакомиться с тем, что предлагают Brush Pickers. Давайте выберем инструмент «Кисть», а затем перейдем к панели параметров и щелкните значок, который выглядит как «Кисть». Это открывает это окно, называемое Brush Picker. В Brush Picker вы можете выбрать форму инструмента.И есть из чего выбирать. Все от формы листа, к форме травы, к круглой форме. Я собираюсь нажать на одну из круглых фигур здесь. И — вы можете варьировать размер и твердость кисти. Давайте посмотрим, как выглядит жесткая кисть. Я перейду к изображению, и я случайно выбрал образец белого цвета. Вы можете использовать любой цвет, который вам нравится, если вы следуете. Я собираюсь щелкнуть и перетащить, и, как вы можете видеть, этот мазок кисти имеет действительно твердый край. Теперь, если я снова вернусь к Brush Picker, и я перетаскиваю ползунок Hardness в другую сторону, в сторону Soft — и перетаскиваю изображение — я получаю совершенно другой эффект.Мягкий мазок кисти. Вы также можете изменить размер кисти здесь, в палитре. В других видеороликах этой серии мы представили идею, что вам не всегда нужно подходить к палитре, чтобы изменить размер кисти. Часто более эффективно изменять размер кисти, когда вы работаете с изображением на лету. Если я перейду к изображению и нажму левую клавишу скобки, которая является клавишей, справа от клавиши P на большинстве клавиатур. Каждый раз, когда я нажимаю, мой кончик кисти уменьшается на определенный процент.А потом я нажму и перетащу. И вы можете видеть, что у меня узкий мазок кисти. Если я хочу увеличить мазок кисти, я нажму правую клавишу скобки. Который находится справа от левой клавиши скобки на клавиатуре. И каждый раз, когда я нажимаю, я получаю больший ход кисти. Так что, когда я нажимаю и перетаскиваю, у меня совсем другой эффект. Есть пара других часто используемых параметров кисти, чтобы взглянуть на них. Один из них — здесь, на панели параметров — это непрозрачность. Если щелкнуть поле «Непрозрачность» и перетащить ползунок «Непрозрачность» влево, а затем я рисую изображение, которое вы можете видеть сквозь краску, на изображение ниже.Рядом с полем Непрозрачность на панели параметров находится поле Режим наложения. Эти различные режимы наложения определяют, как цвета краски, применяемой кистью, взаимодействуют с цветами, уже имеющимися на изображении. Это похоже на режимы наложения слоев на панели «Слои». О чем мы расскажем позже в этой серии уроков. Когда вы рисуете с помощью инструмента «Кисть» на фотографии, подобной этой, есть один режим наложения, который вы найдете особенно полезным, и это режим наложения цветов здесь. Я собираюсь выбрать это из меню.А потом я поднимусь и вернусь к 100% непрозрачности. И я собираюсь выбрать другой цвет на панели «Образцы». Но вы можете использовать любой цвет, который вам нравится. Теперь, когда я перемещаюсь в изображение и рисую, как вы можете видеть, кисть не наносит плоскую краску. Вместо этого — он применяет цветовой оттенок к цветку, который пропускает тональные значения изображения. И это очень полезно для изменения цвета объектов на фотографиях. Чтобы покончить с этим, я собираюсь перейти в меню «Файл» и выбрать «Вернуть», который возвращает изображение к тому, как оно выглядело в начале этого видео.Давайте выберем инструмент «Быстрый выбор» на панели «Инструменты», а затем переместимся по цветку, а затем щелкните и перетащите, чтобы быстро выбрать его. Затем вернитесь и снова получите инструмент Brush. Подойдите к изображению и несколько раз нажмите правую клавишу скобки, чтобы увеличить размер кисти. Затем нажмите и перетащите, и вам не нужно быть осторожным с тем, где вы рисуете, потому что выделение ограничивает область, где лежит краска. Наконец — нажмите Ctrl + D на Mac или Ctrl + D на Windows, чтобы отменить выбор. Так что это быстрый и простой способ изменить цвет изображения на фотографии с помощью инструмента «Кисть» и режима «Смешивание цветов».Итак, взглянем на некоторые основы инструментов Brush Style. Кисти и цвет — темы, которые идут рука об руку. Далее мы более подробно рассмотрим выбор и использование цветов.

Что вы узнали: Использовать инструменты с наконечниками кистей

1. На панели Инструменты выберите инструмент Кисть .
2. На панели параметров измените размер и жесткость кисти. Вы также можете выбрать другой кончик кисти, чтобы изменить внешний вид мазков кисти.
3. Альтернативный способ увеличить размер кисти — нажать клавишу правой скобки несколько раз.
4. Чтобы уменьшить размер кисти, нажмите клавишу левой скобки несколько раз.

Сохранение цветов в полях «Передний план» и «Цвет фона»

В Photoshop есть ряд инструментов и функций, которые применяют цвет. Все, от инструмента «Кисть» до инструмента «Текст», инструмента «Форма», «Заливка»… команда под меню Правка и многое другое. Основной цвет, который используют большинство из них, хранится здесь внизу панели «Инструменты». В этом поле поле Цвет переднего плана. Есть несколько способов установить цвет переднего плана. Который мы рассмотрим позже в этом уроке. А сейчас давайте воспользуемся простым способом — инструментом «Пипетка». Который находится здесь, на панели инструментов. Я выберу этот инструмент, а затем перейду к изображению и нажму на цвет, такой как этот оранжевый. И это устанавливает цвет переднего плана на оранжевый.Так что теперь, если я перейду к инструменту «Кисть» или к любому другому инструменту, который применяет цвет, и я использую этот инструмент, он использует этот цвет переднего плана. Там же есть цвет фона. Мой сейчас белый. Это входит в игру реже, чем цвет переднего плана. Например, цвет фона используется в качестве вторичного цвета для инструмента «Градиент». Инструмент, который позволяет рисовать постепенное смешение цветов от переднего плана до цвета фона. Еще одно использование цвета фона — просто иметь другой цвет под рукой, чтобы вы могли быстро переключиться на другой цвет, когда вы делаете что-то вроде рисования.Чтобы переключиться между основным и фоновым цветами, щелкните двухконечную изогнутую стрелку прямо над полями Цвет. Теперь я вернусь к инструменту «Пипетка» и нажму на другой цвет изображения. И это устанавливает новый цвет переднего плана. Так что теперь у меня красный цвет как цвет переднего плана и оранжевый как цвет фона. Как я уже сказал, я могу быстро переключаться между этими двумя цветами, нажимая эти двухконечные стрелки или используя сочетание клавиш X. Черный и белый цвета по умолчанию. Если вам когда-нибудь понадобится вернуться к этим цветам, быстро нажмите D на клавиатуре.И цвет переднего плана теперь черный, а цвет фона белый. Итак, это введение в то, где хранить и получать доступ к цветам, когда вы работаете с инструментами цвета. Следите за новостями следующего видео, в котором мы рассмотрим альтернативные способы выбора цветов в Photoshop.

Что вы узнали

• Инструмент Brush , Shape , инструмент Type и другие функции, которые применяют цвет, используют цвет в поле Foreground Color в нижней части панели Инструменты .
• Есть несколько способов установить цвет переднего плана. Вы можете выбрать инструмент Eyedropper и выбрать цвет из изображения или использовать панель выбора цветов , Color или панель Swatches .
• За окном «Цвет переднего плана» находится поле «Цвет фона», в котором можно сохранить другой цвет.
• Чтобы переключить поля цветов Foreground и Background для быстрого доступа к любому из цветов, щелкните двухконечную стрелку над двумя полями цвета или нажмите клавишу X.

Выберите цвета с помощью палитры цветов, панели «Цвет» или панели «Образцы».

Photoshop предлагает несколько различных способов выбора цвета. На что мы посмотрим в этом видео. Если вы читаете дальше, вы можете использовать это изображение из файлов практики для этого урока. Или вы можете использовать собственное изображение. Наиболее полнофункциональный способ выбора цвета — палитра цветов. Чтобы открыть палитру цветов, перейдите в поле «Цвет переднего плана» в нижней части панели «Инструменты» и щелкните там.Откроется палитра цветов, в которой вы можете выбрать цвет переднего плана. Хорошее место для начала в палитре цветов, с этим ползунком, который по умолчанию показывает различные оттенки цвета. Я нажму и перетащу этот ползунок, чтобы получить интересующий меня оттенок. Это голубой оттенок. Но оттенок не единственное свойство цвета. Насыщенность и яркость — 2 других свойства. И они представлены здесь, в этой большой коробке. Так, например, если я хочу темно-ненасыщенный синий, я спущусь в темную область и налево для ненасыщенных оттенков синего.И тогда я нажму, чтобы выбрать цвет. Или, если я хочу яркий, очень насыщенный оттенок синего, я подойду сюда для ярких и справа, для насыщенных. Цвет, который я выбираю, появляется в этом квадрате в новой области. Нижняя часть квадрата представляет последний выбранный цвет. Когда у меня будет цвет, которым я доволен, я нажму OK. И этот цвет появляется в поле «Цвет переднего плана» в нижней части панели «Инструменты». И если я работаю с таким инструментом, как инструмент «Кисть», он применяет цвет, который он будет использовать.Color Picker — не единственное место, где можно выбрать цвет. Мы уже видели инструмент «Пипетка», который можно использовать для выбора цвета, щелкнув по нему на изображении, и это очень полезно, когда вам нужно подобрать цвет к цветам, уже имеющимся на изображении. Справа есть также две панели, которые вы можете использовать для выбора цвета. Панель «Образцы» и панель «Цвет». Если они не открыты, вы можете открыть их в меню «Окно» в верхней части экрана. В этой серии руководств мы использовали панель «Образцы», потому что к ней легко получить доступ.Панель «Образцы» содержит предустановленные цветные фишки. Чтобы установить цвет переднего плана, все, что вам нужно сделать, это нажать на одну из этих фишек. И это появляется здесь, в поле Цвет переднего плана. Цветовые чипы, которые вы использовали в последнее время, отображаются здесь, в верхней части панели «Образцы», для быстрого доступа. Я собираюсь нажать на вкладку Цвет, чтобы увидеть панель Цвет. Панель Color очень похожа на Color Picker. Справа находится ползунок «Цвет», который можно использовать для выбора оттенка. И тогда у него есть большое поле, где вы можете выбрать оттенок этого оттенка в зависимости от его яркости сверху вниз и его насыщенности справа налево.Если я выберу цвет здесь, он появится здесь в точной копии поля Цвет переднего плана. И, если я спущусь к нижней части панели инструментов, я найду там тот же цвет. И тогда я могу использовать его с любым из моих инструментов, таких как инструмент Brush. Итак, это обзор различных мест для выбора цветов в Photoshop. Вы можете использовать любой из этих методов наиболее удобный и удобный для вас. Кстати, если вы не хотите сохранять это изображение, вы можете закрыть его, не сохраняя, перейдя в меню «Файл» и выбрав «Закрыть».Или вы можете просто нажать X здесь на вкладке «Документ».

Что вы узнали: использовать Color Picker

1. Щелкните поле Цвет переднего плана в нижней части панели инструментов Инструменты , чтобы открыть Палитру цветов .

   Вариант 1: В Палитре цветов перетащите вертикальный ползунок, чтобы выбрать оттенок (цвет). Затем щелкните в большой области цвета, чтобы выбрать яркость и насыщенность этого цвета.

   Вариант 2. Введите точные значения цвета в полях цвета HSB, RGB, CMYK или Hexadecimal .

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

2. Нажмите кнопку ОК, чтобы закрыть палитру цветов . Выбранный вами цвет появится в поле «Цвет переднего плана» в нижней части панели «Инструменты» и будет готово к использованию.
   

Использовать цветную панель

• Если вы не видите панель Color на своем экране, перейдите в строку меню и выберите Окно> Цвет .
• Панель Color действует как мини-палитра цветов, в котором вы можете выбрать оттенок цвета с помощью ползунка, а затем настроить яркость и насыщенность в поле цвета. Выбранный вами цвет появится в поле «Основной цвет» на панели «Инструменты».
• Панель Color предлагает не так много опций, как Color Picker, но преимущество этой панели в том, что вы можете оставить ее открытой на экране для быстрого доступа.

Выбор цвета из предустановленных образцов цвета на панели «Образцы»

1. Если вы не видите панель «Образцы » на своем экране, перейдите в строку меню и выберите « Окно»> «Образцы ».
2. Нажмите на образец (цветной квадрат) на панели Образцы , чтобы изменить цвет переднего плана на выбранный цвет образца.

Как изменить цвет объекта

Что вы узнали: Примените цвет к объекту, используя методы, которые создают реалистичное соответствие цветов и оживляют объект

Чтобы изменить цвет объекта с профессиональными результатами, управляйте всеми тремя из этих основных характеристик цвета: оттенок (цвет), насыщенность (интенсивность цвета) и яркость (яркость и темнота цвета).

Выберите объект

• Выберите инструмент «Выбор объекта» на панели инструментов и перетащите прямоугольник по всему объекту.Это создает выделение, которое автоматически сжимается до краев объекта.

Создайте группу слоев и примените маску к группе

1. На панели «Слои» нажмите кнопку «Создать новую группу», чтобы создать группу слоев.
2. Когда выделение все еще активно, нажмите кнопку «Добавить маску слоя» на панели «Слои», чтобы создать маску в форме выделения вокруг объекта. Добавление маски в группу позволит вам использовать одну маску для воздействия на несколько слоев в следующих шагах.

Примените новый цвет и настройте его оттенок и насыщенность.

1. Нажмите кнопку «Создать новый заливочный или корректирующий слой» на панели «Слои» и выберите «Сплошной цвет». Это добавляет цвет заливки слоя внутри группы слоев. Маска в группе слоев ограничивает сплошной цвет объекта.
2. Выберите новый цвет, который вы хотите применить к объекту, и нажмите OK. Объект теперь кажется заполненным этим сплошным цветом.
3. С выбранным слоем «Цветовая заливка» откройте меню «Режимы наложения» на панели «Слои» и выберите режим «Смешивание цветов».Режим смешивания цветов применяет оттенок и насыщенность нового цвета, но сохраняет яркость исходного цвета объекта.

Отрегулируйте яркость нового цвета

1. Нажмите кнопку «Создать новый корректирующий слой» на панели «Слои» и выберите «Уровни». Это добавляет корректирующий слой Уровни.
2. Перетащите корректирующий слой «Уровни» под слой «Цветная заливка» в группе слоев.
3. Используйте ползунки «Уровни ввода» на панели «Свойства», чтобы сделать объект ярче.Например, вы можете перетащить белый ползунок влево, чтобы осветлить объект, и перетащить серый ползунок дальше влево, чтобы увеличить контраст. Эти корректировки влияют на третий компонент цвета — яркость — придавая объекту его новый цвет вид текстуры и затенения.