Как заменить цвет в Фотошопе на другой: все секреты Бородача

Всем привет! В нашем сегодняшнем уроке мы разберем, как можно заменить цвет в Фотошопе на другой у различных объектов – от обычного лимона, до волос, бороды и бровей. Я описал 5 способов, которые могут вам помочь. Я советую просмотреть все главы, так как в каждой я раскрою некоторые мелкие хитрости и нюансы, которые помогут повысить ваш уровень, и упростить работу в Adobe Photoshop. Если у вас в процессе что-то будет не получаться или возникнут вопросы – пишите в комментариях.

ПРИМЕЧАНИЕ! В разных версиях Photoshop названия пунктов меню могут немного отличаться, особенно если у вас английский интерфейс или новая версия программы. Но сами инструменты «Замена цвета», «Цветовой диапазон», «Цветовой тон/Насыщенность», «Микширование каналов» и «Подобрать цвет» до сих пор используются. Если не можете найти нужный пункт, смотрите не только верхнее меню, но и панель «Коррекция» или «Свойства».

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

Способ 1: Метод обычной замены

Итак, как же происходит замена цвета в Фотошопе – начнем с самого простого метода. Данный способ хорошо работает со сплошным фоном. Но иногда он помогает работать и со сложными картинками.

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

СОВЕТ! Перед тем как менять цвет через «Замена цвета», продублируйте исходный слой. Для этого выделите слой и нажмите Ctrl + J. Если результат не понравится, вы просто удалите копию и вернетесь к оригиналу. Если вы пока плохо понимаете, как работают слои, посмотрите отдельный урок как создать слой в Фотошопе.

1. Открывайте картинку, цвет в которой вы хотите заменить.

2. В панели управления выберите раздел «Изображение» (Image), после этого пролистываем до «Коррекции» (Adjustments) и выбираем инструмент «Замена цвета» (Replace Color).

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

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

5. Выберите нужный вариант. Кстати, в момент отображения подобного поля, выделяется пипетка, и вы можете выбрать цвет с другого места или картинки в Фотошопе. Как только нужный оттенок будет выбран, жмем «ОК».

6. Как вы можете заметить сразу, заливка цвета идет неравномерно, так как в большинстве картинок равномерно цвет не распределяется, и по краям есть более темная кромка. Поэтому нам нужно увеличить разброс выделения – для этого передвиньте бегунок «Разброса» вправо до нужного вам результата.

ПРИМЕЧАНИЕ! Если с увеличением разброса заливаются другие отделы картинки, то придется все же воспользоваться выделением – об этом я расскажу чуть позже. Разброс работает так: чем больше значение, тем шире Photoshop захватывает похожие оттенки. Например, если вы щелкнули по зеленому цвету, программа начнет захватывать не только чистый зеленый, но и темно-зеленые, светло-зеленые и близкие оттенки. Это удобно для логотипов и простых объектов, но плохо для фотографий, где похожий цвет может быть на коже, одежде, фоне или в тенях.

7. В конце жмем «ОК».

После применения посмотрите на края объекта при увеличении 100-200%. Именно на краях чаще всего остаются старые пиксели, грязная обводка или слишком резкий переход. Если это логотип, можно аккуратно повторить замену еще раз или поправить края кистью. Если это фото, лучше не давить «Разброс» до максимума, а перейти к выделению и маске. Так результат будет более естественным, особенно если на объект падают тени или есть блики.

Способ 2: Цветовое выделение

Изменить цвет можно и другим способом. А что, если у нас более сложная картинка с большим цветовым разбросом. В таком случае, как я и писал в первом способе, нам понадобится выделение по цветовому диапазону. Давайте посмотрим, как это можно сделать. Мы попробуем полностью заменить оттенок травы.

1. Выбираем «Выделение» (Select) и кликаем по надписи: «Цветовой диапазон» (Color Range).

2. Данный инструмент работает примерно аналогично как и цветовая замена. Мы нажимаем по пипетке и выделяем самый яркий цвет нужной нам области. В данном случае я попробую заменить цвет луга на заднем фоне. После этого настройте разброс выделения, чтобы нижняя маска белого точно совпадала с нужной областью выделения. Как мы видим по картинке, при значении 200 весь задний фон должен без каких-либо проблем выделиться, а наши главные герои останутся невредимы.

3. Нажимаем «ОК» и смотрим, чтобы пунктирная линия проходила четко по нужным объектам. Отлично!

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

4. На этом этапе мы могли бы воспользоваться прошлым способом «Замена цвета», но давайте попробуем немного другой инструмент – «Цветовой тон/Насыщенность» (Hue/Saturation). Вы можете воспользоваться горячими клавишами Ctrl + U, или найти его самостоятельно в разделе «Изображение» (Image), подраздел «Коррекция» (Adjustments).

5. Итак, у нас тут есть три параметра. Давайте попробуем с ними поиграться:
   1. Цветовой тон – тут как раз мы пытаемся изменить цвет картинки. Просто попробуйте попередвигать бегунок, и вы все поймете.
   2. Насыщенность – если цвет кажется слишком блеклым или ярким, то можно подстроить этот параметр.
   3. Яркость – очень часто путают с насыщенностью. На деле же просто делаем весь фон темнее или светлее, ближе к черному или белому.

6. Как только нужный цвет будет подобран, применяем настройки, нажав «ОК».

Есть более правильный вариант, который я советую использовать чаще. После выделения не идите сразу в «Изображение» – «Коррекция», а создайте корректирующий слой «Цветовой тон/Насыщенность». Тогда выделение автоматически станет маской, а цвет можно будет менять в любой момент. Это удобнее, потому что вы не портите исходную фотографию. Если край выделения где-то залез на людей, одежду или фон, маску можно поправить черной или белой кистью.

СОВЕТ! Для естественной замены цвета старайтесь не трогать «Яркость» слишком сильно. Если сильно осветлить или затемнить выделенную область, пропадут реальные тени и объем. Лучше менять «Цветовой тон» и немного «Насыщенность», а яркость двигать только слегка. Если нужно аккуратно выделять сложные объекты, пригодится отдельная инструкция как выделить объект в Фотошопе.

Способ 3: Подкраска участков и использование дополнительного слоя

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

1. Итак, в первую очередь мы создадим новый слой. Для этого на вкладке «Слои» нажмите по плюсику. После этого поверх основного рисунка появится пустой слой номер 1. Если вы не можете найти подобную вкладку – нажмите «Окно» (Window) в панели управления и убедитесь, чтобы стояла галочка рядом с надписью «Слои» (Layers).

2. Выделите этот слой и установите режим «Цветность».

Режим «Цветность» хорош тем, что он меняет цвет, но старается сохранить исходную светотень. То есть волосы остаются с бликами, тенями и объемом, а не превращаются в плоское цветное пятно. Для перекраски волос, бороды, бровей, ткани и макияжа это один из самых удобных вариантов. Иногда вместо «Цветность» лучше попробовать режим «Цветовой тон» или «Мягкий свет», но начинать проще именно с «Цветности».

3. Для закрашивания бороды и волос мы для начала попробуем использовать обычную кисть (горячая клавиша B).

4. Кликаем по первому цвету палитры и выбираем нужный нам оттенок. Я выбрал более холодный цвет.

5. Далее все очень просто – нужно аккуратно закрасить контур волос.

Для более крутого результата, давайте поделюсь с вами некоторыми советами. Как видите, картинка у нас достаточно сложная. Например, волосы на голове имеют очень тонкую структуру и неровную форму. Обычной кистью их аккуратно закрасить не получится. Поэтому тут я советую использовать инструмент «Лассо». Как видите у нас есть три варианта: обычное лассо, прямолинейное и магнитное.

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

Приближаем картинку максимально близко, так чтобы вы видели границу между задним фоном и волосами. Далее жмем по контуру волос и начинаем аккуратно обводить контур. Помните, что нам нужно полностью обвести контур, чтобы начальная и конечная точка в итоге совпали друг с другом. Можно выделять какие-то части по отдельности. Например, сначала мы выделим и покрасим волосы, а уже потом бороду.

И тут вы можете столкнуться с первой проблемой – картинку мы приблизили максимально близко, чтобы четко выделить волосы по контуру. Как же передвигать изображение или рисунок при использовании магнитного Лассо? Просто двигать мышкой не вариант, так как магнитное лассо начнет автоматически выделять все подряд.

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

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

Как только у вас это получится, выбираем инструмент заливка (G) и просто кликаем в область выделения. Чтобы убрать выделение, используйте клавиши Ctrl + D, или выберите лассо и нажмите в центр выделенной зоны. Если есть какие-то непокрашенные зоны, то вы всегда можете исправить это с помощью кисти.

Тоже самое делаем и с бородой. Теперь давайте я покажу саму структуру слоя. Выключите глаз рядом с «Фоном» (основной картинкой). Вы увидите саму заливку.

Если вам не нравится этот цвет, то вы можете его изменить. Для этого зажмите клавишу Ctrl и, не отпуская ее, кликните левой кнопкой мыши по слою с цветом.

Выделится вся заливка. Далее аналогично выбираем другой цвет и с помощью инструмента «Заливка» (G) кликаем по выделенному слою. Ура, нам удалось поменять цвет.

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

СОВЕТ! Если вам нужно сохранить данную картинку, чтобы в будущем ее менять, сохраните ее в формате «Photoshop» (PSD) – жмем Ctrl + Shift + S. Для отправки в интернет или мессенджер уже потом сохраните копию в JPG или PNG. Подробнее про форматы можно почитать тут: как сохранить изображение в Photoshop.

Способ 4: RGB каналы и быстрое выделение

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

1. Находим инструмент «Выделение объектов».

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

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

3. На самом деле далее вы можете воспользоваться любым из предыдущих способов, но давайте рассмотрим еще один. Там же в «Изображении» – «Коррекции» – находим «Микширование каналов».

4. На мой взгляд это один из самых продвинутых методов, который позволяет не только подобрать цвет, но и скорректировать тени, а также свет, падающий на объекты. В итоге перекраска получается более естественной.
5. Смотрите. У нас есть три канала: «Красный», «Зеленый» и «Синий».

6. Так как лимон у нас желтый, то давайте переключимся для начала на «Синий» канал и попробуем поиграться с бегунками ниже. После этого попробуйте аналогично понастраивать цвета и на других каналах. Вы увидите, что цвета меняются не по всей картинке, а в отдельных ее частях. То есть вы сможете настроить цвет, полутень, а также блики выделенного участка объекта.

7. Можно пойти дальше и попробовать использовать стили. Например, если выбрать «Черно-белый с синим фильтром (RGB)», то лимон станет полностью черным.

Микширование каналов лучше использовать тогда, когда обычная перекраска через «Цветовой тон/Насыщенность» дает грязный результат. Например, желтый объект нужно сделать зеленым, но сохранить тени, блики и естественный объем. Каналы позволяют точнее управлять тем, как красный, зеленый и синий участвуют в итоговом цвете. Но этот способ сложнее: если передвинуть ползунки слишком резко, цвет станет неестественным, а тени могут провалиться в грязь.

Способ 5: Подбор цвета

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

Далее проблема – как нам заменить фон и сделать его реально новогодним. Просто выделить его через «Цветовой диапазон» не получится, так как в некоторых моментах цвет будет смешиваться. В данном случае у меня есть отдельная картинка заднего луга.

Проблема в том, что если мы будем использовать «Цветовой тон/Насыщенность», как во втором способе, то некоторые участки картинки будут иметь неестественные оттенки. Что же нам делать?

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

Теперь заходим в «Изображение» – «Коррекция» – «Подобрать цвет».

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

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

Какой способ выбрать?

Если вы только начинаете, можно ориентироваться на простую схему:

• Логотип, значок, простая иконка – используйте «Замена цвета».
• Трава, небо, одежда одного оттенка – используйте «Цветовой диапазон» и «Цветовой тон/Насыщенность».
• Волосы, борода, брови, макияж – используйте новый слой в режиме «Цветность» и мягкую кисть.
• Отдельный объект с четким контуром – выделите объект и работайте через корректирующий слой.
• Нужно повторить палитру другой картинки – используйте «Подобрать цвет».

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

Что делать, если цвет заменяется плохо?

Если результат получился грязным, пятнистым или неестественным, проверьте несколько моментов:

• Вы редактируете не тот слой. Посмотрите, какой слой выделен в панели «Слои».
• Вы слишком сильно увеличили «Разброс», и Photoshop захватил лишние оттенки.
• Вы меняете цвет на исходном слое, а не через корректирующий слой.
• На объекте есть сильные тени, блики или отражения, из-за чего один цвет на самом деле состоит из десятков оттенков.
• Край выделения слишком жесткий, и вокруг объекта осталась старая цветная кайма.
• Новый цвет слишком далек от исходного, например черный пытаемся сделать светло-желтым без восстановления светотени.

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

FAQ – частые вопросы

Как быстрее всего заменить один цвет на другой в Photoshop?

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

 

Почему после замены цвета остаются старые края?

Потому что по краям объекта обычно есть полупрозрачные пиксели, тени, сглаживание и смешение с фоном. Photoshop может заменить основной цвет, но не захватить все переходные оттенки. В таком случае увеличьте «Разброс», используйте пипетку с плюсом или работайте через маску. Иногда край нужно отдельно подчищать мягкой кистью.

 

Как перекрасить волосы в Фотошопе естественно?

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

 

Что лучше использовать: «Замена цвета» или «Цветовой тон/Насыщенность»?

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

 

Можно ли заменить черный или белый цвет на другой?

Можно, но это сложнее, чем заменить цветной объект. У черного и белого почти нет насыщенности, поэтому обычный «Цветовой тон» может почти ничего не дать. Для черных объектов часто нужно сначала поднять свет, сохранить тени, а потом добавить цвет через слой в режиме «Цветность», «Мягкий свет» или «Перекрытие». Для белых объектов важно не потерять блики и объем.

 

Почему новый цвет выглядит неестественно?

Чаще всего из-за слишком сильной насыщенности, неправильной яркости или плохой маски. Реальный объект не бывает залит одним плоским цветом: на нем есть тени, полутени, отражения и блики. Поэтому после замены нужно смотреть не только на сам оттенок, но и на светотень. Иногда достаточно уменьшить насыщенность на 10-20%, чтобы результат стал намного натуральнее.

 

В каком формате сохранять картинку после замены цвета?

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