Как перекрасить png в фотошопе. Как заменить цвет объекта на другой в фотошопе на отдельном участке и на всей картинке

11.02.2015 27.01.2018

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

1 способ

Первый способ заменить цвет это воспользоваться готовой функцией в фотошопе "Заменить цвет" или Replace Color на английском.

Я покажу на простейшем примере, на не сложной картинке. Возьмем иконку и откроем её в фотошопе.

Мастерок на иконке желтого цвета. Мы заменим желтый цвет на любой другой интересующий нас. Для этого заходим в меню Изображение — Коррекция — Заменить цвет (Image — Adjustments — Replace Color)

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

Внизу заголовок Замена — там и можно поменять выделенный цвет. Но прежде можно задать параметр Разброс в выделении. Чем больше параметр тем больше он захватит цвета. В данном случае можно поставить на максимум. Он будет захватывать весь желтый цвет на изображении.

Настройте параметры Замены цвета — на цвет который хотите видеть вместо заменяемого. Я сделал зеленый, задав параметры Цветовой тон, Насыщенность и Яркость.

Когда будете готовы заменить цвет — нажмите ОК.

Так мы поменяли один цвет на другой.

2 способ

Второй способ по схеме работы можно сказать идентичен первому. Но мы его рассмотрим на более трудном изображении.

Для примера я выбрал фотографию с машиной. Сейчас я покажу как заменить цвет автомобиля в фотошопе.

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

Для этого заходим в меню Выделение — Цветовой диапазон (Select — Color Range)

Далее остается кликнуть по красному цвету машины и мы увидим функция его определила — окрасив белым цветом в окне предпросмотра. Белый цвет показывает какая часть изображения выделена. Разброс в данном случае можно настроить на максимальную величину. Нажмите ОК.

После того как вы нажмете ОК, вы увидите как создалось выделение:

Теперь можно менять цвет выделенному изображению. Для этого воспользуйтесь функцией — Изображение — Коррекция — Цветовой тон/Насыщенность (Image — Adjustments — Hue/Saturation)

Появится диалоговое окно.

Сразу поставьте галочку на параметр Тонирование (внизу справа). Теперь используя параметры Цветовой тон, Насыщенность и Яркость можно настроить цвет. Я настроил синий цвет.

Все. Цвет заменился.

Было — стало:

Один из способов акцентировать внимание зрителя именно на этом воздушном шаре - это уменьшить насыщенность остальных шаров под ним. Я не хочу менять фактический цвет шаров, а только интенсивность. Чтобы это сделать инструментом "Замена цвета", я изменю режима наложения в панели параметров на "Насыщенность" (Saturation):

Если бы я хотел полностью обесцветить воздушные шары, полностью удалив их цвет, я бы установил цвет переднего плана на черный, белый или любой из оттенков серого, но так как я хочу получить более тонкий эффект, я просто возьму как образец один из слабонасыщенных цветов из изображения. Для этого я зажму клавишу, чтобы временно переключиться на режим Пипетки (Eyedropper Tool) и нажму на желаемый цвет. Я выберу малонасыщенный желтый цвет. Сам цвет не имеет значения, так как режим наложения "Насыщенность" не меняет никакие исходные цвета. Он повлияет только на интенсивность:

Итак, цветом переднего плана у меня установлен малонасыщенный жёлтый, режим наложения - "Насыщенность" (Saturation). Теперь я буду просто закрашивать воздушные шары, регулируя свой размер кисти с помощью левой и правой клавиш квадратных скобок и изменения значение допуска в панели параметров по мере необходимости. На рисунке ниже показал, как я сверху вниз закрашиваю ярко-оранжевый воздушный шар:

Недостатки инструмента: проблема с яркостью изменяемых объектов

Как я писал в самом начале, инструмент "Замена цвета" (Color Replacement Tool) можно использовать не для всех случаев. Сейчас я покажу вам это на примере.

Для начала я восстановлю исходное состояние моего фото с шарами, нажав клавишу F12. Теперь, скажем, я хочу изменить цвет верхнего отдельного оранжевого шара на тёмно фиолетовый цвет, как у некоторых шаров в группе:

Чтобы выбрать цвет замены, я зажимаю Alt и кликаю по фиолетовому шару:

Я устанавливаю режим наложения на панели параметров на "Цветность" (Color) и начинаю закрашивать оранжевый шар для изменения на на темно-фиолетовый. Вот результат:

Хм. Шар получился, безусловно, фиолетовым, но этот цвет совсем похож на цвета других фиолетовых шаров, не так ли? Проблема в том, что этот цвет гораздо ярче, чем у других фиолетовых шаров, и получилось это потому, что первоначальный цвет шара был намного ярче, чем темно-фиолетовый, который я брал за образец для замены. Режим наложения "Цветность" в данном случае не никак не влияет на яркость объекта.

Ну давайте тогда попробуем применить тот режим наложения,который влияет на яркость. Из имеющихся четырёх режимов наложения это "Яркость" (Luminosity). Я восстановлю исходное состояние фото,нажав F12, выберу этот режим на панели параметров и вновь попытаюсь закрасить шар тёмно-фиолетовым. Результат:

Ну что же, глядя на результат, можно с уверенностью сказать, что получилась полная ерунда. Режим наложения "Яркость" определенно сделал шар темнее, но это все-таки оранжевый, а не фиолетовый, и, кроме того, практически пропала детализация текстуры, шар выглядит плоским пятном.

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

Отбор проб для замены

На панели параметров, непосредственно справа от опции выбора режима наложения, расположены три небольшие иконки. Каждая из этих иконок представляет собой отдельный вариант выборки пикселей для замены инструментом "Замена цвета", и они работают точно по такому же принципу, как и в инструменте "Фоновый ластик" . Слева направо: "Непрерывный отбор" (Continuous), эта опция включена по умолчанию, следующая "Однократно" (Once) и последняя - "Образец фона" (Background Swatch) . Для переключения между режимами отбора просто нажмите на нужную иконку:

Эти параметры определяют, как Photoshop отбирает пиксели для замены цвета в изображении. Если выбрана первая опция, "Непрерывный", Photoshop постоянно определяет новые цвета, которые будет заменять. Образец находится под движущимся курсором, точно под перекрестьем, Если, при движении курсор, под перекрестье попадает другой цвет, он и становится целевым цветом для замены. Заменяются все пиксели этого цвета в пределах окружности курсора. Этот вариант отбора проб используется чаще всего и работает лучше всего в том случае, если на объекте имеется много вариаций цвета.

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

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

Ограничения (Limits)

Эта настройка определяет расположение заменяемых пикселей и работает точно по такому же принципу, как и у Фонового ластика . Опция имеет три варианта: "Все пиксели" (Contiguous), "Смежные пиксели" (Discontiguous) и "Выделение краёв" (Find Edges). Из этих трех Вы реально будете использовать только первые два:

Опция "Смежные пиксели" (установлена по умолчанию) означает, что замене подвергнутся только те пиксели, которые прилегают непосредственно перекрестью курсора. Пиксели, отделённые от пикселей под перекрестьем каким-либо другим цветом, заменены не будут, даже если они и находятся в границах окружности курсора и точно соответствуют о цвету.

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

Сглаживание (Анти-Alias)
Данная опция включена по умолчанию и служит для сглаживания края вокруг областей замены. Рекомендую всегда держать её включенной.

Сегодня мы поговорим о ещё одном способе замены цвета на объекте, а именно о команде «Заменить цвет » ((Replace color), Изображение - Коррекция - Заменить цвет).

Рассмотрим диалоговое окно.

В верхней части «Выделение » находится вкладка из «Цветового диапазона».

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

Настройка параметра «Разброс » (Fuzziness).
C помощью ползунка определяются границы, в которых будут изменяться оттенки цвета. При максимальном разбросе под замену будут попадать практически все оттенки выбранного цвета, имеющиеся на изображении. При минимальном разбросе под замену будут попадать исключительно те пиксели, которые в точности соответствуют образцу.

В PS4 появилась дополнительная опция Localized Color Clusters , предназначенная для определения областей одного цвета. Её использование позволяет более точно выделить цвет на изображении.

В нижней части «Замена » диалогового окна «Заменить цвет» находится вкладка от «Цветовой тон/Насыщенность », с помощью которой, исходя из названия, выбирается цвет и оттенок для замены.

Рассмотрим замену цвета на конкретном примере.

Шаг 1. Открываем изображение в Photoshop. Создаём сразу дубликат основного слоя.

Шаг 2. Заходим в Изображение - Коррекция - Заменить цвет . Мне хочется поменять цвет футболки.

Шаг 3. Если у вас CS4, то сразу ставим галочку напротив Localized Color Clusters. Увеличиваю Разброс до максимального значения. С помощью пипетки на изображении отмечаем область. Далее, выбираю цвет на какой хочу поменять. Кликаю мышкой на цветном квадратике с подписью «Результат» и выбираю нужный мне оттенок.

Видно, что в области теней цвет недостаточно выделен. Выбираю Пипетку «+» и кликаю на изображении в области складочек на футболке.

Футболка полностью прокрасилась, но вместе с тем окрасились ненужные участки, например, лицо. Выбираю Пипетку «-» и кликаю ей в области лица.

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

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

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

1 голос

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

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

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

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

Буду работать в Photoshop CC, но если у вас другая версия, то ничего страшного. Все функции простые. Софт установлен на русском. Кстати, если у вас англоязычная версия, могу порекомендовать также статью « ». Очень удобно, облегчает жизнь.

Коррекция цвета

Итак, я уже выделил объект, а точнее фон фотографии, и перенес его на новый слой при помощи сочетания клавиш Ctrl+J.

Теперь перехожу во вкладку «Изображение» — «Коррекция». Здесь очень много опций, которые помогут поменять оттенок: «Яркость/Контрастность», «Цветовой баланс», «Фотофильтр» и даже «Карта градиента». Вы можете попробовать каждый из них, чтобы на собственном опыте понять как работает тот или иной инструмент, выбрать интересный метод, который нравится конкретно вам.

Я воспользуюсь «Цветовой тон/Насыщенность».

Можно дергать за разные ползунки, добиваясь превосходного эффекта.

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

Разительные изменения

Чтобы сделать фон совсем другого цвета, я воспользуюсь инструментом «Замена цвета» все в той же вкладке «Коррекция» (о том как нарисовать черный фон для Фотошопа — ).

После открытия диалогового окна, ваш курсор сменится. В нем будет спрятан инструмент пипетка. Просто щелкните по цвету, который хотите сменить. При помощи ползунка «Разброс» определите область, с которой собираетесь работать, а затем щелкните по плашке цвета над записью «Результат» или вновь поработайте с ползунками «Тон», «Насыщенность», «Яркость».

Я выбрал первый вариант. Кликнул на «Результат» и теперь выбираю оттенок и цвет на палитре, чтобы нежно голубой превратился в розовый.

Профессионально, быстро, легко

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

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

Осталось только закрасить необходимые участки, как вы можете заметить, все оттенки при этом сохранились. Очень быстро и удобно.

Можно перекрасить в любой подходящий вариант.

Видеоинструкция

Бонус

Еще один способ поменять цвет при помощи нового слоя мне не слишком импонирует, но предполагаю, что он может понравиться некоторым и уж точно когда-нибудь пригодится в будущем. Итак, создаю новый слой, а затем выбираю для него режим наложения «Цветовой тон».

Вот так должно получиться в итоге.

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

Можете попробовать и другие режимы наложения. Не бойтесь экспериментировать.

При помощи ластика, можно вернуть девушке нормальный цвет лица.

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

Ну а если вы захотите узнать максимум обо всех инструментах, которые есть в фотошопе, могу посоветовать курс Зинаиды Лукьяновой «Photoshop для начинающих в видеоформате ». Вам не придется ничего ждать. Всего несколько недель и вы будете знать все, что таит в себе эта программа.

До новых встреч и удачи.

Замена цветов

Команда Replace Color (Заменить цвет) создает временную маску вокруг заданных цветов, а затем заменяет их другими цветами. Принцип работы команды во многом схож с командой Color Range (Цветовой диапазон) . Давайте посмотрим действие этой команды на примере. Откройте графический файл (рис. 3.29).

Рис. 3.29. Исходное изображение

Выберите команду Image (Изображение) | Adjustments (Коррекция) | Replace Color (Заменить цвет) . В возникшем в результате выполнения команды окне установите переключатель Selection (Выделение) , чтобы видеть в окне предварительного просмотра маску. Установите флажок Preview (Предварительный просмотр) , чтобы видеть, как настройка цвета будет отражаться на изображении. Инструментом Пипетка щелкните на самом темном месте фона. Часть фона выделилась. Если вы щелкните не фон, а цветок, то будет производиться не замена цвета фона, а замена цвета цветка - рис. 3.30.

Рис. 3.30. Пример замены цвета объекта

Выберите среднюю пипетку Add to Sample (Добавление оттенков) и щелкните ей на соседнем участке фона, несколько раз, пока почти весь фон не станет белым. Увеличьте значение ползунка Fuzziness (Разброс) . Если после этого еще остались невыделенные участки, щелкните на них пипеткой со значком плюс. Меняя положение ползунков Hue (Цветовой тон) , Saturation (Насыщенность) и Lightness (Яркость) вы можете изменить цвет фона в широком диапазоне цветов.