Как изменить значок фотошопа

Помогла ли Вам статья?

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

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

или

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

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

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

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

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

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

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

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

Примечание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С помощью Фотошопа можно перекрасить что угодно: хотите взглянуть, как бы вы выглядели с малиновыми волосами, увидеть ярко-рыжего Тома Круза или покрасить свою собаку в зеленый? Не проблема. Сегодня я расскажу вам, как можно без труда заменить цвет любого объекта на фотографии так, чтобы это выглядело максимально натурально. Если вы совсем новичок в этом деле, но желание добавить цвета сильнее страха перед Фотошопом – вы по адресу. Приготовьтесь к путешествию в мир ярких цветов!

Меняем цвет объекта в Фотошопе: 7 способов

Adobe Photoshop предлагает несколько способов изменения цвета и тонирования объекта. Каждый из них дает разный результат: все зависит от того, чего вы хотите добиться. Можно слегка поменять тон предмета или кардинально изменить цвет, перекрасить всю картинку или только ее часть. Давайте подробно разберем все инструменты и способы изменения цвета на фотографии.

Цветовой тон/Насыщенность

С помощью корректировки «Цветовой тон/Насыщенность» (Hue/Saturation) можно поменять цвета всей картинки или только выделенной части. Чтобы вызвать это окно, перейдите во вкладку «Изображение – Коррекция – Цветовой тон/Насыщенность» или просто нажмите сочетание клавиш Ctrl+U. 

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

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

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

Окно «Замена цвета»

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

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

1. Щелкаю по желтому цветку пипеткой. В окне «Цвет» сразу отображается выбранный оттенок. 
2. Ставлю галочку «Локализованные наборы цветов» и с зажатым Shift щелкаю по цветочкам на фотографии, чтобы добавить все оттенки желтого.
3. Регулирую разброс, тон, насыщенность и яркость. 
4. Нажимаю ОК. Неплохо!

Инструмент «Замена цвета»

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

Он работает очень просто – выбирайте цвет с помощью палитры и закрашивайте нужный объект. Я выберу малиновый цвет, чтобы перекрасить шляпу. Обратите внимание на режим наложения, здесь должен стоять параметр «Цветность» (Color). 

Думаю, шляпа теперь выглядит веселее

Изменение цвета выделенного объекта

Если аккуратно выделить объект, можно изменить его цвет несколькими способами. Давайте попробуем это сделать на примере фотографии с бананом.

1. Возьмите инструмент «Выделение предметов». 
2. Выделите курсором область, в которой находится объект. 
3. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation). 
4. Двигайте ползунки, чтобы изменить цвет. Здесь же можно поменять насыщенность и яркость объекта. 

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

Таким же образом вы можете менять цвет выделенного предмета с помощью окна «Замена цвета». Выделите объект инструментом «Быстрое выделение», затем перейдите во вкладку «Заменить цвет».

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

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

Меняем цвет предмета кистью

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

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

Менять размер кисти можно с помощью клавиш «]» и «[» на клавиатуре прямо во время окрашивания. Вы можете просто закрашивать мышкой вручную, но так будет достаточно сложно сделать ровную линию. Обычно я делаю так: щелкаю мышкой в одной точке, а с зажатой клавишей Shift – в другой. Так получается ровная линия – этим способом удобнее закрашивать края предмета.

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

Использование масок

Изменение цвета с помощью кисти

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

1. Нажмите на этот значок, чтобы создать новый корректирующий слой. 
2. Выберите «Цветовой тон/Насыщенность». 
3. Двигайте ползунки, пока не получите нужный вариант цвета. 
4. Нажмите Ctrl+I. Это позволяет сделать инверсию слоя-маски. Маска стала черной, и теперь мы ее не видим. 
5. Выберите инструмент «Кисть» (B) и поставьте белый цвет кисти. Белый цвет проявляет слой-маску. 
6. Настройте кисть: она должна быть 0% жесткости, мягкая и круглая. Регулируйте удобный размер кисти в окне настроек или нажатием клавиш «]» и «[». 
7. Закрасьте объект кистью – вы увидите, как проявляется слой с цветом. 
8. Аккуратно пройдитесь кистью по всем контурам. Если необходимо поправить цвет и тон, щелкните по иконке корректирующего слоя.
9. Режим наложения установите на «Цветность» или «Цветовой тон». Готово!

Изменение цвета заливкой

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

1. Нажмите на значок создания нового корректирующего слоя и нажмите «Цвет».
2. Выберите цвет, в который хотите перекрасить объект. Я, конечно, беру зеленый.
3. Кликните на миниатюру маски и нажмите Ctrl+I, чтобы сделать инверсию маски. 
4. Аккуратно выделите объект инструментом «Быстрое выделение» или «Выделение предмета». 
5. Можно уточнить выделение, нажав правой кнопкой мыши на «Выделение и маска». 
6. Уточните края и при желании сделайте сглаживание, настройте контрастность. 
7. Переключитесь на слой-маску, выберите инструмент «Выделение». 
8. Нажмите по выделению правой кнопкой мыши – «Выполнить заливку». 
9. Кликните по стрелочке, выберите «Белый». 
10. Далее просто поменяйте режим наложения на «Цветовой тон». 

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

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

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

Как изменить цвет волос в Фотошопе

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

1. Откройте картинку. Я буду упражняться в колористике на этом примере. 
2. Создайте корректирующий слой «Цветовой тон/Насыщенность». 
3. Щелкните галочку «Тонирование» и покрутите ползунки изменения цвета и яркости. Сейчас вы видите маску целиком.
4. Щелкните по миниатюре слоя-маски и нажмите Ctrl+I. 
5. С помощью белой кисти прокрасьте зону волос. Аккуратно пройдитесь по краям мягкой круглой кистью.

Вуаля! Кажется, фотография выглядит как настоящая.

Заключение

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

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

This particular set is composed of shapes and text, so resizing is not going to impact quality, but you can’t just downsize these icons. An icon is a special kind of infographic. Its purpose is to communicate easily-recognized information at any given size, so your first step, before you start scaling anything, is to identify what parts of the icon carry the information. These must remain legible, the rest is disposable.

In this case, the circle shapes don’t carry any information, but in several cases their colors do, so you can’t eliminate them. You can scale them freely, though. The graphical elements in the circles carry the vital information, so you must treat them more carefully.

Here’s how to scale this set from 48 px to 24 px, working from the PSD:

• Open the layer set for one of the icons. Let’s pick the Google+ icon.

• Select the circle and choose Edit > Transform > Scale. Be sure that the center point in the Transform control proxy is selected, and toggle the link between the W and H fields so your scaling is proportional.

• Enter 50 in the W or H field and press Enter/Return.

At this point, your circle is 24 px in diameter, but the «g» and the «+» are too large.

• Select both the «g» shape layer and the «+» text layer, and choose Edit > Transform > Scale as before, but this time, enter 80 in the W or H field and press Enter/Return.

• Nudge the «g+» layers to center them in the circle.

This reduced icon still conveys the same information clearly, but is the size you need and will be consistent with the rest of the set when you have scaled them.

Treat the rest of the icons similarly. The circles define the boundaries, so they are all scaled 50%. The amount that you scale each graphic will vary (the Skype icon works better at 75% than 80%), so you’ll have to experiment a bit. Experience will teach you as you go.

Different sizes will need different proportions and appropriate scaling amounts. The important thing is to differentiate what is information and what is decoration. You can scale or throw away decoration; you must keep information legible.

Pictorial «icons» and icons that have a lot of detail can’t simply be scaled. They must be simplified when reduced in size so that the information remains clear, so you must create a different icon for smaller sizes. The same principle is followed in designing logos — what works well on a poster may need to be greatly simplified for a business card — and in type design.

This particular set is composed of shapes and text, so resizing is not going to impact quality, but you can’t just downsize these icons. An icon is a special kind of infographic. Its purpose is to communicate easily-recognized information at any given size, so your first step, before you start scaling anything, is to identify what parts of the icon carry the information. These must remain legible, the rest is disposable.

In this case, the circle shapes don’t carry any information, but in several cases their colors do, so you can’t eliminate them. You can scale them freely, though. The graphical elements in the circles carry the vital information, so you must treat them more carefully.

Here’s how to scale this set from 48 px to 24 px, working from the PSD:

• Open the layer set for one of the icons. Let’s pick the Google+ icon.

• Select the circle and choose Edit > Transform > Scale. Be sure that the center point in the Transform control proxy is selected, and toggle the link between the W and H fields so your scaling is proportional.

• Enter 50 in the W or H field and press Enter/Return.

At this point, your circle is 24 px in diameter, but the «g» and the «+» are too large.

• Select both the «g» shape layer and the «+» text layer, and choose Edit > Transform > Scale as before, but this time, enter 80 in the W or H field and press Enter/Return.

• Nudge the «g+» layers to center them in the circle.

This reduced icon still conveys the same information clearly, but is the size you need and will be consistent with the rest of the set when you have scaled them.

Treat the rest of the icons similarly. The circles define the boundaries, so they are all scaled 50%. The amount that you scale each graphic will vary (the Skype icon works better at 75% than 80%), so you’ll have to experiment a bit. Experience will teach you as you go.

Different sizes will need different proportions and appropriate scaling amounts. The important thing is to differentiate what is information and what is decoration. You can scale or throw away decoration; you must keep information legible.

Pictorial «icons» and icons that have a lot of detail can’t simply be scaled. They must be simplified when reduced in size so that the information remains clear, so you must create a different icon for smaller sizes. The same principle is followed in designing logos — what works well on a poster may need to be greatly simplified for a business card — and in type design.