Как поменять цвет объекта в Фотошопе и сохранить тени и блики

Быстрый ответ: выделите объект и добавьте корректирующий слой «Цветовой тон/насыщенность», он перекрасит вещь и оставит тени.

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

Статью написал:
Ваня Буявец, продюсер, основатель Checkroi
Ваня Буявец
Основатель Checkroi, продюсер, эксперт в выборе онлайн-курсов
Все 2879 статей автора Подписаться на Телеграм-канал
Одобрено экспертом:
Наташа Буявец, основатель Checkroi, эксперт по онлайн-курсам
Наташа Буявец
Основательница Checkroi, продюсер Youtube-каналов, эксперт по онлайн-курсам
Все 3533 экспертных мнения Подписаться на Телеграм-канал
Обложка: Как поменять цвет объекта в Фотошопе и сохранить тени и блики

Чтобы изменить цвет объекта в Фотошопе, выделите его (кнопка «Выделить предмет» или «Быстрое выделение») и создайте корректирующий слой «Слой» → «Новый корректирующий слой» → «Цветовой тон/насыщенность». Выделение само станет маской, и сдвиг ползунка «Цветовой тон» перекрасит только объект, а тени, блики и фактура останутся на месте. Если нужен точный цвет, например фирменный, поверх объекта кладут заливку в режиме наложения «Цвет».

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

CheckroiCheckroiПодборка курсов по Adobe Photoshop455 курсов • 46 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

Как изменить цвет объекта в Фотошопе корректирующим слоем

Рой перекрашивает объект в фоторедакторе

Скриншоты сделаны в Photopea, бесплатном браузерном редакторе, который устроен как Фотошоп: те же слои, маски и режимы наложения, а коррекции лежат в меню «Изображение». Картинку с красным шаром и жёлтым кубом мы нарисовали сами, чтобы было видно, что происходит с тенями и бликами. Где названия расходятся с Photoshop, пишем оба.

  1. Откройте снимок и продублируйте слой (Ctrl+J, на Mac Cmd+J). Оригинал останется нетронутым, если что-то пойдёт не так.
  2. Выделите объект. Для одной заметной вещи хватает кнопки «Выделить предмет» на панели «Параметры». Если в кадре несколько предметов, удобнее инструмент «Выделение объектов» или «Быстрое выделение». Лишнее убирают, проведя по нему с зажатым Alt.
  3. Смягчите край на 1–2 пикселя: «Выделение» → «Модификация» → «Растушевка». Без этого на границе останется тонкая полоска старого цвета.
  4. Создайте корректирующий слой «Цветовой тон/насыщенность» через меню «Слой» или значок на панели «Коррекция». Выделенный фрагмент становится маской этого слоя, так прямо и написано в справке Adobe о замене цвета объекта.
  5. Двигайте ползунок «Цветовой тон» на панели «Свойства», пока не получите нужный оттенок, и подправьте «Насыщенность». «Яркость» оставьте на нуле, иначе пропадёт контраст.

Быстрый вариант без корректирующего слоя: «Изображение» → «Коррекция» → «Цветовой тон/насыщенность» или Ctrl+U. Он меняет пиксели напрямую, вернуться потом можно только через историю. В редакторе на скриншотах этот пункт лежит в «Изображение» → «Коррекции», а ползунок «Цветовой тон» подписан «Оттенок».

Меню «Изображение» → «Коррекции» со списком команд изменения цвета
Коррекции в Photopea лежат там же, где в Photoshop: «Изображение» → «Коррекции». Окно цветового тона и насыщенности открывается и сочетанием Ctrl+U

Мы выделили шар лассо, открыли окно коррекции и сдвинули «Оттенок» на −140. Красный стал синим. Теневая сторона шара осталась тёмной, а тень на столе и куб никто не тронул: коррекция работает только внутри выделения и меняет тон, не трогая светлоту пикселей.

Окно цветового тона и насыщенности: тон −140, красный шар стал синим
Сдвинули «Оттенок» на −140 при выделенном шаре. Перекрасился только шар, тень на столе и куб остались прежними

Две настройки из той же справки Adobe по коррекции «Цветовой тон/насыщенность» помогают, когда цвет выходит плоским:

  • Режим наложения корректирующего слоя «Цветовой тон» сохраняет и контраст, и насыщенность исходника. Его выбирают в списке режимов на панели «Слои».
  • «Коррекция цветов» на контекстной панели задач в свежих версиях Photoshop показывает колесо самых заметных цветов снимка. Щёлкаете по нужному, и ползунки тона, насыщенности и яркости появляются прямо на холсте.

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

Способ 2: команда «Заменить цвет» для объектов одного цвета

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

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

  1. Откройте «Изображение» → «Коррекция» → «Заменить цвет» (в английском интерфейсе Replace Color, на кадре ниже «Замена цвета»).
  2. Пипеткой щёлкните по объекту. Пипеткой со знаком «+» или щелчком с зажатым Shift добавьте его тени и блики, иначе они останутся старого цвета.
  3. Ползунком «Разброс» (Fuzziness, на кадре «Размытость») расширьте захват похожих оттенков. Белым в окне предпросмотра показано то, что будет перекрашено.
  4. В нижней части окна задайте новый цвет ползунками тона, насыщенности и яркости.
Окно «Замена цвета»: разброс 100, тон −140, теневая сторона шара осталась бордовой
Образец взят с основного красного, разброс 100. Освещённая часть шара посинела, а теневая сторона и блик почти не изменились

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

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

Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединиться

Способ 3: слой в режиме наложения «Цвет»

Этот приём нужен, когда цвет задан заранее: оттенок из брендбука, цвет из каталога ткани, точный HEX от заказчика. С такими задачами постоянно работают в графическом дизайне. Ползунком «Цветовой тон» в такой цвет попасть трудно, а заливкой получается сразу.

  1. Выделите объект и создайте над ним новый пустой слой.
  2. Выберите основной цвет (HEX вписывается прямо в палитре) и залейте выделение: «Редактирование» → «Выполнить заливку» или Alt+Backspace.
  3. Поменяйте режим наложения слоя на «Цвет» в выпадающем списке панели «Слои» (в английском интерфейсе Color, в списке режимов русского Photoshop он называется «Цветность»).
  4. Если оттенок вышел слишком сочным, уменьшите непрозрачность слоя.

По описанию режимов наложения, «Цвет» берёт у слоя тон и насыщенность, а светимость оставляет от нижнего изображения. Поэтому объём и складки сохраняются. На нашем шаре плоская зелёная заливка легла с бликом и тенью.

Зелёная заливка шара на отдельном слое в режиме наложения «Цвет»
Плоская зелёная заливка в режиме «Цвет» сохранила блик и тень шара. Слой «Цвет» лежит поверх исходника, оригинал не тронут

Присмотритесь к краю шара: вдоль контура заметна тонкая тёмно-красная кайма. Выделение здесь было без растушевки, и последние пиксели на границе заливка не захватила. Растушевка в 1–2 пикселя из первого способа убирает этот дефект. Про другие режимы наложения подробнее в инструкции, как наложить фото на фото в Фотошопе.

Способ 4: кисть «Замена цвета»

Инструмент «Замена цвета» спрятан в одной группе с кистью: удерживайте значок кисти на панели инструментов или нажимайте Shift+B, пока он не появится. Им закрашивают объект вручную, и кисть меняет тон только у пикселей, похожих на тот, что под её центром.

  • Основной цвет на панели инструментов задаёт, в какой цвет красим.
  • Режим «Цветность» (в справке Adobe «Цвет») в параметрах кисти сохраняет светлоту, как в третьем способе.
  • Допуск решает, насколько далёкие от образца пиксели кисть тоже перекрасит. Начните с 30 % и повышайте, если остаются пятна.
  • Ограничение «Выделение краёв» не даёт заехать на соседний предмет.

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

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

Цветовой круг, веер образцов и планшет на столе дизайнера
Способ Когда брать Минус
Корректирующий слой «Цветовой тон/насыщенность» Почти всегда: одежда, машина, стены, глаза Нужно аккуратное выделение
«Заменить цвет» Однотонный объект на контрастном фоне Цепляет похожие цвета вокруг, без доп. проб теряет тени
Слой в режиме «Цвет» Нужен точный оттенок по HEX Не осветляет тёмное и не затемняет светлое
Кисть «Замена цвета» Мелкие детали Меняет пиксели навсегда, плохо берёт тёмное
«Выборочная коррекция цвета» (Selective Color) Сдвинуть один цвет на всём фото, например листву Тонкая настройка, крупные сдвиги даёт плохо

Пятый способ из таблицы ближе к цветокоррекции. Он открывается там же, в «Изображение» → «Коррекция», и меняет разом все пиксели выбранной группы цветов (красные, жёлтые, нейтральные), выделять предмет не нужно. Если хочется понять, откуда в цвете берётся «грязь» и как её убирать, пригодится наш разбор, как улучшить качество фото в Photoshop.

Как поменять цвет одежды на фото

Рой сравнивает футболки разных цветов для каталога

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

  • Выделяйте инструментом «Выделение объектов», а не кнопкой «Выделить предмет». Кнопка берёт человека целиком, вместе с лицом и руками, а вам нужна только кофта.
  • Принт и логотип уберите из маски чёрной кистью, иначе надпись тоже сменит цвет. Белые буквы, правда, не пострадают: у них нет насыщенности.
  • Сверяйте результат с кожей. Ткань отбрасывает цветной рефлекс на шею и подбородок. Если футболка стала синей, а под подбородком остался красноватый отсвет, глаз сразу заметит подделку. Такой рефлекс гасят отдельным слоем «Цветовой тон/насыщенность» с маской только на этом участке.

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

Ваня БуявецКанал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в канал

Как перекрасить белый или чёрный объект

Самый частый вопрос после первой попытки: белую футболку двигают ползунком «Цветовой тон», а она остаётся белой. Так и должно быть. У белого, серого и чёрного насыщенность равна нулю, и тону просто не во что сдвигаться.

Белое в цвет

  1. В корректирующем слое «Цветовой тон/насыщенность» включите галочку «Тонирование» (в браузерном аналоге «Раскрасить»). Теперь ползунок «Цветовой тон» задаёт цвет с нуля.
  2. Поднимите «Насыщенность» и немного опустите «Яркость»: белый слишком светлый, на нём любой цвет выглядит бледным.
  3. Если ткань пересвечена и складок не видно, добавьте под коррекцией слой «Уровни» и сдвиньте правый ползунок влево, чтобы вернуть рисунок.

Чёрное в цвет или в белый

Режим «Цвет» и «Тонирование» чёрную вещь не перекрасят: они сохраняют светлоту исходника, а у чёрного она почти нулевая. Сначала осветлите объект по маске слоем «Кривые» или «Уровни», чтобы проявились складки, и только потом давайте цвет.

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

Частые ошибки и что с ними делать

  • По краю объекта ореол старого цвета. Выделение было жёстким. Растушуйте его на 1–2 пикселя или докрасьте край маски мягкой белой кистью.
  • Перекрасился соседний предмет похожего цвета. Так работает «Заменить цвет» без выделения. Выделите объект перед командой или сотрите лишнее с маски чёрной кистью.
  • Цвет стал грязным или серым. Скорее всего, тронута «Яркость». Верните её к нулю и меняйте только тон и насыщенность.
  • Тени остались старого цвета. Пробы пипеткой были только по светлой части. Добавьте пробы по теням или перейдите на корректирующий слой с маской.
  • Пункты коррекции серые и не нажимаются. Проверьте режим изображения: «Изображение» → «Режим» → «RGB». И убедитесь, что активен слой с картинкой, а не пустой.

Если Photoshop нет, первые три способа повторяются в браузерном редакторе, мы проверили их на кадрах выше. Adobe остановила новые продажи в России в марте 2022 года, поэтому многие учатся на бесплатной Photopea: она открывается в браузере без установки. Другие варианты собраны в подборке аналогов Photoshop.

Где освоить Фотошоп системно

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

КурсШколаСтоимость со скидкойВ рассрочкуДлитель­ностьОбзор курса от Checkroi
Photoshop для архитекторов и дизайнеров интерьера
Перейти на сайт курса
SkillboxSkillbox36 018 ₽4844 ₽/мес.2 месяцаОбзор курса
Adobe Photoshop
Перейти на сайт курса
НИУДПО имени К.Д. Ушинского (НИИДПО)НИУДПО (НИИДПО)14 800 ₽3700 ₽/мес.7 недельОбзор курса
Онлайн-курс Adobe Photoshop
Перейти на сайт курса
БруноямБруноям16 900 ₽1408 ₽/мес.1 месяцОбзор курса
Графический дизайн Photoshop
Перейти на сайт курса
CoddyCoddy9200 ₽ - 2 месяцаОбзор курса
Adobe Photoshop
Перейти на сайт курса
НАРХСИНАРХСИ14 800 ₽2467 ₽/мес.2 месяцаОбзор курса

Больше программ — в полном каталоге курсов по Adobe Photoshop

Часто задаваемые вопросы

Как поменять цвет объекта в Фотошопе, не трогая фон?

Выделите объект кнопкой «Выделить предмет» или инструментом «Быстрое выделение» и создайте корректирующий слой «Цветовой тон/насыщенность». Выделение станет маской слоя, поэтому ползунок «Цветовой тон» перекрасит только объект, а фон останется прежним.

Почему в Фотошопе не меняется цвет белой или чёрной вещи?

У белого, серого и чёрного нет насыщенности, поэтому ползунку «Цветовой тон» нечего сдвигать. Белое красят с галочкой «Тонирование» в том же корректирующем слое. Чёрное сначала осветляют по маске «Кривыми» или «Уровнями», а потом дают цвет.

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

Откройте «Изображение» → «Коррекция» → «Заменить цвет», щёлкните пипеткой по нужному цвету, расширьте захват ползунком «Разброс» и задайте новый тон. Для групп цветов вроде всей листвы на снимке удобнее «Выборочная коррекция цвета».

Как перекрасить объект в точный цвет по HEX-коду?

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

Можно ли изменить цвет объекта без Photoshop?

Да, в бесплатном браузерном редакторе Photopea. Коррекция лежит в «Изображение» → «Коррекции», там же есть «Замена цвета», а слой в режиме «Цвет» работает так же, как в Фотошопе.

Читайте Checkroi первым в Google
Добавьте Checkroi в избранные источники — и наши разборы курсов и обзоры школ будут показываться выше в вашей выдаче Google.
Оставить комментарий
0 комментариев
Форма комментария

Оставьте комментарий

Напишите, что думаете. Нам важно ваше мнение!