Как подбирать цвет изображения в фотошопе. Взятие образцов света цвета с фотографий для их дальнейшего редактирования

01.05.2019

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

У нас есть изображение с красной будкой и нам нужно выделить будку. Как сделать это быстро и качественно? Есть несколько способов, но сегодня мы будем использовать функцию Color Range , которая находится в меню «Выделение» (Select) .

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

Кроме того, если в списке «Демонстрация выделения» (Selection Preview) внизу выбрать Black Matte наше выделение немного поблекнет.

Поэтому мы будем использовать другой метод — выбор цвета (Sampled Colors) . Это позволит выбрать несколько оттенков основного цвета. Нажимайте на телефонную будку, и изменяйте значение Fuzziness . Чем выше будет значение, тем больше выделение будет включать в себя оттенков.


Удерживайте клавишу Shift и нажимайте на оттенки красного на будке, чтобы добавить их к выделению.

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

Вы также можете активировать функцию Localized Color Clusters и изменить значение Range Slider . Это может помочь сфокусировать ваш выбор вокруг области с выбранными цветами. Значение диапазона будет уменьшать выделение вокруг объекта.

Даже после того, как вы настроили эти ползунки, вы можете вернуться назад и удерживая Shift + щелкнуть на области, которые, возможно, вы забыли добавить. Ваш результат не будет 100% совершенен, но мы поработает над этим позже.

Когда вас полностью устроит результат, нажмите «OK» и инвертируйте выделение.

Лучше всего добавить корректирующий слой (Adjustment Layer) , чтобы иметь возможность вернуться к исходному результату.

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

Все, наше изображение готово! Надеемся, этот урок вам пригодился, хотелось бы увидеть ваши результаты,

Перевод: Дежурка

Вы узнаете:

  • Как убрать цветовой сдвиг с помощью функции Neutralize (Нейтрализовать).
  • В каких случаях функцию Neutralize (Нейтрализовать) лучше не использавать.
  • Как изменить цвет платья, используя цвета с другой фотографии.
  • Как изменить настроение фотографии за счет теплых тонов другого снимка.
  • Как пользоваться разделом Image Statistics (Статистика изображения).
  • Какое изображение указывать в качестве источника, а какое в качестве цели.

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Как устроен инструмент Match Color (Подобрать цвет).
3. Поменяем цвет красного платья на расцветку платья с другой фотографии.
4. Функция Neutralize (Нейтрализовать) для устранения постороннего оттенка.
5. Замена цветовой гаммы одного снимка другим.
6. Вопросы.
7. Домашнее задание.

Как устроен инструмент Match Color (Подобрать цвет).

Функция Match Color (Подобрать цвет) доступна начиная с PhotoShoop CS. Чтобы вызвать ее пройдите в меню Image (Изображение) – Adjustments (Коррекция) - Match Color (Подобрать цвет). Эта функция работает только в режиме RGB, поэтому предварительно проверьте в меню Image (Изображение) - Mode (Режим) стоит ли галочка слева от RGB.

В появившемся окне Match Color (Подобрать цвет) вверху будет написано название файла, который вы выбрали.

Диалоговое окно состоит из двух секций: Destination Image (Конечное изображение/Место изображения) и Image Statistics (Статистика изображения). Давайте рассмотрим это окно подробнее.

Luminance (Светимость) отвечает за свет, затемняет или освещает фотографию,

Color Intensity (Интенсивность цветов) отвечает за цветовую насыщенность,

Fade (Ослабить) отвечает за насыщенность, уменьшает воздействие других параметров на изображение,

Neutralize (Нейтрализовать) убирает цветовой сдвиг. Если дополнительно параметр Color Intensity (Интенсивность цветов) сдвинуть до конца влево, то изображение станет черно-белым.

В процессе работы над следующим изображением рассмотрим настройки секции Image Statistics (Статистика изображения).

Поменяем цвет красного платья на расцветку платья с другой фотографии

Для начала откройте обе фотографии, создайте копию фонового слоя (Ctrl+J) или перетащите слой с фоном на значок Create new layer (Создать новый слой). Теперь мы можем спокойно работать с дубликатом, не боясь испортить оригинал.

Выделите платье, используя любой удобный для вас инструмент (Лассо, Перо и т. д.) Я предлагаю сделать это инструментом Color Range (Цветовой диапазон) из меню Selection (Выделение). Щелкните мышкой на красном платье, затем при помощи инструмента Lasso и режима вычитания из выделенной области обведите губы модели.

На второй фотографии грубо обведите кремовое платье. Здесь точность не нужна, главное захватить все оттенки. А вот фурнитуру (пуговицы, пряжки и т. д.) нужно вычесть из выделения. Это нужно для того чтобы Photoshop мог применить как можно больше оттенков цвета для исходного изображения.

Затем вернитесь к фото с красным платьем и выберите в меню Image (Изображение) –Adjustments (Коррекция) - Match Color (Подобрать цвет). Снимите галочку с пункта Neutralize (Нейтрализовать).

В разделе Image Statistics (Статистика изображения) выберите фото - Источник для копирования цветов изображения. В поле Source (Источник) найдите название второй фотографии. Если изображение содержит несколько слоёв, то выберите нужный слой из списка. Проследите, чтобы стояли обе галочки в разделе Image Statistics (Статистика изображения):

Use Selection in Source to Calculate Colors (Использовать выделенную область источника для расчета цветов) иUse Selection in Target to Calculate Adjustment (Использовать выделенную область цели для расчета настройки) . А в разделе Ignore selection when applying Adjustment (Не обращать внимание на выделение при применении настроек) наоборот, убрать галочку. Если не поставить эти галочки, то Photoshop возьмёт во внимание все цвета фотографии. Нажмите ОК . Снимите выделение (Ctrl+D). В заключении можно добавить контрастность, воспользовавшись New Adjustment Layer Lavels (Корректирующий слой Уровни). Переместите крайние маркеры
к подножью гистограммы. Измените Режим наложения на Luminosity (Яркость). И выполните Flatten Image (Сведение слоев).

Функция Neutralize (Нейтрализовать) для устранения постороннего оттенка.

С помощью Match Color (Подбор цвета) очень просто убрать посторонний оттенок с фотографии.

Откройте фотографию 1.jpg. Создайте копию фонового слоя (Ctrl+J). Image (Изображение) – Adjustments (Коррекция) - Match Color (Подобрать цвет). Чтобы убрать оттенок достаточно поставить галочку Neutralize (Нейтрализовать) . Немного увеличьте показатель Fade (Ослабить). Можете подрегулировать остальные настройки на свой вкус. Нажмите ОК. Если небо приобрело неестественный цвет, то ему легко вернуть прежний цвет при помощи маски слоя. Нажмите на миниатюру маски в низу палитры Layers (Слои). На панели инструментов выберите инструмент Magic wand (Волшебная палочка) и щелкните по небу. Загруженное выделение залейте черным цветом при помощи инструмента Paint Bucket (Заливка / Ведерко). Выполните сведение слоев Flatten Image (Выполнить сведение).

Замена цветовой гаммы одного снимка другим

При помощи функции Match Color (Подобрать цвет) можно перенести радостное настроение, созданное за счет теплых оттенков, с одной фотографии на другую. Для этого необходимо открыть обе фотографии. Режим должен быть установлен RGB, т. к. в других цветовых режимах эта функция не работает.

Cоздайте копию фонового слоя (Ctrl+J) у той фотографии, у которой хотите изменить цветовую гамму.

Выберите в меню Image (Изображение) – Adjustments (Коррекция) - Match Color (Подобрать цвет).

Изображение, над которым мы работаем - Target (Цель) , Изображение, с которого мы хотим взять цветовую гамму - Source (Источник) . Выберите его название из выпадающего списка. Отметьте галочкой Preview (Просмотр), чтобы видеть произошедшие изменения. Подрегулируйте настройки Luminance (Светимость), Fade (Ослабить) и Color Intensity (Интенсивность цветов). Снимите галочку с пункта Neutralize (Нейтрализовать) .

Если вы хотите перевести много фотографий в эту цветовую гамму, нажмите кнопку Save Statistics (Сохранить статистику). Для того чтобы воспользоваться сохраненными данными достаточно будет нажать Load Statistics (Загрузить статистику) и выбрать сохраненный файл.

Вопросы:

  1. Какое условие должно быть выполнено для того чтобы заработала функция Match Color (Подобрать цвет)?

Изображение должно быть в режиме CMYK.

Изображение должно быть в режиме LAB.

Изображение должно быть в режиме RGB.

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

Оба изображения должны быть одинакового размера.

Оба изображения должны быть одинакового разрешения.

Оба изображения должны быть открыты.

Оба изображения должны быть в разных цветовых режимах.

  1. Что бы убрать посторонний оттенок с изображения нужно…

Поставить галочку Use Selection in Source to Calculate Colors (Использовать выделенную область источника для расчета цветов).

Поставить галочку Use Selection in Target to Calculate Adjustment (Использовать выделенную область цели для расчета настройки).

Поставить галочку Neutralize (Нейтрализовать).

Поставить галочку Ignore selection when applyng Adjustment (Не обращать внимание на выделение при применении настроек).

Домашнее задание:

1. Откройте фотографию 1.jpg. Уберите посторонний оттенок и выполните настройки при помощи функции Match Color (Подобрать цвет).

2. Откройте фотографию 2.jpg. Поменяйте цветовую гамму на более подходящую, воспользовавшись для этого одной из своих фотографий.

3. Откройте фотографию girl.jpg и одну из своих фотографий. Поменяйте цвет платья у девушки на расцветку одежды с другой фотографии.

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

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



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




Существует несколько приемов «подбора цвета» в Фотошоп. Я обычно использую способ коррекции при помощи Карты градиента (Gradient Map) . Чтобы открыть окно данной коррекции, нажмите внизу панели слоев на иконку корректирующих слоев (черно-белый круг) и из списка выберите слой «Карта градиента» (Gradient Map) .

Карта градиента (Gradient Map) .

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


Цвет на левой стороне композиции будет применен к областям тени (фиолетовый на примере ниже) , а цвет справа (оранжевый в моем случае) будет добавлен к областям светов (Highlights) . Цвет градиента в середине (здесь зеленый) будет применен к области полутонов (Midtones) .


Вы можете попробовать несколько цветных градиентов с различными режимами (Blending Mode) их смешивания для достижения разных эффектов.
На изображении ниже вы видите, что средние тона (Midtones) окрашены в зеленый цвет, тени (Shadows) в фиолетовый, а света (Highlights) в оранжевый. Режим смешивания использован Нормальный (Normal) и Карта градиента влияет только на фон.



Вот как это выглядит с тем же градиентом, но с режимом смешивания Жесткий свет (Hard Light) и непрозрачностью (Opacity) 50%.



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

Цветовой баланс (Color Balance) .

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


Коррекция Цветовой баланс (Color Balance) разделяет изображение по всем трем каналам: Тени (Shadows) , средние тона (Midtones) и света (Highlights) , что позволяет настроить цвета отдельно для каждого канала. В нашем примере я увеличил количество зеленых и немного желтых уровней на изображении девушки.


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


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



Причина того, почему я используя коррекцию «Цветовой баланс» (Color Balance) объясняется удобством контроля за всеми тремя каналами изображения.

Цветовой баланс можно также использовать для коррекции основного оттенка изображения. На примере ниже я использовал только канал Светов (Highlights) , чтобы сделать рубашку ярче. Я отбелил рубашку, избавляясь от желтоватого оттенка, увеличив количество голубого и синего цветов (Blue and Cyan) .


Другие способы подбора цвета.

Существует много других способов подбора цвета для элементов композиции. Например, вы можете создать корректирующий слой «Цвет» (Solid Color) , и, после выбора подходящего цвета, изменить режим смешивания (Blending Mode) этого слоя или отрегулировать его непрозрачность (opacity) . Всегда используйте корректирующие слои с Обтравочными масками (Clipping Mask) , если вы хотите, чтобы коррекция влияла только на определенный объект композиции. Вы можете создать Обтравочную маску, нажав пр.кн.мыши по миниатюре корректирующего слоя и выбрав из меню пункт – Create Clipping Mask (Создать обтравочную маску) .


На примере ниже я подобрал изображение девушки на черно-белом фоне. Я хочу, чтобы изображение модели соответствовало цвету фона, и для этого буду использовать корректирующий слой «Цвет» (Solid Color) .


Режим смешивания корректирующего слоя изменяем на «Цвет» (Color) и снижаем непрозрачность (opacity) до 61%. Для повышения контраста изображения девушки я использовал корректирующий слой «Уровни» (Levels) . На обеих коррекциях создаем Обтравочные маски (Clipping Mask) , чтобы они влияли только на слой с моделью.


Фотофильтр (Photofilter) .

Другой способ подбора цвета можно осуществить с помощью коррекции «Фотофильтр». В диалоговом окне коррекции уже есть готовые наборы, но вы всегда можете использовать свои варианты цвета. Помните, что вы всегда можете изменить режим смешивания (Blending Mode) для всех корректирующих слоев в палитре.


Если ваш выбранный цвет выглядит непривлекательно в определенном режиме смешивания, попробуйте выбрать менее насыщенные цвета или более темные тона, поскольку действие режима смешивания зависит от степени яркости и насыщенности используемого цвета. Например, темный ненасыщенный синий цвет работает лучше, чем яркий насыщенный синий и использованием режима смешивания Осветление основы (Color Dodge) .

Коррекция Варианты (Variations) .

Существует еще один способ, который я использую в финале своих фотоманипуляций. Он состоит в дублировании (Ctrl+J) слоя, который вы хотите использовать для замены цвета и применения коррекции Варианты (Variations) с последующим снижением непрозрачности (Opacity) слоя. Доступ к данной коррекции выполняется через меню Изображение-Коррекция-Варианты (Image>Adjustments>Variations) . Имейте ввиду, что действие этой коррекции необратимо, поэтому всегда здесь используйте дубликат слоя.

1 голос

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

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

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

Как заменить один цвет другим

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

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

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

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

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

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

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

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

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

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

Оставляем на фото только один цвет, а меняем все остальные

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

Теперь, в любом месте фотографии, кликаем правой кнопкой мыши и выбираем «Цветовой диапазон…».

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

Соглашаемся.

Весь цвет выделился и теперь с ним можно работать, но об этом чуть позже. Для начала кое-что интересное. В верхнем меню найдите «Выделение», а затем «Инверсия». Активировать функцию можно одновременно зажав Shift+Ctrl+I.

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

Переходим в панель «Изображение» - «Коррекция» и убираем все цвета, сделав фотографию черно-белой.

Осталось только нажать Ctrl+D, чтобы снять все выделение.

Готово. Вот так выглядит картинка теперь.

Убираем определенный цвет

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

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

Находите здесь функцию «Коррекция» и можете убрать его полностью применив функцию «Обесцветить» или «Черно-белое».

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

В данном примере я убирал цвет, выделив два цвета.

Ну а для другого рисунка пришлось потрудиться и активировать опцию «Обесцветить» аж 3 раза.

В результате я добился вот такого эффекта.

Сравните с исходником.

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

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

Ну вот и все. Если вам понравился этот урок, то я рекомендую подписаться на рассылку и получать больше интересных статей не только о фотошопе, но и . Такое хобби, как .

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

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

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

Такое обучение может напрочь убить все желание. А между тем, без знаний основ у вас не получится получать прибыль. Благодаря курсам Зинаиды Лукьяновой такого не произойдет, учеба и работа в дальнейшем не станут вызывать негативных эмоций и ассоциироваться с издевательством над собственной силой.

Ну вот и все. Я желаю успехов в ваших начинаниях и до новых встреч!

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

Шаг 1. Выбираем фотографию

Запускаем Фотошоп. Откройте фотографию, которая содержит цвета, что вам нравятся. В моём случае я выбрала это фото.

Теперь перейдите в Меню и выберите Image (Изображение) - Mode (режим) - Indexed Color (Индексированные цвета). В диалоговом окне Indexed Color (Индексированные цвета) выберите то кол-во цветов, которое вы хотите получить. Я выбрала 256.

Шаг 2. Создаём и Сохраняем образцы цвета

Теперь нажимаем Image (Изображение) - Mode (Режим) - Color Table (Таблица цветов). Перед вами откроется таблица с созданными образцами.

Нажмите Save (Сохранить) и укажите имя файла.ACT. Сохранить файл можете в любом месте. Теперь откройте панель Color Swatches (Образцы). Для этого нажмите Window (Окно) - Swatches (Образцы). Когда панель откроется, выберите Load Swatches (Загрузить образцы) или Replace Swatches (Заменить образцы), щелкнув стрелку в правом верхнем углу панели.

Найдите и выберите свой.ACT-файл, чтобы загрузить новые образцы. В этот момент вы также можете изменить режим изображения обратно на RGB.

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

Похожие статьи