Как изменить цвет иконки в фотошопе: Как перекрасить иконку в фотошопе

За изменение цвета объекта в диалоговом окне Цветовой тон/Насыщенность (Hue/Saturation) отвечает ползунок Цветовой тон (Hue). При выборе пункта Все (Master) происходит замена всех цветов, попавших в выделенную область. В то же время можно указать один из базовых цветов моделей RGB и CMYK, на который будет воздействовать инструмент (рис. 3). В этом случае, если объект является единственным на изображении, состоящем из одной группы цветов, предварительно выделять его нет необходимости.

Рис. 3. Использование диалогового окна Цветовой тон/Насыщенность для замены голубого цвета на сиреневый

Рис. 4. Исходное изображение девушки (a) и результат перекраски и нанесения загара (б)

Так, на рис. 4 для изменения цвета кофты с голубого на сиреневый выделять ее не пришлось, достаточно было выбрать голубой цвет, подлежащий замене (см. рис. 3). Но для окрашивания остальных объектов проводилось их предварительное выделение.

Примечание. В приведенном примере для перекраски волос и кофты применялся инструмент Цветовойтон/Насыщенность (Hue/Saturation), а для нанесения загара — инструменты Заменить цвет (Replace Color), чтобы немного затемнить тон кожи, и  Замена цвета (Color Replacement), чтобы осуществить перекраску кожи в коричневый цвет.

Не забывайте при замене цвета использовать оставшиеся два ползунка: Насыщенность (Saturation), позволяющий повышать или понижать насыщенность выбранного цвета, и Яркость (Lightness), затемняющий или осветляющий выбранный цвет.

Диалоговое окно «Заменить цвет»

Команда Заменить цвет (Replace Color) заменяет цвет на изображении, который выбран с помощью пипеток. Первый щелчок пипеткой  выбирает заменяемый цвет, последующие щелчки пипетками со знаком «+» или «–» уточняют диапазон цветов (рис. 5). Части изображения, соответствующие выбранным цветам, в области предварительного просмотра обозначаются белым цветом. Помимо пипеток для расширения или сужения выбранных оттенков применяется ползунок Разброс (Fuzziness).

Рис. 5. Диалоговое окно Заменить цвет

С помощью ползунков Цветовой тон (Hue), Насыщенность (Saturation) и Яркость (Lightness) определяется цвет замены. Кроме того, заменяемый и замещающий цвета можно выбрать из палитры цветов, которая вызывается щелчком по образцу цвета. В большинстве случаев предварительного выделения фрагментов не требуется.

Примечание. Обратите внимание, что диалоговое окно Заменитьцвет (Replace Color) очень похоже на инструмент выделения Цветовой диапазон (Color Range), который производит выбор фрагмента по группе цветов. Получается, что диалоговое окно Заменить цвет (Replace Color) совмещает в себе функции двух инструментов: инструмента выбора Цветовой диапазон (Color Range) и инструмента замены цвета Цветовой тон/Насыщенность (Hue/Saturation).

Оптимальный результат при использовании диалогового окна Заменить цвет (Replace Color)достигается в случае, если заменяемый цвет близок к однородному. Иначе на изображении появляется шум, от которого приходится избавляться с помощью дополнительных инструментов. Пример использования данного инструмента для перекраски лепестков тюльпана приведен на рис. 6.

a

b

Рис. 6. Исходное изображение тюльпана (a) и результат его перекраски в диалоговом окне Заменить цвет (б)

Избирательная корректировка цвета

Избирательная корректировка цвета осуществляется в диалоговом окне Выборочная коррекция цвета (Selective Color) (рис. 7), позволяющем выборочно изменить объем составного цвета в любом из основных цветов, не меняя другие основные цвета.

Рис. 7. Диалоговое окно Выборочная коррекция цвета

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

a

b

Рис. 8. Исходное изображение (a) и результат удаления желтого оттенка, полученного от освещения настольной лампой, с помощью диалогового окна Выборочная коррекция цвета (б)

Использование режима Lab

Цветовая модель Lab основана на трех параметрах: L — яркость (Lightness) и двух хроматических компонентах — a и b. Параметр a изменяется от темно­зеленого через серый до пурпурного цвета. Параметр b содержит цвета от синего через серый до желтого. Это обстоятельство можно использовать для быстрой перекраски фрагментов изображения путем инвертирования прямой в каждом канале (при условии, что этот объект легко выделить или все остальные цвета на изображении близки к нейтральным). Для инвертирования прямой достаточно перетащить верхнюю правую точку прямой вниз, а нижнюю левую точку — вверх.

При инвертировании прямой в канале a можно получить следующие результаты:

• красный и бордовый цвета перекрашиваются в зеленый;
• зеленый становится светло­коричневым.

При инвертировании прямой в канале b можно получить другие результаты:

• красный становится пурпурным или сиреневым в зависимости от исходного оттенка, а пурпурный и сиреневый — красным;
• желтый превращается в синий.

При инвертировании прямой в обоих каналах одновременно получаются следующие результаты:

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

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

Теперь рассмотрим несколько примеров. На рис. 9 представлено исходное изображение кувшина с крышкой и ручкой красного цвета.

Сначала необходимо перевести изображение в режим Lab, выполнив команду Изображение (Image) -> Режим (Mode) -> Lab. В данном случае для выделения крышки и ручки вполне сгодится инструмент  Быстрое выделение (Quick Selection).

Рис. 9. Исходное изображение кувшина

a

b

c

Рис. 10. Результат перекраски фрагментов: а — в зеленый цвет путем инвертирования прямой в канале a; б — в сиреневый цвет путем инвертирования прямой в канале b; в — в голубой цвет путем инвертирования прямой в каналах a и b

Рис. 11. Исходное изображение зеленых листьев

В диалоговом окне Кривые (Curves) (оно вызывается комбинацией клавиш Ctrl+M) из списка Канал (Channel) выбираем канал a и инвертируем прямую (рис. 10а).

Если инвертировать прямую в канале b, не меняя положение прямой в канале a, получим сиреневый цвет (рис. 10б). Инверсия прямой в обоих каналах даст голубой цвет (рис. 10в).

В ходе перекраски цвета изображения могут поблекнуть. Повысить их насыщенность тоже можно в режиме Lab, не прибегая к диалоговому окну Цветовой тон/Насыщенность (Hue/Saturation). Для этого необходимо увеличить угол наклона прямой в обоих цветовых каналах. На рис. 11 приведено исходное изображение зеленых листьев. При инвертировании прямой в канале a получаем блеклый коричневый цвет (рис. 12).

Рис. 12. Результат перекраски листьев в светло-коричневый цвет путем инвертирования прямой в канале a

Рис. 13

Для повышения насыщенности цветов и превращения летнего пейзажа в осенний изменим в каналах a и b угол наклона прямой (рис. 13).

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

КомпьюАрт 4’2011

Как перекрасить иконку PNG в Photoshop

Есть два способа перекраски растровых значков:

1. Сложный способ: 9 шагов в фотошопе. Эта статья подробно описывает это.
2. Простой способ: одним щелчком мыши в веб-приложении Icons8. Ознакомьтесь с функциями Icons8 Must Try, чтобы узнать больше.

Итак, вы скачали бесплатный набор иконок для Windows 8 или iOS9. Давайте заставим их засиять новым великолепием.

Получение Adobe Photoshop

Вам понадобится Photoshop (зачем возиться с Photoshop? См. Нижнюю часть сообщения).Если у вас его нет, обычная лицензия стоит 20 долларов в месяц, но вы также можете:

• Загрузите полнофункциональную 30-дневную пробную версию . По истечении срока вы можете либо зарегистрировать его, либо установить на другом компьютере.
• Купите Photoshop Elements за 80 долларов. В нем есть весь необходимый функционал и многое другое.

Открытие файла

Верно, уважаемые читатели. Среди вас есть разработчики программного обеспечения, некоторые кандидаты наук и MBA, но все же я собираюсь научить вас, как открывать файл open
Итак, выберите значок и либо перетащите его на значок Photoshop, либо используйте Cmd + O ( Ctrl + O в Windows) для открытия диалога. Подсказка: не беспокойтесь о том, что Adobe предлагает вам под названием Adobe Bridge. Выберите желаемый размер, например 128 × 128 пикселей:

Раскраска иконы

1. Убедитесь, что цветовой режим

Если это оттенков серого , значок будет в оттенках серого независимо от того, какой цвет вы выберете. В меню нажмите Изображение-> Режим-> Цвет RGB.

2. Убедитесь, что у вас есть палитра слоев

Это выглядит так:

Обычно он находится в правой нижней части экрана.Если это не так, используйте Window-> Layers, чтобы открыть его.

3. Щелкните значок

Откроется такое диалоговое окно:

5. Щелкните поле цвета

6. В диалоговом окне цвета выберите желаемый цвет

7. Нажмите ОК во всех диалоговых окнах

Наслаждайтесь результатом. Если все устраивает, сохраните файл PNG с помощью File-> Save for Web. Вы увидите следующее диалоговое окно:

8.Убедитесь, что для файла

9. Нажмите «Сохранить»

Готово. Теперь вы можете перекрасить любую иконку. Большой!

Почему фотошоп?

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

• У вас никогда не будет проблем с сопоставимостью . Так же, как и мы, вы можете открыть PSD, SVG, AI, EPS, что угодно, и все будет нормально. Для сравнения посмотрите, что у меня есть в одном из «простых» инструментов.Как видите, результат непредсказуем в зависимости от исходного формата, от идеальной ошибки до несколько искаженного ее тела:
  
• Другая причина в том, что вы изучаете мощный инструмент. Если вы когда-нибудь захотите раскрасить его градиентом, узором или каким-либо образом разрушить, вы можете сделать это с помощью дополнительных движений. Разве это не здорово?

Рано или поздно перекрашенный значок — это значок «Продано». Но что, если люди попытаются украсть у вас? Узнайте, что делать, если кто-то ворует у вас 7 раз в день

Узнайте об одной из самых ярких неудач Icons8 в книге «Как мы потеряли 47% наших пользователей после редизайна».

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

Попробуйте бесплатные инструменты для разработчиков от команды Icons8

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

4 простых способа перекрасить иконки | автор: Иева Андрюлевичуте

Плюсы:

Бесплатно

Очень легко и быстро перекрашивать значки

Веб-интерфейс, поэтому он не ограничен какой-либо операционной системой

Поддерживает векторный формат SVG

Сохраняет «Недавно used ”colors

Cons:

Может некорректно отображать некоторые SVG.

Adobe Photoshop (Windows и Mac)

Новые модные графические инструменты появляются постоянно.Но старый добрый, почти 30 лет, Adobe Photoshop все еще остается золотым стандартом. И есть вероятность, что даже если вы начали использовать новые инструменты, такие как Pixelmator или Sketch, у вас все еще установлена ​​копия Photoshop, и вы используете ее довольно часто.

Вот как легко перекрасить значок с помощью Adobe Photoshop:

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер. Если вы собираетесь использовать значок в презентациях, мы рекомендуем самый большой размер — 512 x 512 пикселей.Выберите формат PNG, который изначально поддерживается в Photoshop.

Шаг 2 — Откройте панель Blending Options… , щелкнув правой кнопкой мыши по слою и выбрав Blending Options… .

Шаг 3 — Щелкните Color Overlay и щелкните образец цвета, чтобы выбрать новый цвет.

Вот и все! Photoshop может быть довольно сложным, но, к счастью, перекрасить иконку очень просто.

Плюсы:

Очень легко перекрашивать значки

Доступно как для Windows, так и для Mac

Минусы:

Photoshop — дорогостоящая программа по сравнению с альтернативами.

Векторный формат SVG изначально не поддерживается.

Sketch (только для Mac)

В то время как Photoshop — проверенная рабочая лошадка для работы с графикой, Sketch by Bohemian Coding — относительно молодой новичок. Sketch быстро завоевал популярность среди профессиональных дизайнеров веб-сайтов и приложений и доказал свою способность быть первоклассным членом набора инструментов дизайнеров.

Вот как перекрашивать значки с помощью Sketch:

Шаг 1 — Найдите нужный значок в Iconfinder.Поскольку Sketch создан как векторный инструмент и изначально поддерживает формат SVG, вам не нужно беспокоиться о размере. Просто скачайте значок в формате SVG.

Шаг 2 — Если значок состоит из нескольких сгруппированных слоев, начните с разгруппировки, пока не будут выбраны все слои.

Шаг 3 — Выбрав все слои, используйте панель «Заливки», чтобы открыть палитру цветов и выбрать новый цвет заливки.

Pros

Sketch изначально поддерживает векторный формат SVG.

При единовременной оплате в 99 долларов Sketch дешевле Adobe Photoshop.

Минусы

К сожалению, Sketch доступен только для Mac.

Powerpoint (Windows и Mac)

Использование значков в презентациях стало популярной альтернативой стандартным изображениям. Но иногда вы будете использовать тему, которая не соответствует цвету значков по умолчанию, которые вы хотите использовать. Конечно, вы можете использовать одну из других программ из этого поста, чтобы перекрасить значки, но вы также можете сделать это прямо в Microsoft PowerPoint.

Вот как можно настроить цвет значка с помощью Microsoft PowerPoint

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер. Мы рекомендуем выбрать самый большой размер — 512 x 512 пикселей. Выберите формат PNG, который изначально поддерживается в PowerPoint.

Шаг 2 — Вставив значок, выберите значок и перейдите к Форматировать изображение и щелкните Перекрасить .

Шаг 3 — Выберите свой цвет, и готово.

Плюсы

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

Веб-интерфейс, поэтому он не ограничен какой-либо операционной системой

Минусы

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

Версию данного руководства для Windows можно найти в подробном посте на Как использовать значки в презентациях PowerPoint.

Предварительный просмотр (только Mac)

Если вам в основном нужно настроить тон цвета значка, вы можете сделать это бесплатно.Используя предварительный просмотр, поставляемый с Mac OS X, вы можете настроить уровни цвета и легко сделать черный значок белым. Так что, если это все, что вам нужно, Preview подойдет.

Вот как перекрасить значок с помощью Preview

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер. Выберите формат PNG, который изначально поддерживается в Preview.

Шаг 2 — Откройте палитру Adjust color… » из меню инструментов .

Шаг 3 — Отрегулируйте уровни, перемещая ручки максимумов и минимумов в противоположные стороны, эффективно инвертируя цвета.

Pros

Предварительный просмотр бесплатен и встроен в Mac OS X

Cons

Только для Mac

Предварительный просмотр позволяет настраивать цвета, но не выбирать один конкретный цвет.

Google Docs

С ростом масштабов совместной работы растет и использование инструментов, которые позволяют нескольким людям работать с одним и тем же материалом одновременно.Одним из самых популярных инструментов для совместной работы над письменным контентом, безусловно, является Google Docs.

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

Вот как можно настроить цвет значка с помощью Документов Google.

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер. Скачайте иконку в формате PNG.

Шаг 2 — Перетащите значок в документ Google Docs, отметьте его и нажмите «Параметры изображения».Появится меню с правой стороны.

Как перекрасить объект в Photoshop

Обновлено: 06.03.2020, Computer Hope

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

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

Регулировка оттенка и насыщенности

Ниже приведены шаги по перекрашиванию объекта путем настройки оттенка и насыщенности.

1. Щелкните вкладку File в строке меню и откройте существующий проект или создайте новый проект.
2. В меню «Слои » щелкните нужный слой изображения, который нужно перекрасить.
3. Выберите нужную часть слоя с помощью инструментов выделения, лассо или быстрого выбора.

4. В строке меню выберите Image , затем Adjustments .
5. Выберите Hue / Saturation .
6. Отрегулируйте ползунки для Hue , Saturation и Lightness до тех пор, пока предварительный просмотр не будет вам необходим.

7. Выберите ОК , чтобы применить изменения.

Настройка цветового диапазона

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

Выполните следующие действия, чтобы выборочно настроить диапазон цветов в Photoshop.

1. Откройте изображение в Photoshop.

2. Откройте меню Select и выберите Color Range .

3. В диалоговом окне Color Range вы увидите черно-белую миниатюру вашего изображения. Белая и серая части представляют собой диапазон цветов, который будет выбран. Наведите курсор мыши на изображение, и оно превратится в инструмент «пипетка». Щелкните цвет в своем изображении, и эскиз изменится, чтобы показать новый диапазон цветов в зависимости от пикселя, который вы выбрали. С помощью ползунка Fuzziness регулируйте, насколько широким или узким будет диапазон.«Нечеткий» выбор будет включать цвета, которые дальше от цвета, который вы выбрали. Вы можете щелкнуть и удерживать пипетку и переместить пипетку, чтобы увидеть динамическое изменение диапазона. Отпустите кнопку мыши, когда диапазон станет таким, как вы хотите. Отрегулируйте размытость, чтобы расширить или сузить диапазон. Когда белая область будет выглядеть так, как если бы она соответствовала частям изображения, которые вы хотите перекрасить, нажмите OK .

4. Теперь цветовая гамма вашего изображения выбрана.Любые внесенные вами изменения влияют только на эту область.

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

6. Выберите радиус размытия (расстояние сглаживания по обе стороны от края выделения). В этом примере мы выбираем 15 пикселей. Нажмите ОК .

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

8. У нас есть подборка, которая охватывает только зеленые части яблок. Теперь мы можем настроить оттенок и насыщенность, как мы делали выше, но только выбранная область будет изменена. Откройте меню Image и выберите Adjustments , Hue / Saturation .

9. Переместите ползунок Hue в сторону красного и переместите ползунок Saturation вправо, чтобы усилить красноту.Нажмите ОК , чтобы применить изменения.

Настройка цветовых каналов в режиме CMYK

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

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

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

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

1. Открыв изображение в Photoshop, перейдите в меню Изображение и выберите Mode , CMYK Color . Если вы видите подтверждающее сообщение об изменении цветового профиля, нажмите ОК .

2. Есть несколько способов изменить цветовые каналы. Один из самых интуитивно понятных — инструмент настройки «Кривые» в Photoshop.В меню Image выберите Adjustments , Curves .

3. Инструмент Кривые показывает гистограмму интенсивности цветов вашего изображения. Когда вы впервые открываете инструмент, он показывает интенсивность всех каналов вместе. Любые изменения, которые вы вносите сейчас, одинаково влияют на все цветовые каналы, эффективно делая изображение светлее или темнее. Сейчас нам нужно настроить только отдельные цветовые каналы. В инструменте Curves, щелкните раскрывающееся меню Channel и выберите Cyan .

4. Гистограмма теперь показывает интенсивность только голубого канала, и мы можем настроить его «кривую». Кривая начинается с диагональной линии. На этой линии есть две контрольные точки: одна в нижнем левом углу и одна в правом верхнем углу.

5. Чтобы изменить кривую, вы можете перемещать контрольные точки. Но мы хотим оставить две угловые точки на месте. Эти точки представляют собой «крайности» интенсивности цвета. Мы не хотим влиять на эти части изображения: там, где нет голубого цвета или его много, мы не хотим вносить никаких изменений.Мы хотим воздействовать на средний диапазон и постепенно уменьшать это изменение в крайних точках. Мы можем сделать это, добавив к кривой контрольную точку. Щелкните середину диагональной линии, чтобы создать контрольную точку, и перетащите ее вниз. Вы заметите, что выбранная часть вашего изображения становится менее голубой; теплота пурпурного и желтого каналов, хотя и не изменилась, в результате кажется усиленной. Вы можете настроить это, чтобы лучше соответствовать цветовой температуре окружающего изображения.

6. Затем измените пурпурный канал.В диалоговом окне Curves щелкните Channel и выберите Magenta .

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

8. Когда вы закончите настройку каналов CMYK, верните изображение обратно в цветовой режим RGB, чтобы обеспечить максимальную совместимость с приложениями, веб-сайтами и другими устройствами.Перейдите в меню Image и выберите Mode , RGB Color . Теперь вы можете сохранить свое изображение.

Как раскрасить векторные иконки в Adobe Illustrator

Мы собираемся показать вам, как перекрасить глифовые значки в любой цвет в Adobe Illustrator. Хотя мы в основном думаем о пакетах значков для Windows и iOS, этот метод применим к любым значкам с глифами.

Если вы не можете себе позволить загрузить или установить Illustrator, попробуйте приложение Icons8 Web App. Это позволяет:

Это просто. Никакого учебника не требуется. 🙂

Когда может потребоваться перекрасить иконку?

Мы доставляем черные (действительно, темно-серые) значки, но многим из вас они нужны другого цвета:

• многие из вас используют значки на темном фоне и хотят сделать их чисто черными
• некоторые из вас используют значки в качестве логотипа и хотят добавить цвет для брендинга

Давайте быстро рассмотрим изменение цвета значков в Adobe Illustrator всего за несколько шагов.
Примечание для опытных пользователей: , если вы знакомы с основами Illustrator, вы можете хвастаться всем своими безумными способностями, или вы можете просто перейти к шагу 5 .

Шаг 1. Получение Adobe Illustrator (бесплатно)

Просто зайдите на сайт Adobe и загрузите его. Существует 14-дневная бесплатная пробная версия, которая соответствует нашим потребностям.

Если вы хотите изменить цвет значков через 14 дней, вы можете:

• платить 50 $ за месяц использования
• установите Adobe Illustrator на другой компьютер и получите еще одну 14-дневную пробную версию

Шаг 2.Получение иконок

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

Мы также раздаем все иконки из нашей самой популярной категории. Не пропустите наш пакет значков Very Basic.

Если вы просто хотите приступить к работе, загрузите этот образец с несколькими значками о любви. Да, мы любим наших читателей:

Шаг 3.Открытие файла и нахождение значка

Теперь, когда у вас есть векторный файл (обычно с расширением AI или EPS), вы можете открыть его с помощью диалогового окна File -> Open… . Теперь у вас должно получиться такое окно:

Поиск нужного значка может занять некоторое время. Используйте полосы прокрутки.

Наконец, увеличьте масштаб на нужном значке, нажмите Cmd + ( Ctrl ++ в Windows) несколько раз, чтобы увеличить его:

Шаг 4.Выбор

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

Теперь перетащите курсор вокруг значка и отпустите его.

Убедитесь, что выделена каждая часть значка.

Шаг 5. Инвертирование цвета

Отличная работа. Тяжелая часть позади. Теперь в меню выберите Edit -> Edit Colors -> Invert colors . Вуаля! Все, что было черным, есть белое.Темно-серый — это светло-серый.

Альтернативный шаг 5: если вам нужен другой цвет

Перейдите в Edit -> Edit colors -> Color the illustration . Вот мой экран Illustrator (извините, он на испанском, потому что я изучаю испанский):

В диалоговом окне дважды щелкните в указанном месте:

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

Все готово. Нажмите OK во всех диалогах и наслаждайтесь красным значком:

Шаг 6: Сохранение значка

Не позволяйте своему тяжелому труду пропасть зря.Для экономии:

1. Копировать выбранный значок в буфер обмена: Cmd + C ( Ctrl + C в Windows)
2. Создайте новый документ: меню Файл -> Новый… или просто нажмите Cmd + N ( Ctrl + N в Windows). Нажмите OK в следующем диалоговом окне: значения по умолчанию в порядке.
3. Экспортируйте его с помощью файла -> Экспорт … Опять же, значения по умолчанию в порядке.

Если вам нужен другой размер, масштабируйте значок перед сохранением.

Молодец!

Попробуйте бесплатные инструменты для разработчиков от команды Icons8

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

Как заменить цвет в фш. Как в Photoshop изменить цвет объекта

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

Первый способ. Замена цвета

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

1. Итак, загрузите фотографию, картинку или рисунок в наш редактор и теперь идите в знакомое нам меню «Изображение» . Далее выберете пункт «Коррекция» , а потом уже «Заменить цвет» .
   
2. Перед нами открылось окно замены цвета. Что мы здесь делаем? Во-первых давайте убедимся, что в этом окне активным инструментом является обычная пипетка (без знаков). Теперь просто кликните левой кнопкой мыши где-нибудь на капоте автомобиля.
   
3. Как видите, в окне у нас появилась небольшая прорисовочка. То, что окрашено светлым показывает нам какая область подвергнется замене цвета. Теперь начинайте тянуть ползунок «Цветовой тон» . Видите? Часть цвета начинает меняться, когда вы двигаете этот тон. Не расстраиваетесь, что закрасилась не вся машина. Мы это исправим.
   
4. Для начала зажмите левую кнопку мыши на ползунке «Разброс» и тяните его в большую сторону. Только старайтесь сделать так, чтобы машина закрасилась максимально, а фон при этом остался бы нетронутым. В данном случае на фоне нет желтых оттенков, что позволяет мне поставить максимальный разброс 200.
   
5. Нужный объект поменял почти весь цвет, но не полностью? Опять же не беда. Активируем внутренний инструмент «Пипетка+» и нажимаем левой кнопкой мыши на тех участках автомобиля, где остались непрокрашенные области на рисунке.
   
6. Вуаля!) Как видите, всё получилось и даже наш фон не пострадал. И кстати вы можете еще подвигать ползунки «Цветовой тон», «Насыщенность» , «Яркость» для достижения нужного оттенка.
   

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

Исправление недоразумений

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

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

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

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

Второй способ. Режим наложения

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

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

1. Берем и , каким бы мы хотели закрасить эту машинку. Ну допустим я хочу ее видеть зеленой, тогда этот конкретный цвет я и выберу.
2. Теперь создайте новый слой, нажав комбинацию клавиш SHIFT+CTRL+N. А затем взгляните на панель слоев. Видите там есть режимы наложения? По умолчанию стоит обычный, но вы раскройте выпадающий список и выберете пункт «Цветность» (Кстати режим «Цветовой тон» тоже подойдет, так что можете выбирать и его). Отлично. Молодцы.
   
3. А вот теперь выберете размер, форму и жесткость кисти, и вперёд! Красим машинку. Только аккуратно, чтобы лишнего не задеть. Ну а если задели, то ластиком поправите, ничего страшного.
   
4. А теперь, если захотите изменить тот цвет, который вы наваяли, вам нужно зайти в наше опять же знакомое меню «Изображение» и там выбрать «Коррекция» — «Цветовой тон/насыщенность» . Но я советую сразу воспользоваться несложной комбинацией клавиш CTRL+U.
   
5. Ну а во вновь открывшемся окне вы также можете двигать ползунки цветового тона, насыщенности и яркости, дабы изменить оттенок. Всё просто.
   

Ну как вам урок? Всё было понятно и интересно? Я надеюсь, что да. Лично я, когда узнал о замене цвета предмета в Adobe Photoshop, был просто в восторге. Если, конечно, что-то будет непонятно, то вы всегда можете уточнить или спросить. Буду рад помочь по мере возможностей.

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

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

С уважением, Дмитрий Костин.

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

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

Инструмент «Color Replacement Tool» (Замена цвета)

Инструмент Color Replacement Tool (Замена цвета) был впервые введен в Photoshop CS, и если вы работаете в Photoshop CS или CS2, то можете найти его в группе вместе с инструментом «Лечащая кисть» (Healing Brush).

Если же у вас Photoshop CS3 или CS4, CS5 или CS6, нажмите на иконку инструмента Кисть (Brush) и удерживайте ее до появления выпадающего списка других инструментов группы, выберите «Замену цвета».

Как только вы выбрали инструмент Color Replacement, курсор мыши превратится в круг с маленьким крестиком в центре.

Вы можете настроить размер круга с помощью горячих клавиш — скобок [ или ]. Левая скобка уменьшает размер, правая — увеличивает. Чтобы регулировать жесткость (hardness) кисти, добавьте нажатие клавиши Shift(Shift+левая кв. скобка делает края мягкими, Shift+правая кв.скобка делает кисть жестче).

Как работает инструмент Color Replacement:

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

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

В палитре инструментов вы видите настройки цвета в данный момент. По умолчанию установлен черный цвет:

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

Посмотрите на палитру инструментов. Образец цвета переднего плана изменился. Теперь цвет переднего плана — зеленый. Теперь, если мы будем рисовать на изображении инструментом “Замена цвета” , исходный цвет будет заменен на зеленый цвет:

Возьмем пример фотографии девочки с шарами:

Она выглядит счастливым с голубым воздушный шаром в руке, но может быть ей хотелось бы иметь зеленый шар. Давайте посмотрим, что мы можем сделать для нее. С помощью инструмента “Замена цвета”/”Color Replacement”, кликнув курсором по шарику, начнем движение внутри него. Фотошоп начинает заменять синий цвет зеленым.

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

Если вы случайно зайдете за границы шара и попадете на желтую стену позади него, фотошоп начнет менять желтый цвет на зеленый:

Толерантность

Все просто и без проблем, пока вы не доходите до краев шара. Если вы внимательно посмотрите, вы заметите, что края шарика остаются закрытыми не полностью, заметна синяя полоска.

Мы уже говорили, что у инструмента “Замена цвета” есть несколько параметров, которые можно настраивать на панели управления. Одним из таких параметров является “толерантность”. “Толерантность” определяет чувствительность к заменяемому цвету. По умолчанию толерантность составляет 30%, что является хорошей отправной точкой. Но этого не достаточно для нашего случая. Увеличиваем толерантность до 50%, что позволит инструменту “Замена цвета” влиять на более широкий диапазон цветов:

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

Заканчиваем обработку в оставшихся областях и наш голубой шарик магически превращается в зеленый, благодаря инструменту “Замена цвета”:

Использовать цвет из изображения

В приведенном выше примере мы случайно выбрали новый цвет шара из палитры цветов в фотошоп. Точно так же легко можно выбрать цвет непосредственно из самой фотографии. Для этого с активным инструментом «Замена цвета» (Color Replacement Tool), нажимаем клавишу Alt и ваш курсор превращается в пипетку (Eyedropper Tool).

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

Возьмем цвет блузки девочки:

Если вы посмотрите на образец цвета переднего плана на панели инструментов, вы увидите что цвет, на который вы нажали, стал основным цветом:

Этим цветом мы снова можем закрасить шар с помощью инструмента “Замена цвета”:

Режимы наложения

Режимы наложения

Причина, по которой инструмент “Замена цвета” сохраняет объем и текстуру, заключается в том, что он использует режимы наложения, чтобы смешать новые цвета.
Новый цвет взаимодействует с предыдущим цветом и получается такой эффект. Режимы наложения вы видите в верхнем меню установок. Их четыре: тон, насыщенность, цвет и яркость (Hue, Saturation, Color, and Luminosity). По умолчанию задан режим Цвет (Color)

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

Тон/Hue: при применении режима “Hue” изменится только основной цвет. Не будет менять насыщенность и яркость исходного цвета. Этот режим удобен для изображений, где цвета не очень интенсивные и он, как правило, дает очень небольшие изменения.

Насыщенность/Saturation: режим “Saturation” меняет только насыщенность первоначального цвета. Оттенок и яркость не затрагиваются. Этот режим полезен для снижения интенсивности цвета, или удалении цвета полностью.

Цвет/Color: режим “Color” задан по умолчанию и меняет оттенок и насыщенность. Яркость останется неизменной. Этот режим наложения вы будете использовать наиболее часто.

Яркость/Luminosity: И, наконец, режим “Luminosity” изменяет яркость исходного цвета на яркость нового цвета. Оттенок и насыщенность остаются неизменными.

Берем другую фотографию с шариками:

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

Если бы мы хотели полностью обесцветить воздушные шары, мы бы установили основной цвет черный, белый или серый, но так как мы хотим получить более тонкий эффект, мы просто возьмем один из менее насыщенных цветов с изображения. Удерживая клавишу Alt мой (Win) / Option (Mac), мы временно переключаемся на инструмент Eyedropper Tool, и нажимаем на цвет, который мы хотим использовать. Мы выберем менее насыщенный желтый цвет. Цвет сам по себе не имеет никакого значения, так как режим наложения не изменит оригинальный цвет. Режим будет влиять только на насыщенность:

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

Закрашиваем другие шарики. Их насыщенность снижается. Вот так выглядит результат:

Проблемы с яркостью

К сожалению есть ситуации, в которых использование инструмента “Заменить цвет” вызывает сложности.

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

Сначала вернем все цвета шаров в первоначальное состояние. Для этого перейдем в меню Файл — Вернуть (File- Revert). Затем берем образец цвета с фиолетового шарика, кликнув по нему с зажатой клавишей Alt, чтобы переключиться на пипетку.

Режим смешивания устанавливаем в Color. Это значение по умолчанию. Затем мы начинаем закрашивать оранжевый шар, чтобы изменить его ​​цвет на темно-фиолетового. Вот результат:

Хм. Это определенно фиолетовый, но он не совсем похож на другие фиолетовые шары, не так ли? Проблема в том, что наш оранжевый шарик намного ярче, чем фиолетовые шары. Установленный режим смешивания не влияет на яркость. Он действует только на цвет. Давайте, изменим режим смешивания на на “Яркость”/”Luminosity”:

Давайте, отменим все предыдущие действия и вернем шару оранжевый цвет, а затем установим режим смешивания “Яркость”/”Luminosity” . Теперь закрашиваем шар темно — фиолетовым.

Можно с уверенностью сказать, что результат плохой. В режиме “Яркость”/”Luminosity” шар стал ярче, но он остался оранжевым и потерял структуру.
Проблема заключается в слишком большой разнице яркостей объектов. Инструмент «Замена цвета» прекрасно справляется с простыми задачами, где всего лишь нужно изменить оттенок или насыщенность цвета, но если слишком много различий между яркостью двух элементов изображения, то нужно выбирать другие способы замены цвета.

Давайте, еще раз посмотрим на инструмент “Замена цвета”/”Color Replacement Tool”.

В верхнем меню мы видим три иконки с изображением пипеток. Каждая из этих иконок представляет собой вариант выбора образца цвета для работы (Sampling). Смотрим слева-направо: проба — непрерывно “Continuous” — задана по умолчанию; проба — однократно “Once”; проба — образец фона “Background Swatch”. Чтобы переключаться с одного варианта на другой, нужно просто активировать выбранный значок.

Рассмотрим варианты.

Проба — непрерывно “Continuous”. В этом варианте выбор цвета будет осуществляться инструментом непрерывно, пока вы удерживаете кнопку мыши нажатой и ведете курсором по изображению. Этот параметр можно использовать, когда требуются многочисленные и сложные изменения цвета в объекте.

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

Образец фона “Background Swatch”. Этот вариант вы скорее всего не будете применять очень часто. Здесь фоновый цвет заменяет первоначальный цвет. На снимке будут заменены только те пиксели, которые совпадают с цветом фона. Для этого нужно выбрать в цветовой палитре оттенок, наиболее подходящий по цвету к изображению. Это можно сделать, кликнув по нижнему квадрату иконки цвета. Регулируйте значение толерантности, если оттенок вас не устраивает.

“Ограничения”/ “Limits”

Следующий вариант настроек инструмента “Замена цвета” контролирует местоположение заменяемых пикселей и называется “Ограничения”/ “Limits”. Здесь есть три варианта обнаружения цвета: смежные пиксели (Contiguous), несмежные (Discontinuous) и выделение краев (Find Edges).

Чаще всего вы будете использовать первые два.

По умолчанию установлен тип ограничения “Смежный”/ “Contiguous”. В этом варианте инструмент “Замена цвета”/ “Color Replacement Tool” перекрашивает пиксели, которые находятся под крестиком в пределах курсора. Воздействие инструмента не будет действовать на пиксели, которые соответствуют выбранному цвету, но отделены от курсора областью другого цвета. По крайней мере, пока курсор не находится в этих зонах.

Тип ограничения “Несмежный”/ “Discontinuous” заменяет все пиксели, находящиеся в пределах курсора.

Последний тип выделения краев “Find Edges” заменяет цвет в областях с оттенком выбранного цвета, сохраняя очертания краев объекта.

Рассмотрим последнюю опцию в верхнем меню установок инструмента “Сглаживание”/”Anti-aliasing”. Используйте эту опцию, если вам нужно сгладить края при точных очертаниях объекта. Если вам не нужно сглаживание, снимите флажок.

Удачи Вам в обработке;-))

Как изменить цвет объекта в Фотошопе?

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

Итак, откройте вашу фотографию при помощи команды Файл > Открыть или сочетанием клавиш Ctrl + O. Выделите волосы, используя инструмент «Волшебная палочка» (клавиша W).

Для этого: установите допуск, и выделяйте нужную часть фотографии, чередуя кнопки «Добавление к выделенной области» (1) и «Вычитание из выделенной области» (2). Если Волшебная палочка выделила слишком большую область, нужно уменьшить допуск.

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

Когда получится нужный вам цвет, нажмите «ОК». Если цвет волос получился слишком тусклый, или, наоборот, яркий, в пункте Коррекция выберите подпункт «Яркость/Контрастность…».

Перемещая бегунки влево или вправо, установите нужную контрастность и яркость.

Теперь сохраните изображение в новом файле, сравните со старым, и сделайте вывод: нужно ли вам менять цвет волос? 🙂

Разумеется, в Фотошопе можно менять не только цвет волос. Это может быть цвет платье, автомобиля, неба….В общем, чего только душа пожелает!

11.02.2015 27.01.2018

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

1 способ

Первый способ заменить цвет это воспользоваться готовой функцией в фотошопе «Заменить цвет» или Replace Color на английском.

Я покажу на простейшем примере, на не сложной картинке. Возьмем иконку и откроем её в фотошопе.

Мастерок на иконке желтого цвета. Мы заменим желтый цвет на любой другой интересующий нас. Для этого заходим в меню Изображение — Коррекция — Заменить цвет (Image — Adjustments — Replace Color)

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

Внизу заголовок Замена — там и можно поменять выделенный цвет. Но прежде можно задать параметр Разброс в выделении. Чем больше параметр тем больше он захватит цвета. В данном случае можно поставить на максимум. Он будет захватывать весь желтый цвет на изображении.

Настройте параметры Замены цвета — на цвет который хотите видеть вместо заменяемого. Я сделал зеленый, задав параметры Цветовой тон, Насыщенность и Яркость.

Когда будете готовы заменить цвет — нажмите ОК.

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

2 способ

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

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

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

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

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

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

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

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

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

Все. Цвет заменился.

Было — стало:

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

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

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

Открываем изображение в Photoshop и снимаем закрепление слоя щелчком правой клавиши мыши по изображению замка.

Над слоем с фото создаём новый прозрачный слой (Shift+Ctrl+N ). Вызываем инструмент «Кисть»/Brush (клавиша B ). Кисть лучше взять жёсткую. На панели управления вызываем свойства кисти и выбираем жёсткую, с чёткими краями мазка.

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

Становимся на прозрачный слой, подбираем размер кисти клавишами Ъ — увеличить, либо Х — уменьшить и закрашиваем наш лайм.

Теперь изменим режим наложения слоя с «Обычный»/Normal на «Цветовой тон»/Hue . Сделать это можно на палитре слоёв. Таким образом, лайм изменит цвет.

Если зажать клавишу Ctrl и, подведя курсор к иконке слоя, щелкнуть один раз, зона закраски выделится. Теперь, не снимая выделение, можно менять цвет кисти и подбирать другие цвета. Закрашивать заново не нужно. Можно после выбора цвета нажать комбинацию клавиш Alt+Delete . Так выделенная зона зальётся новым цветом.

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

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

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

Открываем изображение в photoshop. Создаём корректирующий слой . Список корректирующих слоёв можно раскрыть на палитре слоёв внизу.

В окне настроек корректирующего слоя выбираем канал цвета «Красный», кликаем по инструменту «Пипетка»/Eyedropper Tool , затем делаем один клик на губах модели. Так мы определим цвет, который будем менять.

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

Ctrl+I

Выбрав нужный для изменения цвет, закрываем окно редактирования корректирующего слоя, становимся на маску корректирующего слоя (белый квадрат) и нажимаем клавиши Ctrl+I . Маска инвертируется в чёрный, и все наши изменения зрительно пропадут.

Когда все участки, где цвет нужно было изменить, проработаны, можно сохранить изображение (сочетание клавиш Shift+Ctrl+S ). Если в каком-то участке вы промахнулись, можно отменить действие Alt+Ctrl+Z либо зарисовать на маске корректирующего слоя все промахи чёрной кистью. Этот способ более точно поможет подобрать новый цвет, и работа будет выглядеть аккуратнее.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net.

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

Дела со сменой чёрного и белого цвета обстоят иначе.

Чтобы изменить чёрный цвет, можно применить корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation , но работать при этом не с каналом цветов, а с тонированием. Для этого в настройке слоя нужно поставить галочку «Тонирование»/Colorize .

Рассмотрим подробнее. Допустим, нужно перекрасить чёрный диван. Выделяем диван с помощью инструмента (вызов клавишей W ).

С помощью комбинаций Ctrl+C и Ctrl+V переносим выделенную область на прозрачный слой и к нему применяем корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation . Для этого между корректирующим слоем и слоем с выделенным объектом нужно щёлкнуть левой клавишей мыши, удерживая клавишу Alt .

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

Получается просто, красиво, без подвоха.

Для перекраски белого цвета можно воспользоваться корректирующим слоем «Цвет»/Color в режиме наложения «Умножение»/Multiply .

Открываем изображение, создаём корректирующий слой «Цвет»/Color . Цвет слоя сразу задаём тот, в который планируем покрасить белый.

Меняем режим наложения на «Умножение»/Multiply , становимся на маску корректирующего слоя и жмём Ctrl+I .

Переходим на слой с изображением и выделяем желаемые участки белого инструментом «Быстрое выделение»/Quick selection (вызов клавишей W ). Не снимая выделения, становимся на маску корректирующего слоя и белой кистью большого диаметра прокрашиваем маску. Цвет изменится лишь там, где вы задали выделение инструментом «Быстрое выделение»/Quick selection , которое можно определить по пунктиру.

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

Вот так всё просто. Пробуйте, экспериментируйте. У вас обязательно получится. Теперь вам известно несколько способов того, как в фотошопе заменить цвет на другой.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net.

Photoshop как заменить один цвет на другой. Как изменить цвет в фотошопе

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

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

Заменить цвет

«Поколдовать» над цветом в Фотошопе можно несколькими способами, и в этом материале я расскажу о двух наиболее популярных. В первом способе используется инструмент «Заменить цвет», и вот, как он реализовывается на практике:

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

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

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

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

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

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

Открываем изображение в Photoshop и снимаем закрепление слоя щелчком правой клавиши мыши по изображению замка.

Над слоем с фото создаём новый прозрачный слой (Shift+Ctrl+N ). Вызываем инструмент «Кисть»/Brush (клавиша B ). Кисть лучше взять жёсткую. На панели управления вызываем свойства кисти и выбираем жёсткую, с чёткими краями мазка.

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

Становимся на прозрачный слой, подбираем размер кисти клавишами Ъ — увеличить, либо Х — уменьшить и закрашиваем наш лайм.

Теперь изменим режим наложения слоя с «Обычный»/Normal на «Цветовой тон»/Hue . Сделать это можно на палитре слоёв. Таким образом, лайм изменит цвет.

Если зажать клавишу Ctrl и, подведя курсор к иконке слоя, щелкнуть один раз, зона закраски выделится. Теперь, не снимая выделение, можно менять цвет кисти и подбирать другие цвета. Закрашивать заново не нужно. Можно после выбора цвета нажать комбинацию клавиш Alt+Delete . Так выделенная зона зальётся новым цветом.

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

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

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

Открываем изображение в photoshop. Создаём корректирующий слой . Список корректирующих слоёв можно раскрыть на палитре слоёв внизу.

В окне настроек корректирующего слоя выбираем канал цвета «Красный», кликаем по инструменту «Пипетка»/Eyedropper Tool , затем делаем один клик на губах модели. Так мы определим цвет, который будем менять.

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

Ctrl+I

Выбрав нужный для изменения цвет, закрываем окно редактирования корректирующего слоя, становимся на маску корректирующего слоя (белый квадрат) и нажимаем клавиши Ctrl+I . Маска инвертируется в чёрный, и все наши изменения зрительно пропадут.

Когда все участки, где цвет нужно было изменить, проработаны, можно сохранить изображение (сочетание клавиш Shift+Ctrl+S ). Если в каком-то участке вы промахнулись, можно отменить действие Alt+Ctrl+Z либо зарисовать на маске корректирующего слоя все промахи чёрной кистью. Этот способ более точно поможет подобрать новый цвет, и работа будет выглядеть аккуратнее.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net.

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

Дела со сменой чёрного и белого цвета обстоят иначе.

Чтобы изменить чёрный цвет, можно применить корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation , но работать при этом не с каналом цветов, а с тонированием. Для этого в настройке слоя нужно поставить галочку «Тонирование»/Colorize .

Рассмотрим подробнее. Допустим, нужно перекрасить чёрный диван. Выделяем диван с помощью инструмента (вызов клавишей W ).

С помощью комбинаций Ctrl+C и Ctrl+V переносим выделенную область на прозрачный слой и к нему применяем корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation . Для этого между корректирующим слоем и слоем с выделенным объектом нужно щёлкнуть левой клавишей мыши, удерживая клавишу Alt .

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

Получается просто, красиво, без подвоха.

Для перекраски белого цвета можно воспользоваться корректирующим слоем «Цвет»/Color в режиме наложения «Умножение»/Multiply .

Открываем изображение, создаём корректирующий слой «Цвет»/Color . Цвет слоя сразу задаём тот, в который планируем покрасить белый.

Меняем режим наложения на «Умножение»/Multiply , становимся на маску корректирующего слоя и жмём Ctrl+I .

Переходим на слой с изображением и выделяем желаемые участки белого инструментом «Быстрое выделение»/Quick selection (вызов клавишей W ). Не снимая выделения, становимся на маску корректирующего слоя и белой кистью большого диаметра прокрашиваем маску. Цвет изменится лишь там, где вы задали выделение инструментом «Быстрое выделение»/Quick selection , которое можно определить по пунктиру.

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

Вот так всё просто. Пробуйте, экспериментируйте. У вас обязательно получится. Теперь вам известно несколько способов того, как в фотошопе заменить цвет на другой.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net.

Доброго всем времени суток! Сегодня мы будем учиться изменять цвет объекта. Иногда возникает необходимость заменить цвет одежды на фото выделить какие-то детали. Это весьма полезное умение очень вам пригодится, поскольку замена цветов на объекте позволяет освежить ваши работы, придать им оригинальность. Все просто и сегодня в выпуске будут разные примеры.

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

Чтобы поменять цвет объекта, существует несколько способов. Их мы и рассмотрим. Первый способ заключается в применении встроенной функции изменения цвета, или замены цвета. Сначала познакомимся с ним. Как обычно, загружаем картинку, делаем дубликат слоя. Далее открываем в верхнем меню «Изображение»- «Коррекция» — «Заменить цвет».

Перед нами откроется окно, в котором необходимо выбрать заменяемый цвет и цвет, который будет вместо него.

Начнем с того, что в первой строке ставим галочку (если не установлена) на локализованные наборы цветов. Это стандартные, доступные в программе цвета. Далее, выбираем цвет, который меняем, например красный цвет насекомого. Нажимаем на пипетку, (первая из трех иконок) и нажимаем пипеткой на теле насекомого в квадратном окошечке внизу.

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

Можно воспользоваться ползунком, водя его справа налево, выбирая цвет, а можно сразу кликнуть на цветной квадратик и в появившемся окне выбора цвета, задать нужный, например, синий. Далее, настраиваем ползунками насыщенность этого цвета и яркость. Сделав все это, жмем ОК и получаем результат:

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

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

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

Теперь идем «Изображение» — «Коррекция — «Цветовой тон/Насыщенность».

Откроется окно настроек. В строке «Тонирование» ставим галочку. Далее, выбираем ползунком нужный цветовой тон. В моем варианте – зеленый. Настраиваем яркость и насыщенность так как нравиться Вам.

Когда достигли нужного варианта, жмем ОК. После этого снимаем выделение и получаем результат. Машина из красной стала зеленой. Если этот цвет не устраивает делаем поэтапно все то же самое, но выбираем иной цвет.

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

Изменяем цвет объекта на белый

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

В результате появится новый слой и откроется окно его корректировки.

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

Как в Photoshop изменять цвет объекта по образцу?

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

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

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

Инструментом лассо обводим ненужные участки (при активированной кнопки вычесть из выделенной области). В результате ненужные участки будут убраны.

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

Заходим изображение – коррекция – подобрать цвет.

Перед нами откроется окно.

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

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

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

Заменяем цвет объекта с помощью инструмента «Пипетка»

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

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

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

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

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

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

Удачи в освоении программы!

Как изменить цвет объекта в Фотошопе?

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

Итак, откройте вашу фотографию при помощи команды Файл > Открыть или сочетанием клавиш Ctrl + O. Выделите волосы, используя инструмент «Волшебная палочка» (клавиша W).

Для этого: установите допуск, и выделяйте нужную часть фотографии, чередуя кнопки «Добавление к выделенной области» (1) и «Вычитание из выделенной области» (2). Если Волшебная палочка выделила слишком большую область, нужно уменьшить допуск.

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

Когда получится нужный вам цвет, нажмите «ОК». Если цвет волос получился слишком тусклый, или, наоборот, яркий, в пункте Коррекция выберите подпункт «Яркость/Контрастность…».

Перемещая бегунки влево или вправо, установите нужную контрастность и яркость.

Теперь сохраните изображение в новом файле, сравните со старым, и сделайте вывод: нужно ли вам менять цвет волос? 🙂

Разумеется, в Фотошопе можно менять не только цвет волос. Это может быть цвет платье, автомобиля, неба….В общем, чего только душа пожелает!

В этом уроке Фотошоп я расскажу вам все об инструменте «Замена цвета» (Color Replacement Tool).Этот инструмент способен изменить цвет объекта изображения без лишней суеты и хлопот.

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

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

Если же у вас Photoshop CS3 или CS4, как у меня, нажмите на иконку инструмента Кисть (Brush) и удерживайте ее до появления выпадающего списка других инструментов группы, выберите «Замену цвета».

После выбора, курсор изменит свой вид на круг с крестиком в центре. Фоновый ластик имеет такую же форму курсора.

Регулировать размер кисти удобно при помощи клавиш квадратных скобок [ или ]. Левая скобка уменьшает размер, правая – увеличивает. Чтобы регулировать жесткость (hardness) кисти, добавьте нажатие клавиши Shift (Shift+левая кв. скобка делает края мягкими, Shift+правая кв.скобка делает кисть жестче) .

Когда вы перетаскиваете инструмент Color Replacement Tool на вашем изображении, фотошоп непрерывно сканирует образец цвета, находящийся в данный момент под крестиком курсора. Это цвет, который будет заменен на текущий цвет переднего плана (Foreground) . Другие пиксели, входящие в область круглого курсора, также подвергаются замене цвета при движении его по объекту.

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

Иконка цветов переднего и заднего планов находится внизу панели инструментов. По умолчанию программы цвет переднего плана черный.

Чтобы изменить цвет переднего план, нажмите на верхний квадрат (образец цвета) и выберите любой новый цвет из цветовой палитры. Я выберу зеленый цвет. Нажмите Ок по завершении, закрыв палитру.

Если вы посмотрите снова на иконку цветов переднего и заднего планов, то увидите, что верхний квадрат стал того цвета, который вы выбрали (у меня зеленый) . Теперь, если я буду рисовать на изображении инструментом «Замена цвета» (Color Replacement Tool) , то исходный цвет будет заменен на цвет переднего плана (зеленый) .

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

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

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

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

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

Толерантность/Допуск

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

В начале урока я упомянул о том, что у инструмента «Замена цвета» существуют различные параметры, которые можно настроить в верней панели установок. Одним из таких параметров являются Толерантность или Допуск (Tolerance) . Толерантность определяет, насколько чувствителен инструмент по отношению к заменяемому цвету. По умолчанию программы толерантность инструмента «Замена цвета» равна 30%, но для нашего случая этого явно не достаточно. Повысим ее до 50%, что позволит влиять на более широкий диапазон цвета, и снова проведем по краям шарика. Теперь эти области также изменены полностью на зеленый цвет переднего плана.

Я завершу работу на других областях шарика, еще немного повысив значение Толерантности (Tolerance) . Вот такое получилось волшебное превращение.

Выбор цвета с изображения.

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

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

Мне понравился розовый цвет блузки, его я и выберу.

Теперь, я проведу инструментом по шарику еще раз, чтобы он стал розовым.

Обратите внимание на значительное преимущество инструмента «Замена цвета» (Color Replacement Tool) перед обычной Кистью (Brush) . Ведь, изменив цвет, шарик сохраняет свой объем, текстуру и соотношение света и тени, что было бы невозможным при использовании Кисти (Brush) . Объект стал бы просто плоским при обычном закрашивании.

Режимы смешивания

Причина того, что инструмент способен изменять цвет объекта без потери его текстуры состоит в использовании разных режимов смешивания. Накладываемый цвет взаимодействует с предыдущим цветом и получается такой эффект. Данные режимы вы можете видеть у себя в верхнем меню установок, их четыре: тон, насыщенность, цвет и яркость (Hue, Saturation, Color, and Luminosity) . По умолчанию программы задан режим Цвет (Color)

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

Режим «Тон» (Hue) : изменится только сам основной цвет, а насыщенность и яркость останутся без изменений. Этот режим подходит для изображений, где цвет не очень интенсивный, поскольку изменения достаточно тонкие.

Режим «Насыщенность» (Saturation) : изменяется только насыщенность, а оттенок и яркость не изменяются. Такой режим полезен для снижения интенсивности цвета или удаления цвета полностью.

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

Режим «Яркость» (Luminosity) : изменяет яркость первоначального цвета на накладываемый. Тон и насыщенность не меняются.

Для следующего примера с режимами смешивания (Blend Modes) я выбрал снова фотографию с шариками. На снимке оранжевый шар, похоже, стремится улететь выше всех остальных, поработаем с ним.

Один из способов выделить шарик из всей группы, это уменьшить насыщенность остальных шаров. Во вкладке режимов смешивания я выберу режим «насыщенность» (Saturation) .

Если бы я хотел вообще обесцветить шарики, то я бы выбрал в качестве основного цвета белый, серый или черный. Но я хочу, чтобы эффект получился более тонким. Для этого, я возьму образец цвета с менее яркого шарика, удерживая Alt и нажав пипеткой (Eyedropper Tool) на него. Почему же я беру образец с желтого шарика, ведь я собираюсь работать с оранжевым? Дело в том, что мне нужен образец именно насыщенности объекта, а не его оттенка. При режиме смешивания «Насыщенность» (Saturation) будет меняться только насыщенность, а не тон обрабатываемого шара.

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

Продолжаем закрашивать все шарики, чтобы выделить самый верхний.

Проблемы с яркостью

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

Сначала вернем все цвета шаров в первоначальное состояние. Для этого переходим в меню Файл-Вернуть (File- Revert) . Теперь, возьмем образец цвета с фиолетового шарика, кликнув по нему с зажатой клавишей Alt, чтобы переключиться на пипетку.

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

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

Давайте попробуем сделать наш шар ярче, изменив режим смешивания инструмента «Замена цвета» на «Яркость» (Luminosity) .

Я отменил предыдущие шаги, чтобы вернуть шар в первоначальный оранжевый цвет. Теперь, с режимом смешивания «Яркость» (Luminosity) закрашиваем шар темно-фиолетовым цветом.

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

В верхнем меню вы можете видеть три иконки с изображением пипеток. Каждый из трех вариантов представляет собой определенный способ выбора образца цвета для работы (Sampling) . Перечислим их слева-направо: проба: непрерывно (Continuous) , она задана по умолчанию программы; проба: однократно (Once) ; проба: образец фона (Background Swatch) . Чтобы переключаться между тремя вариантами, просто активируйте выбранный значок.

Рассмотрим подробнее данные варианты.

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

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

Образец фона (Background Swatch) . Этот параметр вы не будете применять столь часто. Здесь фоновый цвет заменяет исходный. На изображении будут заменены только те пиксели, которые совпадают с цветом фона, значит вам нужно выбрать в цветовой палитре оттенок, наиболее подходящий по цвету к изображению, кликнув по нижнему квадрату иконки цвета переднего и заднего планов. Попробуйте отрегулировать значение толерантности, если ваш оттенок не совсем близок к исходному.

Следующий параметр настроек инструмента «Замена цвета» контролирует местоположение заменяемых пикселей и называется «Ограничения» (Limits) . Эта опция имеет три варианта обнаружения цвета: смежные пиксели (Contiguous) , несмежные (Discontinuous) и выделение краев (Find Edges) .

Из трех существующих вы будете часто использовать первые два.

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

Тип ограничения несмежный (Discontinuous) заменяет все пиксели, находящиеся в пределах курсора инструмента.

Последний тип выделения краев (Find Edges) заменяет цвет в областях с оттенком выбранного цвета, сохраняя очертания краев объекта.

И, последняя опция в верхнем меню установок инструмента «Сглаживание» (Anti-aliasing) . Активизируйте ее в случае, если необходимы сглаженные края изображения, при желании точных очертаний объекта, напротив, снимите флажок.

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

Как поменять цвет иконки [Быстро Онлайн].

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

Растровая или векторная?

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

Сравните. Справа векторная иконка на увеличении, края у нее ровные. Слева увеличена растровая иконка, при увеличении появляются пиксели и рваные края, а на краях цвет писклей неравномерный, какие-то темные, какие-то светлые.

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

Где взять векторные иконки (да и растровые)

В интернете много поисковиков по иконкам, где их можно скачать, как в растре, так и векторе.

Например, есть сайт https://www.iconfinder.com/ . Там большой выбор и удобная система поиска. Ставьте в фильтрах «бесплатные» и «не требуют обратной ссылки», если не хотите указывать авторство.

Как поменять цвет векторной иконки

Переходим в онлайн-редактор векторной графики https://vectr.com/. Если вдруг он не доступен, то попробуйте другие бесплатные графические онлайн-редакторы, там есть аналоги, которыми я тоже пользуюсь.

Загружаем иконку, кликаем на элементы иконки и в настройках задаем нужный цвет.

При сохранении оставляем векторный формат SVG.

Как поменять цвет растровой иконки

Для замены цвета в растровой иконке идем в онлайн аналог фотошопа https://www.photopea.com/ и открываем изображение в нем.

Используя инструмент выделения «Цветовой диапазон», выделяем все элементы иконки.

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

Результат:

Ресурсы для поиска иконок

Напоследок, несколько популярных ресурсов для поиска иконок:

• https://www.flaticon.com/
• https://icons8.com/
• https://www.iconfinder.com/
• https://findicons.com/

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

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

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

Инструмент «Color Replacement Tool» (Замена цвета)

Инструмент Color Replacement Tool (Замена цвета) был впервые введен в Photoshop CS, и если вы работаете в Photoshop CS или CS2, то можете найти его в группе вместе с инструментом «Лечащая кисть» (Healing Brush).

Если же у вас Photoshop CS3 или CS4,  CS5 или CS6, нажмите на иконку инструмента Кисть (Brush) и удерживайте ее до появления выпадающего списка других инструментов группы, выберите «Замену цвета».

Как только вы выбрали инструмент Color Replacement, курсор мыши превратится в круг с маленьким крестиком в центре. 

Вы можете настроить размер круга с помощью горячих клавиш — скобок [ или ]. Левая скобка уменьшает размер, правая – увеличивает. Чтобы регулировать жесткость (hardness) кисти, добавьте нажатие клавиши Shift(Shift+левая кв. скобка делает края мягкими, Shift+правая кв.скобка делает кисть жестче).

Как работает инструмент Color Replacement:

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

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

В палитре инструментов вы видите настройки цвета в данный момент. По умолчанию установлен черный цвет:

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

Посмотрите на палитру инструментов. Образец цвета переднего плана изменился. Теперь цвет переднего плана — зеленый. Теперь, если мы будем рисовать  на изображении инструментом “Замена цвета” , исходный цвет будет заменен на зеленый цвет:

Возьмем пример фотографии девочки с шарами:

Она выглядит счастливым с голубым воздушный шаром в руке, но может быть ей хотелось бы иметь зеленый шар. Давайте посмотрим, что мы можем сделать для нее. С помощью инструмента “Замена цвета”/”Color Replacement”, кликнув курсором по шарику, начнем движение внутри него. Фотошоп начинает заменять синий цвет зеленым.

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

Если вы случайно зайдете за границы шара и попадете на желтую стену позади него, фотошоп начнет менять желтый цвет на зеленый:

Толерантность

Все просто и без проблем, пока вы не доходите до краев шара. Если вы внимательно посмотрите, вы заметите, что края шарика остаются закрытыми не полностью, заметна синяя полоска.

Мы уже говорили, что у инструмента “Замена цвета” есть несколько параметров, которые можно настраивать на панели управления. Одним из таких параметров является “толерантность”. “Толерантность” определяет чувствительность к заменяемому цвету. По умолчанию толерантность составляет 30%, что является хорошей отправной точкой. Но этого не достаточно для нашего случая. Увеличиваем толерантность до 50%, что позволит инструменту “Замена цвета” влиять на более широкий диапазон цветов:

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

Заканчиваем обработку в оставшихся областях и наш голубой шарик магически превращается в зеленый, благодаря инструменту “Замена цвета”:

Использовать цвет из изображения

В приведенном выше примере мы случайно выбрали новый цвет шара из палитры цветов в фотошоп. Точно так же легко можно выбрать цвет непосредственно из самой фотографии. Для этого с активным инструментом «Замена цвета» (Color Replacement Tool), нажимаем клавишу Alt и ваш курсор превращается в пипетку (Eyedropper Tool).

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

Возьмем цвет блузки девочки:

Если вы посмотрите на образец цвета переднего плана на панели инструментов, вы увидите что цвет, на который вы нажали, стал основным цветом:

Этим цветом мы снова можем закрасить шар с помощью инструмента “Замена цвета”:

Режимы наложения

Причина, по которой инструмент “Замена цвета” сохраняет объем и текстуру, заключается в том, что он использует режимы наложения, чтобы смешать новые цвета.
Новый цвет взаимодействует с предыдущим цветом и получается такой эффект. Режимы наложения вы видите в верхнем меню установок.  Их четыре: тон, насыщенность, цвет и яркость (Hue, Saturation, Color, and Luminosity). По умолчанию задан режим Цвет (Color)

Режимы наложения

Причина, по которой инструмент “Замена цвета” сохраняет объем и текстуру, заключается в том, что он использует режимы наложения, чтобы смешать новые цвета.
Новый цвет взаимодействует с предыдущим цветом и получается такой эффект. Режимы наложения вы видите в верхнем меню установок.  Их четыре: тон, насыщенность, цвет и яркость (Hue, Saturation, Color, and Luminosity). По умолчанию задан режим Цвет (Color)

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

Тон/Hue: при применении режима “Hue” изменится только основной цвет. Не будет менять насыщенность и яркость исходного цвета. Этот режим удобен для изображений, где цвета не очень интенсивные и он, как правило, дает очень небольшие изменения.

Насыщенность/Saturation: режим “Saturation” меняет только насыщенность первоначального цвета. Оттенок и яркость не затрагиваются. Этот режим полезен для снижения интенсивности цвета, или удалении цвета полностью.

Цвет/Color: режим “Color” задан по умолчанию и меняет оттенок и насыщенность. Яркость останется неизменной. Этот режим наложения вы будете использовать наиболее часто.

Яркость/Luminosity: И, наконец, режим “Luminosity” изменяет яркость исходного цвета на яркость нового цвета. Оттенок и насыщенность остаются неизменными.

Берем другую фотографию с шариками:

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

Если бы мы хотели полностью обесцветить воздушные шары, мы бы установили основной цвет черный, белый или серый, но так как мы хотим получить более тонкий эффект, мы просто возьмем один из менее насыщенных цветов с изображения. Удерживая клавишу Alt мой (Win) / Option (Mac), мы временно переключаемся на инструмент Eyedropper Tool, и нажимаем на цвет, который мы хотим использовать. Мы выберем менее насыщенный желтый цвет. Цвет сам по себе не имеет никакого значения, так как режим наложения не изменит оригинальный цвет. Режим будет влиять только на насыщенность:

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

Закрашиваем другие шарики. Их насыщенность снижается.  Вот так выглядит результат:

Проблемы с яркостью

К сожалению есть ситуации, в которых использование инструмента “Заменить цвет” вызывает сложности.

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

Сначала вернем все цвета шаров в первоначальное состояние. Для этого перейдем в меню Файл — Вернуть (File- Revert). Затем берем образец цвета с фиолетового шарика, кликнув по нему с зажатой клавишей Alt, чтобы переключиться на пипетку.

Режим смешивания устанавливаем в Color. Это значение по умолчанию. Затем мы начинаем закрашивать оранжевый шар, чтобы изменить его ​​цвет на темно-фиолетового. Вот результат:

Хм. Это определенно фиолетовый, но он не совсем похож на другие фиолетовые шары, не так ли? Проблема в том, что наш оранжевый шарик намного ярче, чем фиолетовые шары. Установленный режим смешивания не влияет на яркость. Он действует только на цвет. Давайте, изменим режим смешивания на  на “Яркость”/”Luminosity”:

Давайте, отменим все предыдущие действия и вернем шару оранжевый цвет, а затем установим режим смешивания “Яркость”/”Luminosity” . Теперь закрашиваем шар темно — фиолетовым.

Можно с уверенностью сказать, что результат плохой. В режиме “Яркость”/”Luminosity” шар стал ярче, но он остался оранжевым и потерял структуру.  
Проблема заключается в слишком большой разнице яркостей объектов.  Инструмент «Замена цвета» прекрасно справляется с простыми задачами, где всего лишь нужно изменить оттенок или насыщенность цвета, но если слишком много различий между яркостью двух элементов изображения, то нужно выбирать другие способы замены цвета.

Давайте, еще раз посмотрим на инструмент “Замена цвета”/”Color Replacement Tool”.

В верхнем меню мы видим три иконки с изображением пипеток. Каждая из этих иконок представляет собой вариант выбора образца цвета для работы (Sampling). Смотрим  слева-направо: проба — непрерывно “Continuous” — задана по умолчанию; проба — однократно “Once”; проба — образец фона “Background Swatch”. Чтобы переключаться с одного варианта на другой,  нужно просто активировать выбранный значок.

Рассмотрим варианты.

Проба — непрерывно “Continuous”. В этом варианте выбор цвета будет осуществляться инструментом непрерывно, пока вы удерживаете кнопку мыши нажатой и ведете курсором по изображению. Этот параметр можно использовать, когда требуются многочисленные и сложные изменения цвета в объекте.

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

Образец фона “Background Swatch”. Этот вариант вы скорее всего не будете применять очень часто. Здесь фоновый цвет заменяет первоначальный цвет. На снимке будут заменены только те пиксели, которые совпадают с цветом фона.  Для этого нужно выбрать в цветовой палитре оттенок, наиболее подходящий по цвету к изображению. Это можно сделать,  кликнув по нижнему квадрату иконки цвета. Регулируйте значение толерантности, если оттенок вас не устраивает.

“Ограничения”/ “Limits”

Следующий вариант настроек инструмента “Замена цвета” контролирует местоположение заменяемых пикселей и называется “Ограничения”/ “Limits”. Здесь есть три варианта обнаружения цвета: смежные пиксели (Contiguous), несмежные (Discontinuous) и выделение краев (Find Edges).

Чаще всего вы будете использовать первые два.

По умолчанию установлен тип ограничения “Смежный”/ “Contiguous”. В этом варианте инструмент “Замена цвета”/ “Color Replacement Tool” перекрашивает пиксели, которые находятся под крестиком в пределах курсора. Воздействие инструмента не будет действовать на пиксели, которые соответствуют выбранному цвету, но отделены от курсора областью другого цвета. По крайней мере, пока курсор не находится в этих зонах.

Тип ограничения “Несмежный”/ “Discontinuous” заменяет все пиксели, находящиеся в пределах курсора.

Последний тип выделения краев “Find Edges” заменяет цвет в областях с оттенком выбранного цвета, сохраняя очертания краев объекта.

Рассмотрим последнюю опцию в верхнем меню установок инструмента “Сглаживание”/”Anti-aliasing”. Используйте эту опцию, если вам нужно сгладить края при точных очертаниях объекта. Если вам не нужно сглаживание, снимите флажок.

Удачи Вам в обработке ;-))

Источник 
Перевод

Заменить цвет на фото онлайн

Обработка JPEG фотографий онлайн.

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

Фото розы без изменений и с заменённым розовым цветом на: фиолетовый, синий, бирюзовый, зелёный и жёлтый:


Для создания вышеуказанных примеров были использованы такие настройки: «Цвет для замены» – «розовый», «Цвет, на который заменять» – «фиолетовый» (для следующей обработки «синий» и т.д.), «Интенсивность замены цвета» – «45».

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

Обратите внимание, что не получится заменить чёрный, серый или белый цвет на какой-нибудь насыщенный цвет, а вот заменить насыщенный цвет на почти белый, чёрный или серый цвет можно. Проще говоря можно заменять любые цвета радуги или близкие к тем цветам, которые доступны в выпадающих списках в настройках. Причина этого заключается в том, что алгоритм замены цвета связан с изменением тона, который не влияет на оттенки серого или на чёрно-белое изображение. Если нужно обработать большую картинку более 14 мегапикселей (≈4592×3048), то присылайте её на ящик с нужными вам настройками – будет сделано бесплатно в течение суток.

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.

Как в фотошопе заменить один цвет на другой | Pixelbox.ru — Дополнения и уроки по Фотошопу

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

1 способ

Первый способ заменить цвет это воспользоваться готовой функцией в фотошопе «Заменить цвет» или Replace Color на английском.

Я покажу на простейшем примере, на не сложной картинке. Возьмем иконку и откроем её в фотошопе.

Мастерок на иконке желтого цвета. Мы заменим желтый цвет на любой другой интересующий нас. Для этого заходим в меню Изображение — Коррекция — Заменить цвет (Image — Adjustments — Replace Color)

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

Внизу заголовок Замена — там и можно поменять выделенный цвет. Но прежде можно задать параметр Разброс в выделении. Чем больше параметр тем больше он захватит цвета. В данном случае можно поставить на максимум. Он будет захватывать весь желтый цвет на изображении.

Настройте параметры Замены цвета — на цвет который хотите видеть вместо заменяемого. Я сделал зеленый, задав параметры Цветовой тон, Насыщенность и Яркость.

Когда будете готовы заменить цвет — нажмите ОК.

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

2 способ

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

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

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

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

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

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

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

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

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

Все. Цвет заменился.

Было — стало:

Автор урока — Александр Акимов

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как перекрасить иконку PNG в Photoshop

Есть два способа перекраски растровых значков:

1. Сложный способ: 9 шагов в фотошопе. Эта статья подробно описывает это.
2. Простой способ: одним щелчком мыши в веб-приложении Icons8. Или зайдите на сайт Icons8, выберите любой понравившийся значок, нажмите на него и измените цвет в браузере.

Итак, вы скачали бесплатный набор иконок для Windows или iOS.Давайте заставим их засиять новым великолепием.

Получение Adobe Photoshop

Вам понадобится Photoshop (зачем возиться с Photoshop? См. Нижнюю часть сообщения). Если у вас его нет, обычная лицензия стоит 20 долларов в месяц, но вы также можете:

• Загрузите полнофункциональную 30-дневную пробную версию . По истечении срока вы можете либо зарегистрировать его, либо установить на другой компьютер.
• Купите Photoshop Elements за 80 долларов. В нем есть весь необходимый функционал и многое другое.

Открытие файла

Верно, уважаемые читатели. Среди вас есть разработчики программного обеспечения, некоторые кандидаты наук и магистры бизнеса, но все же я собираюсь научить вас, как открывать файл 🙂
Итак, выберите значок и либо перетащите его на значок Photoshop, либо используйте Cmd + O (Ctrl + O в Windows) для открытия диалога. Подсказка: не беспокойтесь о том, что Adobe предлагает вам под названием Adobe Bridge. Выберите желаемый размер, например 128 × 128 пикселей:

Раскраска иконы

1.Убедитесь, что цветовой режим

Если это оттенков серого , значок будет в оттенках серого независимо от того, какой цвет вы выберете. В меню нажмите Изображение-> Режим-> Цвет RGB.

2. Убедитесь, что у вас есть палитра слоев

Это выглядит так:

Обычно он находится в правой нижней части экрана. Если это не так, используйте Window-> Layers, чтобы открыть его.

3. Щелкните значок

Откроется такое диалоговое окно:

5. Щелкните поле цвета

6. В диалоговом окне цвета выберите желаемый цвет.

7. Нажмите ОК во всех диалоговых окнах.

Наслаждайтесь результатом. Если все устраивает, сохраните файл PNG с помощью File-> Save for Web. Вы увидите такое диалоговое окно:

8. Убедитесь, что для файла

9. Нажмите «Сохранить»

Готово. Теперь вы можете перекрасить любую иконку.Большой!

Почему фотошоп?

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

• У вас никогда не будет проблем с сопоставимостью . Так же, как и мы, вы можете открыть PSD, SVG, AI, EPS, что угодно, и все будет нормально. Для сравнения посмотрите, что у меня есть в одном из «простых» инструментов. Как видите, результат непредсказуем в зависимости от исходного формата, от идеальной ошибки до несколько искаженного ее тела:
  
• Другая причина в том, что вы изучаете мощный инструмент.Если вы когда-нибудь захотите раскрасить его градиентом, узором или каким-либо образом разрушить, вы можете сделать это с помощью дополнительных движений. Разве это не здорово?

Рано или поздно перекрашенная иконка — это проданная иконка. Но что, если люди попытаются украсть у вас? Узнайте, что делать, если кто-то ворует у вас 7 раз в день

Узнайте об одной из самых ярких неудач Icons8 в книге «Как мы потеряли 47% наших пользователей после редизайна».

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

Попробуйте бесплатные инструменты для разработчиков от команды Icons8

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

Как изменить цвет иконок PNG в фотошопе?

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

Иконки имеют решающее значение, и важно иметь правильный цвет.В этой статье мы рассмотрим, как изменить цвета значков PNG в Photoshop.

Также прочтите: 65 сочетаний клавиш Photoshop для ускорения рабочего процесса

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

Шаг 1: Загрузите пакет значков (или значок) в Photoshop и убедитесь, что вы изолировали значок (значки), которые нужно отредактировать и включить.

Шаг 2: Чтобы изолировать значок (значки), с которыми вы хотите работать, выберите их с помощью любого инструмента выделения, который вы предпочитаете, а затем Щелкните правой кнопкой мыши> Слой копией .После этого вы также можете перетащить слой в новый документ фотошопа.

Шаг 3: Выберите новый слой. Затем нажмите «Изображение», затем « Mode » и убедитесь, что выбран вариант « RGB Color ».

Шаг 4: Теперь щелкните слой правой кнопкой мыши и выберите Blending Options.

Шаг 5: Выбрав новый слой.Щелкните его правой кнопкой мыши и выберите Color overlay . Вы увидите, что ваш значок уже изменил цвет. Теперь выберите любой цвет для значка, и все готово.

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

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

Также прочтите: Photoshop 101: Изменение цветов в изображении

Тот, кто пишет / редактирует / снимает / размещает все, что связано с технологиями, а когда нет, транслирует свои гоночные виртуальные машины. Вы можете связаться с Ядуллахом по адресу yad [электронная почта] или подписаться на него в Instagram или Twitter.

6 простых способов перекрасить значки

Какой самый простой способ перекрасить значок? На самом деле изменить цвет значка очень просто, но вам все равно нужно знать, как это сделать.Поэтому мы написали это руководство, в котором показано, как перекрашивать значки с помощью редактора значков, Photoshop, PowerPoint, Google Slides, Figma или Sketch.

Обновлено в июне 2021 года. Теперь в этом посте перечислены 6 простых способов перекрашивать значки !

Вы можете перейти в определенный раздел, используя следующие ссылки:

Если вы хотите перекрасить значок из Iconfinder, нет более быстрого и простого способа, чем использовать наш онлайн-редактор значков.Его можно использовать бесплатно для всех, и он работает со всеми бесплатными значками, значками премиум-класса, которые вы приобрели, или, если вы являетесь подписчиком Pro, с любыми из 5 миллионов + значков на сайте, даже если вы еще не загрузили их. .

Шаг 1 — Найдите нужный значок в Iconfinder. Вы можете перейти прямо в редактор со страницы значков, нажав кнопку «Открыть в редакторе значков».

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

Шаг 2 — Значок открывается в окне редактора. Выберите элемент, который хотите перекрасить, просто щелкнув по нему.

Совет: Если вы хотите изменить цвет всего значка, вы можете быстро выбрать все элементы с помощью сочетания клавиш «Command + A» (для Mac) или «Ctrl + A» (для Windows). .

Шаг 3 — Щелкните инструмент «Палитра цветов» на левой панели.

Шаг 4 — В меню «Палитра цветов» выберите цвет или введите свой цвет в формате HSV, RGB или HEX и нажмите «ОК».

Step 5 — Перекрашиваем! Теперь нажмите кнопку «Загрузить значок», чтобы сохранить значок в SVG (векторный формат) или PNG.

Плюсы:

• Это бесплатно
• Очень легко и быстро перекрашивать значки
• Веб-интерфейс, поэтому он не ограничен какой-либо операционной системой
• Поддерживает векторный формат SVG
• Сохраняет «Недавно использованные» ”Цвета

Минусы:

• Возможно, некоторые SVG некорректно отображаются

Все время появляются новые модные графические инструменты.Но старый добрый, почти 30 лет, Adobe Photoshop по-прежнему остается золотым стандартом. И есть вероятность, что даже если вы, возможно, начали использовать более новые инструменты, такие как Pixelmator или Sketch, у вас все еще установлена ​​копия Photoshop, и вы используете ее довольно часто.

Вот как легко перекрасить значок с помощью Adobe Photoshop:

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер. Если вы собираетесь использовать значок в презентациях, мы рекомендуем самый большой размер — 512 x 512 пикселей.Выберите формат PNG, который изначально поддерживается в Photoshop.

Шаг 2 — Откройте панель Blending Options… , щелкнув правой кнопкой мыши по слою и выбрав Blending Options… .

Шаг 3 — Щелкните Color Overlay и щелкните образец цвета, чтобы выбрать новый цвет.

Вот и все! Photoshop может быть довольно сложным, но, к счастью, перекрасить значок очень просто.

Плюсы:

• Значки очень легко перекрашивать
• Доступно как для Windows, так и для Mac

Минусы:

• Photoshop — дорогостоящая программа по сравнению с альтернативными
• Векторный формат SVG. не поддерживается изначально

Использование значков в презентациях стало популярной альтернативой стандартным изображениям.Но иногда вы будете использовать тему, которая не соответствует цвету значков по умолчанию, которые вы хотите использовать. Конечно, вы можете использовать одну из других программ из этого поста, чтобы перекрасить значки, но вы также можете сделать это прямо в Microsoft PowerPoint.

Вот как можно настроить цвет значка с помощью Microsoft PowerPoint.

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер. Мы рекомендуем использовать самый большой размер — 512 x 512 пикселей.Выберите формат PNG, который изначально поддерживается в PowerPoint.

Шаг 2 — После вставки значка выберите значок, перейдите к Формат изображения и щелкните Цвет .

Шаг 3 — Выберите свой цвет, и готово.

Плюсы

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

Минусы

• Окраска выполняется относительно оригинала цвет, что затрудняет получение определенного цвета
• При многократном изменении цвета значок теряет свое качество

Для версии этого руководства для Windows ознакомьтесь с подробным сообщением на Как использовать значки в PowerPoint Презентации .

Иконки — отличный способ улучшить вашу презентационную игру. Одним из самых популярных онлайн-инструментов для создания презентаций, безусловно, является Google Slides.

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

Вот как можно настроить цвет значка с помощью Google Slides.

Шаг 1 — Найдите нужный значок в Iconfinder и выберите нужный размер.Скачать иконку в формате PNG.

Шаг 2 — Перетащите значок в документ Google Slides, отметьте его и нажмите «Форматировать» и «Параметры формата». Появится меню с правой стороны.

Шаг 3 — Выберите предпочтительный цвет из вариантов перекраски.

Шаг 4 — Вы также можете настроить прозрачность, яркость и контраст цвета. Вот и все!

Плюсы

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

Минусы

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

Популярность онлайн-инструмента для совместной работы над дизайном Figma резко возросла.Мы в Iconfinder тоже одни из поклонников. Перекрасить иконки в Figma очень просто.

Шаг 1 — Найдите нужный значок в Iconfinder и загрузите его в формате SVG.

Шаг 2— Перетащите файл значка на холст Figma. Или откройте его с помощью опции «Поместить изображение».

Шаг 2 — Выберите элемент, который вы хотите перекрасить, на панели «Слои» слева или дважды щелкните элемент прямо на значке.

Шаг 3 — Измените цвет в разделе Заливка на панели свойств.Вы можете установить значение цвета в HEX, RGB, CSS, HSL и HSB.

Шаг 4 — Скачайте иконку в удобном для вас формате. Вы можете выбрать SVG, JPG, PNG или PDF в разделе Экспорт панели.

Плюсы

• Figma бесплатна для базового использования
• Веб-версия, поэтому она не ограничена какой-либо операционной системой
• Легко изменить цвет значка
• Поддерживает векторный формат SVG

Минусы

• Это довольно просто, но импорт, перекрашивание и экспорт занимают немного больше времени, чем, например,g., делая это с помощью собственного редактора Iconfinder

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

Вот как перекрашивать значки с помощью Sketch:

Шаг 1 — Найдите нужный значок в Iconfinder. Поскольку Sketch создан как векторный инструмент и изначально поддерживает формат SVG, вам не нужно беспокоиться о размере.Просто скачайте значок в формате SVG.

Шаг 2 — Если значок состоит из нескольких сгруппированных слоев, начните с разгруппировки, пока не будут выбраны все слои.

Шаг 3 — Выбрав все слои, используйте панель «Заливки», чтобы открыть палитру цветов и выбрать новый цвет заливки.

Плюсы

• Sketch изначально поддерживает векторный формат SVG
• При цене 9 долларов в месяц Sketch дешевле Adobe Photoshop

Минусы

• К сожалению, Sketch только для Mac

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

Ищете качественные иконки? Используйте этот код купона, чтобы получить скидку 30% на первый месяц подписки Iconfinder Pro.

Как изменить цвет фона изображений в Photoshop

Одним из самых восхитительных аспектов Adobe Photoshop является возможность переосмыслить ваши любимые вещи в более привлекательном свете — или, точнее, в более привлекательном цвете.

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

Дважды проверьте, поддерживает ли ваш компьютер самую последнюю версию Photoshop (в данном случае Adobe Photoshop 2020), чтобы выполнить эти 12 шагов и измените цвет фона вашей фотографии.

1. Щелкните правой кнопкой мыши инструмент выбора объекта на панели инструментов слева. Значок выглядит как сплошной прямоугольник с пунктирной линией вокруг него.

2. Выберите «Инструмент быстрого выбора». Теперь ваш значок будет выглядеть как кисть с пунктирным контуром вокруг нее.

3. Нажмите «Выбрать тему» ​​на верхней панели инструментов.Для менее актуальных версий Adobe Photoshop вам придется вручную выделить объект на переднем плане.

4. Нажмите клавишу «Q» на клавиатуре, чтобы включить режим быстрой маски. Это поможет вам идентифицировать и исправить любые не захваченные пиксели. Области, которые были захвачены как часть фона, будут красными.

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

5. Когда вы закончите, уменьшите масштаб и снова нажмите «Q», чтобы выйти из режима быстрой маски.

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

7. Выберите «Solid Color» в меню корректирующего слоя в правом нижнем углу. Вы увидите слова «Создать новую заливку или корректирующий слой».»Выберите любой цвет и нажмите ОК.

8. Изначально выбранный оттенок будет окрашивать объект, а не фон. Чтобы перевернуть это, выберите значок маски слоя, затем нажмите «инвертировать» на панели свойств.

9. Дважды щелкните миниатюру сплошного цвета на вкладке «Слои» и выберите цвет фона по вашему выбору.

Как изменить цвет вашего логотипа в Photoshop (2 лучших способа)

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

Самый простой способ изменить цвет логотипа — это применить наложение цвета. Убедившись, что ваш логотип представляет собой файл PNG с прозрачным фоном, дважды щелкните слой с логотипом, чтобы открыть диалоговое окно «Стили слоя». Выберите «Наложение цвета» в меню стилей и выберите новый цвет для вашего логотипа.Нажмите «ОК», чтобы сохранить изменения и применить обновленный цвет логотипа.

Прежде чем вы попытаетесь изменить цвет логотипа в Photoshop, убедитесь, что это файл PNG с прозрачным фоном. Это означает, что у самого логотипа нет белого фона.

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

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

1.Использование наложения цвета

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

Вот как это сделать:

Шаг 1. Откройте диалоговое окно «Стили слоя»

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

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

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

Появится новое окно, которое называется диалоговым окном «Стили слоя».

Шаг 2: Выберите «Наложение цвета»

В меню «Стили» снимите флажок «Наложение цвета».

Если ваши настройки не изменились автоматически, просто нажмите на слова «Color Overlay», чтобы отобразить их настройки.

Шаг 3. Выберите новый цвет логотипа

Сначала убедитесь, что режим наложения установлен на «Нормальный», а непрозрачность — на 100%.

Затем щелкните поле наложения цвета.

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

Выбрав новый цвет, нажмите OK, чтобы применить наложение цвета к логотипу.

Теперь у вас остался новый цветной логотип, сделанный с помощью Photoshop!

Как определить, где применяется новый цвет логотипа

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

Сначала начните с дублирования слоя с логотипом, выделив его и нажав Command + J (Mac) или Control + J (ПК).

Выбрав новый слой, щелкните правой кнопкой мыши значок FX и выберите «Очистить стиль слоя».

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

Затем добавьте маску слоя к дублированному слою с логотипом.

Затем выберите Brush Tool ( B ) и установите цвет переднего плана на черный.

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

После настройки маски вы успешно изменили цвет логотипа выборочно!

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

2. Использование корректирующего слоя насыщенности оттенка

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

Например, значок ярко-синий с моим логотипом, поэтому его будет легко изменить.С другой стороны, черный текст не изменится при таком типе настройки.

Имея это в виду, давайте разберемся, как использовать эту технику:

Шаг 1. Создайте корректирующий слой насыщенности оттенка

Для начала создайте новый корректирующий слой насыщенности оттенка над слоем с логотипом.

Эту настройку можно создать с помощью панели настроек или в нижней части панели «Слои».

Шаг 2: Настройте ползунки Master Hue

Первое, что вы увидите, открыв слой настройки насыщенности оттенка, — это вкладка Master.Здесь находятся все глобальные настройки оттенка, насыщенности и яркости вашего логотипа.

Поскольку вы хотите изменить цвет, начните с регулировки ползунка оттенка, чтобы изменить оттенок вашего логотипа.

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

Всего за два шага вы изменили цвет вашего логотипа с помощью корректирующего слоя насыщенности оттенка в Photoshop!

Если вы хотите изменить только цвета, не трогая черный или белый, это самый простой способ.

Как выборочно применить корректировки оттенка к вашему логотипу

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

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

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

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

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

Если вы хотите изменить все цвета в своем логотипе (включая черный и белый), то лучше всего подойдет метод Color Overlay. Однако, если вы хотите отрегулировать только уже окрашенные области вашего логотипа, корректирующий слой Hue Saturation сделает все немного более упорядоченным. Тем не менее, они оба предлагают отличное решение для изменения цвета логотипа в Photoshop!

Чтобы увидеть больше способов изменения цвета в Photoshop, ознакомьтесь с уроками ниже:

Happy Editing,

Brendan 🙂

Как изменить цвет фона в Photoshop

Что нужно знать

• Новое изображение: в меню Photoshop File выберите New .Выберите цвет из раскрывающегося меню в разделе Содержимое фона . Выберите Создать .
• Выбор существующего изображения: выберите инструмент Magic Wand . Удерживая Shift , щелкните области фона, которые вы хотите заменить.
• Замена существующего изображения: Выбрав фон, используйте инструмент Заливка , чтобы применить новый цвет из цветовой палитры.

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

Измените цвет фона для нового изображения

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

Изменение фона в Photoshop перед созданием нового изображения — это самый быстрый способ настроить его по своему усмотрению.

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

В Photoshop CC 2018 и новее этот параметр будет в правом нижнем углу окна нового документа.В старых версиях Photoshop он будет расположен внизу окна.

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

1. Выберите вкладку Layer вверху окна.

2. Выберите New Fill Layer , затем выберите Solid Color — если вам не нужен градиент или узор фона.

3. Дайте новому слою имя, затем выберите OK , когда будет предложено.

4. Выберите цвет из палитры и снова выберите OK .

Изменить цвет фона в существующих изображениях

Прежде чем вы сможете изменить цвет фона в Photoshop, вам нужно выбрать его. Вот несколько способов сделать это, независимо от того, работаете ли вы в Windows или macOS:

Используйте инструмент Magic Wand Tool

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

Используйте инструмент «Лассо»

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

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

Используйте маскирующий инструмент

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

Если при выделении любым из вышеперечисленных методов фон намного больше переднего плана, выберите вместо него передний план, затем нажмите Ctrl + Shift + I , чтобы инвертировать выделение и выделить фон.

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

Изменить оттенок

Нажмите Ctrl + U , чтобы открыть меню Оттенок и Насыщенность .Используйте ползунок Hue , чтобы настроить оттенок фона. Он будет поддерживать те же уровни освещения, что и раньше, но общая цветовая палитра изменится.

Если вы хотите, чтобы фон был более однородным, вы можете сначала удалить его, а затем добавить обратно, прежде чем настраивать оттенок. Для этого нажмите Ctrl + Shift + U , чтобы преобразовать изображение в оттенки серого, затем откройте меню Оттенок и Насыщенность , как раньше. Выберите Colorize , чтобы снова добавить цвет к фону, затем используйте ползунок Hue , чтобы настроить его цвет.

Закрасить

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

1. В Windows и macOS нажмите F7 , чтобы открыть окно слоев.

2. Выберите New Layer , чтобы создать новый слой. Это второй значок справа.

3. Выберите Fill Tool в левом меню. Он выглядит как ведро с краской и называется Paint Bucket Tool в некоторых версиях Photoshop.

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

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

Спасибо, что сообщили нам!

Расскажите, почему!

Как изменить цвет фона в Photoshop (быстро и легко!)

В этом уроке вы узнаете, как изменить цвет фона в Photoshop !

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

Вот почему это отличный навык, когда вы знаете, как изменить цвет фона в Photoshop!

В этом быстром уроке Photoshop я научу вас удобному трюку, как изменить цвет фона изображения всего за 5 минут!

Примечание : этот метод лучше всего работает с изображениями с существующим белым фоном.

Если вы хотите узнать, как превратить любой фон в белый, нажмите здесь, чтобы посмотреть видео!

Для пользователей Photoshop, не использующих Creative Cloud: перейдите на панель инструментов или и нажмите W на клавиатуре.

Используйте инструмент Quick Selection и перетащите курсор по всему объекту, чтобы сделать выбор.

Движущаяся пунктирная линия, обычно называемая « марширующих муравьев », автоматически показывает области, отмеченные инструментом.

Чтобы уточнить выбор, перейдите на панель параметров .

Справа рядом с текущим выбранным инструментом щелкните инструмент Вычесть из выделения , чтобы отменить выделение объекта на заднем плане.

Пользователи Creative Cloud могут сэкономить время, используя инструмент Выбрать тему на панели параметров .

Выбор темы Этому инструменту помогает искусственный интеллект (AI) под названием Adobe Sensei , он анализирует все ваше изображение и мгновенно выбирает главный объект!

Узнайте, как удалить белый фон в Photoshop (быстро и легко!)

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

Нажмите клавишу Q на клавиатуре, чтобы войти в режим Quick Mask . На этом шаге на невыделенные области накладывается красный цвет.

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

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

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

Снова нажмите Q, клавишу на клавиатуре, чтобы найти марширующих муравьев.

Затем вы увидите, что выделение недавно закрашенных областей снято, что дает вам более точный выбор объекта.

На панели Слои щелкните значок Новый корректирующий слой и выберите Сплошной цвет .

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

Это заполнит ваш объект выбранным цветом.

Так как вам нужен цвет фона, просто измените его, щелкнув значок Layer Mask .

Затем щелкните значок Инвертировать на панели свойств .

Смешивание цвета фона

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

Для этого выберите Умножение из раскрывающегося списка Режим наложения .

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

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

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

Как изменить цвет фона в Photoshop

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

Для этого наведите курсор на панель Layers и дважды щелкните миниатюру Solid Color, которая вернет вас в окно Color Picker .

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

Когда результат вас устраивает, просто нажмите OK , и все готово!

Поделитесь своей работой!

И это простой трюк, как изменить цвет фона в Photoshop всего за 5 минут!

Если вам понравилось это руководство, обязательно подпишитесь на PTC на YouTube! А если вы создадите что-то с помощью этого руководства, поделитесь им в социальных сетях с хэштегом #PTCvids, чтобы получить шанс стать участником!

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после