Как поменять цвет логотипа в фотошопе. Как изменить цвет объекта в Фотошопе

Viber OUT 26.07.2019
Viber OUT

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

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

Сегодня поговорим об инструменте «Заменить цвет» из меню «Изображение – Коррекция» .

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

Окно инструмента выглядит следующим образом:

Данное окно состоит из двух блоков: «Выделение» и «Замена» .

Выделение

1. Инструменты взятия образца оттенка. Выглядят они, как кнопки с пипетками и имеют следующие назначения (слева направо): основная проба, добавление оттенка в набор для замены, исключение оттенка из набора.

2. Ползунок «Разброс» определяет, какое количество уровней (смежных оттенков) подлежит замене.

Замена

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

Практика

Давайте заменим один из оттенков градиентной заливки вот такого круга:

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

2. Идем в блок «Замена» , кликаем по цветовому окошку и настраиваем цвет, на который хотим заменить образец.

3. Ползунком «Разброс» настраиваем диапазон оттенков для замены.

4. Ползунками из блока «Замена» тонко настраиваем оттенок.

На этом манипуляции с инструментом завершены.

Нюансы

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

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

С простыми объектами дело обстоит лучше. Ореолы и нежелательные области, конечно, остаются, но устраняются проще и быстрее.

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

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

Вас не устраивает цвет вашей рубашки, или волос? Хотите поэкспериментировать и, возможно, что-либо изменить? Всё в ваших руках!
В этом уроке я покажу, как быстро и легко менять цвет любых элементов на вашей фотографии.
Итак, открываем нужное нам изображение.
Лично я подобрала вот эту фотографию:

Теперь нужно выделить ту область изображения, цвет которой вы хотите изменить. В данном случае - это будет футболка.
Используйте инструмент Лассо и другие инструменты выделения (Прямолинейное лассо , Магнитное лассо , а так же инструмент Быстрое выделение и Волшебная палочка ):


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


Если области, которые вы желаете выделить, находятся не смежно друг с другом, во время выделения удерживайте нажатой клавишу SHIFT . Это добавит выделенную область к предыдущей.
Не стоит переживать, если вы случайно вылезли немного за контур, или же выделили нежелательную область. Мы уладим это чуть позже.
Итак, закончив с выделением, вернитесь к 100% масштабу вашего изображения.
Теперь кликните на иконке Редактирование в режиме быстрая маска , которая находится на панели инструментов прямо под цветами:


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


Затем, убедившись что выбраны цвета Белый и Чёрный, возьмите инструмент Кисть , размером 13 пикселей, с жёсткими краями:. Если вы станете "рисовать" на вашем изображении чёрным , это значит, что зарисованные зоны будут добавлены к выделенной области, если же белым - они будут удалены. Таким образом мы сможем подкорректировать границы нашего выделения.
Чтобы быстро менять белый и чёрный цвет, можно использовать клавишу Х на клавиатуре.
Если размер кисти слишком велик, ила, наоборот, мал, настройте его на ваше усмотрение.
Но не забывайте, что нужно использовать только жёсткие кисти, так как мягкие придадут выделению неаккуратность.
После того, как всё готово, отключите режим маски, воспользовавшись той же иконкой, что и для его активации.
Теперь вы получили аккуратную, тщательно выделенную область. Если же вы вдруг заметили, что пропустили какое-либо пятнышко, или деталь - вернитесь обратно к быстрой маске, чтобы всё исправить.
Вот и пришло время игры с цветами.
Создайте новый слой для режима Цветовой тон/Насыщенность с помощью команд:
Слой - Новый - Слой .
Далее: Изображение - Коррекция - Цветовой тон/Насыщенность.
и можете приступать к вашим экспериментам!
Главное не переусердствуйте, так как в некоторых случаях могут теряться тени и фактурные особенности, и изображение станет выглядеть неестественно.

С помощью инструмента «Замена цвета» (Color Replacement Tool), в фотошопе можно с легкостью выполнить такую достаточно сложную и кропотливую задачу, как сделать замену цвета на изображении.

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

Местоположение Замены цвета на панели инструментов

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

Как пользоваться инструментом

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

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

Указатель мыши примет вид прицела (круг с перекрестием внутри). Работать инструментом нужно как кистью, мазками закрашивая изображение по чуть-чуть, в соответствии с установленным размером кисточки.

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

Итак, самое время понять основной принцип действия Замены цвета :

Важную роль играет перекрестие внутри круга указателя. Он не просто указывает центр, это точка, которая делает ни что иное как сравнение. Когда вы нажимаете левой кнопкой мыши в любой части изображения, эта точка попадает в пиксель (рекомендую обязательно почитать, без этого вы не разберетесь с фотошопом никогда); пиксель обязательно содержит цвет, любой, неважно! Затем фотошоп сравнивает этот цвет с другими пикселями, которые сосредоточены вокруг перекрестия, но в пределах окружности кисточки. Если цвет этого пикселя, совпадает с цветами вокруг него, происходит магия — фотошоп делает замену всех пикселей в окружности на цвет, который был вами выбран.

В чем главная фишка этого алгоритма

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

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

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

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

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

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

Настройки инструмента

Элемент 1 — Выбор пресетов (Tool Presets)

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

Элемент 2 — Настройка оттиска кисти (Brush Preset)

Еще одна стандартная опция для инструментов по типу «кисть». Позволяет настроить размер, жесткость кисти, а также ряд других параметров.

Элемент 3 — Режим рисования (Painting Mode)

Режимов здесь только четыре:

  • Цветовой тон (Hue).
  • Насыщенность (Saturation).
  • Цветность (Color) – установлен по умолчанию.
  • Яркость (Luminosity).

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

Насыщенность изменяет интенсивность цвета, не затрагивая тон и яркость.

Цветность – комбинированный режим воздействия на оттенок и его насыщенность.

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

Элемент 4 — Проба (Sampling)

Алгоритмов пробы целевых пикселей всего три:

  • Непрерывный (Continuous) – по умолчанию.
  • Разовый (Once).
  • Образец фона (Background Swatch).

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

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

Третий вариант – запасной. Если первые два режима некорректно работают, можно попробовать Образец фона . Замене подлежит цвет, соответствующий фоновому.

Элемент 5 — Ограничение (Limits)

Ограничения определяют зоны воздействия инструмента:

  • Все пиксели (Contiguous).
  • Смежные (Discontiguous) – по умолчанию.
  • Определение краев (Find Edges).

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

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

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

Элемент 6 — Допуск (Tolerance)

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

Элемент 7 — Сглаживание (Anti-alias)

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

Элемент 8 — Нажим регулирует размер (Tablet pressure controls size)

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

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

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

Как всегда нам нужно указать какой цвет мы будем заменять. Для этого можно создать выделение использовав функцию цветовой диапазон. Другими словами выделить изображение по цвету. Так же очень удобно на сегодняшний день стремиться при создании того или иного сервиса иметь хорошую техническую поддержку. И если вы не знаете как это организовать, то вам поможет http://pks-alteko.ru/tehpodderzhka/ . Отличная возможность доверить этот функционал настоящим специалистам которые знают свою работу очень хорошо.

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

Для этого заходим в меню Выделение - Цветовой диапазон (Select - Color Range)

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

После того как вы нажмете ОК, вы увидите как создалось выделение:

Теперь можно менять цвет выделенному изображению. Для этого воспользуйтесь функцией - Изображение - Коррекция - Цветовой тон/Насыщенность (Image - Adjustments - Hue/Saturation)

Появится диалоговое окно.

Сразу поставьте галочку на параметр Тонирование (внизу справа). Теперь используя параметры Цветовой тон, Насыщенность и Яркость можно настроить цвет. Я настроил синий цвет.


Рассмотрим диалоговое окно

В верхней части «Selection » (Выделение) находится вкладка из «Цветового диапазона ».

С помощью пипетки на образце картинки отмечается образец цвета, который необходимо поменять.

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

Настройка параметра «Fuzziness» (Разброс)

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


Начиная с версии Photoshop CS4 появилась дополнительная опция «Localized Color Clusters » (Локализованные наборы цветов), предназначенная для определения областей одного цвета. Её использование позволяет более точно выделить цвет на изображении.


В нижней части «Replacement » (Замена) диалогового окна «Replace color » (Заменить цвет) находится вкладка от «Hue/Saturation » (Цветовой тон/Насыщенность), с помощью которой, исходя из названия, выбирается цвет и оттенок для замены.

Рассмотрим замену цвета на конкретном примере

Шаг 1

Открываем изображение в Photoshop . Создаём сразу дубликат основного слоя (Ctrl+J).


Шаг 2

Переходим через меню «Image - Adjustments - Replace Color » ().

Допустим мне хочется поменять цвет футболки.

Шаг 3

Если у вас версия от Photoshop CS4 и выше, то сразу ставим галочку напротив «Localized Color Clusters » (Локализованные наборы цветов).

Увеличиваем «Fuzziness » (Разброс) до максимального значения.

С помощью пипетки на изображении отмечаем область. Далее, выбираем цвет на какой хотим поменять. Кликаем мышкой на цветном квадратике с подписью «Result » (Результат) и выбираем нужный оттенок.

Видно, что в области теней цвет недостаточно выделен. Выбираем Пипетку «+ » и кликаем на изображении в области складочек на футболке.


Футболка полностью прокрасилась, но вместе с тем окрасились ненужные участки, например, лицо. Выбираем Пипетку «- » и кликаем ей в области лица.


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

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

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

И напоследок ещё один совет. Если на изображении всё же присутствуют несколько областей одного цвета, а изменять среди них нужно, например, только одну, то перед использованием команды «Replace color » (Заменить цвет), следует выделить область, требующую замены цвета. В этом вам может помочь любой инструмент выделения.




Рекомендуем почитать

Наверх