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

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

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

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

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

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

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

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

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

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

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

ПРИМЕЧАНИЕ! Если с увеличением разброса заливаются другие отделы картинки, то придется все же воспользоваться выделением – об этом я расскажу чуть позже.

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

Способ 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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