Adobe Photoshop-Компьютеры и ПО1 комментарий

В зависимости от цветовой гаммы иконки и поставленных задач в Photoshop можно использовать следующие инструменты:

«Изображение» > «Регулировки» > «Тон/Насыщенность»

или

«Изображение» > «Регулировки» > «Заменить цвет».

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

В иконке один цвет

иконка бегущий человек

Если точность цвета не сильно важна, можно воспользоваться «Тон/Насыщенность»

функция "тон насыщенность" в фотошопе

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

Если нужно задать определённый оттенок цвета иконки, рекомендую воспользоваться функцией «Заменить цвет»

функция заменить цвет в фотошопе

Обычной пипеткой (без плюса и минуса) выбираем цвет, который хотим изменить. Можно кликнуть по иконке в рабочем окне Фотошопа, а можно прямо здесь же в открытом окне.

Для исходного изображения с одним цветом, не обязательно трогать переключатель «Разброс».

Примечание:

Если же вы не уверены, что в иконке используется только один оттенок, советую выставить значение на «200».

Нажимаем на квадратик с образцом желаемого результата. Появится «Сборщик цветов». Выбираем цветовую гамму вручную или вводим HTML код цвета.

Здесь же можно подкрутить цвет «на глазок», не выбирая цвета (тон, насыщенность, яркость).

В иконке несколько оттенков одного цвета

иконка с бегущим человеком

Используем «Тон/Насыщенность» чтобы быстро изменить цвет «на глаз». Всё оттенки без проблем будут изменяться, при этом чётко соответствуя выбранному цвету.

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

Чтобы это избежать, во-первых, обязательно нужно выставить «Разброс» на «200». Если не поможет, то нужно добавить непрокрашенный оттенок в образец: нажмите на пипетку с плюсиком.

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

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

В иконке несколько цветов и их оттенков

иконка бегущий человек и галочка

Изменение всех цветов сразу

Если у вас нет необходимости в замене какого-то определённого цвета, можно воспользоваться «Тон/Насыщенность» не трогая настроек «Редактирование» (в открывшемся окне).

Изменение определённого цвета

Если вы хотите изменить только один цвет можно также использовать «Тон/Насыщенность», но в настройках «Редактирование» в этом случае необходимо выбрать оттенки какого цвета вы хотите изменить (красные, желтые, зелёные, голубые, синие, пурпурные).

тон насыщенность в фотошопе

Можно также воспользоваться функцией Photoshop «Заменить цвет». Обычной пипеткой ткните по оттенку, цвет которого вы хотите заменить. Выставляем «Разброс» на максимум. После этого задайте определённый цвет, или подберите его, регулируя ползунки «Тон», «Насыщенность», «Яркость».

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

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


1 комментарий к этой статье

Комментировать