Основы работы в Adobe Photoshop CS5. Как изменить цвет в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если бы я хотел полностью обесцветить воздушные шары, полностью удалив их цвет, я бы установил цвет переднего плана на черный, белый или любой из оттенков серого, но так как я хочу получить более тонкий эффект, я просто возьму как образец один из слабонасыщенных цветов из изображения. Для этого я зажму клавишу, чтобы временно переключиться на режим Пипетки (Eyedropper Tool) и нажму на желаемый цвет. Я выберу малонасыщенный желтый цвет. Сам цвет не имеет значения, так как режим наложения "Насыщенность" не меняет никакие исходные цвета. Он повлияет только на интенсивность:

Итак, цветом переднего плана у меня установлен малонасыщенный жёлтый, режим наложения - "Насыщенность" (Saturation). Теперь я буду просто закрашивать воздушные шары, регулируя свой размер кисти с помощью левой и правой клавиш квадратных скобок и изменения значение допуска в панели параметров по мере необходимости. На рисунке ниже показал, как я сверху вниз закрашиваю ярко-оранжевый воздушный шар:

Недостатки инструмента: проблема с яркостью изменяемых объектов

Как я писал в самом начале, инструмент "Замена цвета" (Color Replacement Tool) можно использовать не для всех случаев. Сейчас я покажу вам это на примере.

Для начала я восстановлю исходное состояние моего фото с шарами, нажав клавишу F12. Теперь, скажем, я хочу изменить цвет верхнего отдельного оранжевого шара на тёмно фиолетовый цвет, как у некоторых шаров в группе:

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

Я устанавливаю режим наложения на панели параметров на "Цветность" (Color) и начинаю закрашивать оранжевый шар для изменения на на темно-фиолетовый. Вот результат:

Хм. Шар получился, безусловно, фиолетовым, но этот цвет совсем похож на цвета других фиолетовых шаров, не так ли? Проблема в том, что этот цвет гораздо ярче, чем у других фиолетовых шаров, и получилось это потому, что первоначальный цвет шара был намного ярче, чем темно-фиолетовый, который я брал за образец для замены. Режим наложения "Цветность" в данном случае не никак не влияет на яркость объекта.

Ну давайте тогда попробуем применить тот режим наложения,который влияет на яркость. Из имеющихся четырёх режимов наложения это "Яркость" (Luminosity). Я восстановлю исходное состояние фото,нажав F12, выберу этот режим на панели параметров и вновь попытаюсь закрасить шар тёмно-фиолетовым. Результат:

Ну что же, глядя на результат, можно с уверенностью сказать, что получилась полная ерунда. Режим наложения "Яркость" определенно сделал шар темнее, но это все-таки оранжевый, а не фиолетовый, и, кроме того, практически пропала детализация текстуры, шар выглядит плоским пятном.

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

Отбор проб для замены

На панели параметров, непосредственно справа от опции выбора режима наложения, расположены три небольшие иконки. Каждая из этих иконок представляет собой отдельный вариант выборки пикселей для замены инструментом "Замена цвета", и они работают точно по такому же принципу, как и в инструменте "Фоновый ластик" . Слева направо: "Непрерывный отбор" (Continuous), эта опция включена по умолчанию, следующая "Однократно" (Once) и последняя - "Образец фона" (Background Swatch) . Для переключения между режимами отбора просто нажмите на нужную иконку:

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

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

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

Ограничения (Limits)

Эта настройка определяет расположение заменяемых пикселей и работает точно по такому же принципу, как и у Фонового ластика . Опция имеет три варианта: "Все пиксели" (Contiguous), "Смежные пиксели" (Discontiguous) и "Выделение краёв" (Find Edges). Из этих трех Вы реально будете использовать только первые два:

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

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

Сглаживание (Анти-Alias)
Данная опция включена по умолчанию и служит для сглаживания края вокруг областей замены. Рекомендую всегда держать её включенной.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я вас как всегда приветствую, дорогие друзья. Очень рад вас видеть на моем блоге. Вы картинки какие-нибудь рисуете? А то на этой неделе я собираюсь публиковать уроки на тему инструментов рисования. Тема тоже довольно важная для фотошопа, поэтому упускать ее не надо. Поэтому вам позарез нужно знать как выбрать цвет кисти в фотошопе. Без этого дальше будет трудновато.

Посмотрите на сам выбор цвета. Вы заметили, что цвета два (по умолчанию черный и белый)? А как вы думаете, почему? Если навести мышкой на цвет, то увидите, что передний называется основным , а задний — фоновым . Фоновый цвет обычно используется для ластика, градиента и т.д., но в плане с кистями он сработает как дополнительный.

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

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

Первый способ

С левой стороны вы увидите большое квадратное пространство, а чуть правее вертикальная полоска с цветами. Так вот сам цвет вы выбираете из как раз таки вертикальной полоски, а из большого квадрата — оттенки данного цвета. Но это действует лишь на цветовой модели HSB , причем точка должна стоять возле буквы H . Если вы поставите точку любое другое место, то вся палитра изменится. Так что при выборе цвета пусть лучше точка стоит там.

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

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

Вот такая вот суть. Можете спокойно рисовать.

Второй способ

Помните в одном из первых уроков я рассказывал про ? Так вот второй способ будет заключаться на основе выбора цветов из определенной цветовой панели. Тут вам и RGB , и CMYK , и HSB , и LAB . Помните по какому каждая из этих моделей работает?

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

Давайте, например, я выберу красный цвет в модели RGB . Для этого я ставлю в нужный ячейках нужные значения, то бишь в ячейку R — 255, а в ячейки G и B по нулям. Ну как? Выбрался нужный нам цвет? Смотрите сами.

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

Действуют такие коды по принципу RGB , т.е. 2 первых символа означают красный цвет, 2 средних означают зеленый цвет, а 2 последних — синий цвет. 0 — минимальное значение цвета (белый), F — максимальное значение цвета (черный). Получается, что ff0000 — это то же самое, что и 255,0,0 в обычном RGB, т.е. красный.

Ну а если вы уж захотите вернуть всё как было, т.е. чтобы цвета стали по умолчанию (основной — черный, фоновый — белый), то просто нажмите клавишу D . Вот так всё просто.

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

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

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

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