Поменять цвет на фотографии. Как поменять цвет одежды в фотошопе

Получилась фотография, но не устраивает цвет одежды? — С помощью фотошопа можно поменять цвет одежды и сохранить тем самым удачный снимок!

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

Вот как выглядит замена цвета одежды:

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

Итак, перед нами красивая леди в сочном голубом платье. А сколько разнообразий этих платьев в мире, различных фасонов, оттенков, кружев и рюшек. Но если нравится именно это платье, но не нравится цвет? Ничего страшного. Цвет можно легко и непринуждённо заменить на другой приглянувшийся вам оттенок. Способов реализовать эту задумку несколько. Мы рассмотрим в данной статье всего лишь два из них. Первый из которых будет Коррекция изображения.

Урок подготовлен подписчиком сайта в рамках проекта:

Можете сделать не хуже? — Отправьте заявку!

Способ 1 — Коррекция изображения

Шаг 1

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

Шаг 2

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

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

Так же с помощью клавиши Shift можно легко и быстро перейти от инструмента обычная пипетка к пипетке с плюсом. А зажав кнопку Alt к пипетке с минусом.

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

Шаг 3

Теперь поменяем платье девушки на понравившейся цвет, используя ползунки ниже:

• Цветовой тон позволяет выбрать оттенок, из которых мы будем выбирать цвет;
• Насыщенность отвечает за сочность выбранного нами оттенка;
• Яркость отвечает за то, насколько тёмным или светлым будет наш цвет.

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

Финиш

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

Чтобы их было как можно меньше, нужно всегда придерживаться основного совета при работе с фотографиями в фотошопе — берите исходники высокого разрешения. Рекомендация — .

Способ 2 — Корректирующий слой Цветовой тон/Насыщенность

Второй способ заключаются в использовании корректирующего слоя Цветовой тон/Насыщенность .

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

Выделим нужный цвет и добавим Слои — Новый Корректирующий слой — Цветовой тон/Насыщенность.

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

Вот наши варианты расцветок платья:

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

Есть способ как поменять и белый цвет одежды.

Шаг 1

Для начала выделим платье любым удобным для вас способом, будь то или простая .

Шаг 2

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

Шаг 3

Применим к новому слою , после чего мы видим, что платье приобрело хоть какой-то оттенок, это будет нам на руку.

Шаг 4

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

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

Шаг 5

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

1 голос

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

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

Надо отметить, что я пользусь Photoshop CC, но ничего специфического мы делать не будем, так что можете смело начинать читать даже если у вас более простая версия этой программы. Не онлайн сервис, конечно, он слаб и нефункционален, но в случаях с CS3, 5 или 6 расхождений вы не заметите.

Приступим?

Простая цветокоррекция

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

Кстати, если вас интересует – читайте статью, уже опубликованную в Start-Luck. Я же возьму заранее подготовленную картинку, чтобы приступить к рассказу о простой коррекции цвета и перейду к работе.

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

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

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

Цветовой баланс меняет цвета сильнее, настройка более тонкая и интересная.

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

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

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

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

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

Снимаются бегающие муравьи при помощи сочетания клавиш Ctrl+D.

Замена на контрасте

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

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

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

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

Щелкаю по спектру и различным оттенкам, пока не добьюсь идеального результата.

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

Сам же воспользуюсь инструментом «Магнитное лассо».

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

Мы же возвращаемся в «Замену цвета» раздела «Коррекция». В данном случае оттенок придется менять при помощи ползунков «Цветовой тон», «Насыщенность», «Яркость». Если я щелкаю по плашке «Результат, то получается крайне отвратительно и неправдоподобно.

На мой взгляд, оттенок платья барышни все равно далек от идеала, а потому я хочу его немного размыть. Открываю вкладку «Фильтр» и выбираю всеми любимое «Размытие по Гауссу».

Одеяние стало менее четким, зато оттенок несколько выровнялся.

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

Быстрый инструмент для сложных случаев и кардинальных изменений

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

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

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

Можно поставить зеленый.

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

Могу также предложить обучающее видео по этой теме.

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

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

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

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

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

Кое-какие варианты работы инструмента мы сможем изменить на панели параметров (это мы рассмотрим далее), но, по сути, принцип работы инструмента именно такой.

Выбор замещающего цвета

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

Режимы работы инструмента "Замена цвета"

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

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

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

Если это произойдет, просто отмените последний шаг, нажав Ctrl+Z или отмените несколько шагов, нажав Ctrl+Alt+Z нужное количество раз, а затем продолжите.

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

Сейчас мы рассмотрим, как справиться с окантовкой.

Допуск отбора заменяемых пикселей

Выше я упоминал о различных параметрах работы инструмента, и один из этих параметров - "Допуск" (Tolerance). "Допуск" определяет то, насколько заменяемый цвет может отличаться от образца. Значение по умолчанию составляет 30%, что является хорошей отправной точкой. Но, в нашем случае, это значение недостаточно для того, чтобы заменить голубые оттенки краёв шара.

Поэтому, я увеличу значение "Допуска" до 50%, что позволит расширить диапазон заменяемых цветов:

На данный момент, после увеличения значения параметра "Допуск", замена цвета воздушного шара на фотографии закончена:

Отбор проб цвета из изображения

В приведенном выше примере я сам выбрал новый цвет для воздушного шара в цветовой палитре, но я мог бы так же легко выбрать цвет непосредственно из цветов элементов самой фотографии. Чтобы это сделать, при активном инструменте "Замена цвета", зажмите клавишу Alt, что временно переключить вас в режим инструмента "Пипетка" (Eyedropper Tool), при этом Вы увидите, как Ваш курсор превратится в пипетку. Кликните по участку фотографии с желаемым цветом. Photoshop сделает этот цвет основным цветом в цветовой палитре. Для примера, я кликну по розово-красной верхней одежде девочки:

Теперь я закрашу воздушный шар выбранным цветом:

Обратите внимание, что несмотря на то, что мы закрасили весь воздушный шарик, он сохранил текстуру блестящей отражающей поверхности и объём, иными словами, внешний вид остался прежним, изменился лишь цвет. А вот если бы мы взяли обычную "Кисть" (Brush Tool) и закрасили бы шар ей, то он получился бы с безжизненной плоской поверхностью и не был бы похож на воздушный шар. Так что же помогло нам сохранить текстуру поверхности? Это мы рассмотрим во второй части материала про изменение цвета на фотографии.

В этом уроке фотограф 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), открыв окно палитры цветов, затем кликните по основному цвету в нижней части панели инструментов. Нажмите ОК.

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

Самым первым и самым простым инструментом является инструмент "замена цвета" - Изображение/Коррекция/Замена цвета...

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

Если нужно слегка подкорректировать цвет не изменяя его на противоположный, подойдет функция "выборочной коррекции". Изображение/Коррекция/Выборочная коррекция цвета...

Здесь можно изменить цвет в пределах одного и того же диапазона изменяя пропорции составляющих цветов.

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

Залейте новый слой другим цветом и примените к нему режим наложения "Умножение". Новый цвет наложится на изображение проявляя тени и света предмета.