Цветовой диапазон в фотошопе

Обновлено: 07.07.2024

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

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

В этом уроке мы покажем вам несколько способов выбора одного и того же цвета в Photoshop.

Зачем выбирать один и тот же цвет в Photoshop?

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

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

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

Начало работы

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

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

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

Начнем!

Использование инструмента «Цветовой диапазон» для выбора цвета в Photoshop

Начнем с самого очевидного варианта. Инструмент «Цветовой диапазон» в Photoshop — это один из нескольких инструментов выделения в меню «Выбор». Мы будем использовать его, чтобы просто удалить весь голубой и синий цвета с фона.

    Как только изображение загрузится в Photoshop, выберите «Выделение» > «Цветовой диапазон».

Голубой и синий цвета были полностью удалены с изображения.

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

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

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

Вот как это работает:

    Загрузив изображение в Photoshop, нажмите Ctrl + J, чтобы продублировать слой.

При рисовании с помощью инструмента "Кисть" помните о следующих советах:

  • Параметры кисти находятся в верхней строке меню Photoshop.
  • Используйте квадратные скобки [], чтобы увеличить или уменьшить кисть для лучшего контроля.
  • Если вы рисуете на небе, переключите клавишу X, чтобы передний план стал черным, и просто сотрите небо.
  • Используйте Ctrl + + и Ctrl + - для увеличения и уменьшения масштаба.

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

Использование инструмента «Выделение неба» в Photoshop для выбора цвета

Одним из самых быстрых способов выделения всех цветов одного цвета в Photoshop, по крайней мере, для изображения с голубым небом, является инструмент «Выделение неба».

Вот как это работает.

    Загрузив изображение в Photoshop, выберите «Выделение» > «Небо».

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

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

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

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

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

    Когда ваше изображение загружено в Photoshop, щелкните меню инструмента «Ластик» или нажмите E для стандартного инструмента «Ластик». Выберите инструмент «Волшебный ластик».


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

Инструмент выбора цветового диапазона

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

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


Настройка ползунка «Размытость» увеличивает или уменьшает чувствительность выборки. Чем выше число, тем больше то, что Photoshop считает «похожим» на выбранный цвет, а меньшее число ограничивает выбор только образцами цветов.

Инструмент выбора цветового диапазона

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

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


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

Инструмент выбора цветового диапазона

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

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

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

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

найти определенный диапазон цветов изображения

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

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

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

выбор цветовой диапазон на фото в фотошопе

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

В диалоговом окне выбора вы также увидите два ползунка. Один будет называться Fuzziness, а другой — Range.

Если вы переместите полосу с названием «Размытость» на 200 (справа), вы увидите, что полученные значения цвета увеличились. Если вы переместите полосу на 0 (слева), вы увидите, что улавливается очень мало цветов. Хорошим уровнем для начала будет около 100 (примерно посередине), а затем отрегулируйте его в соответствии с изображением.

Полоса диапазона — это расстояние, на которое она распространяется при восприятии цветов. Однако сначала вам нужно убедиться, что установлен флажок «Локализованные цветовые кластеры», потому что в противном случае полоса диапазона не будет работать. Таким образом, сдвинув полосу на 100 (справа), она улавливает цвета на большем расстоянии по сравнению с тем, если бы она была на 0 (слева). Хорошим уровнем для начала будет диапазон около 50 (примерно посередине), а затем отрегулируйте его в соответствии с изображением.

цветовой диапазон фотошоп

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

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

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

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

То есть: если вы выполняете работу стоимостью 200 долларов США за пять часов, вы зарабатываете 40 долларов США в час. Но вы можете улучшить свои навыки и усовершенствовать свое понимание Photoshop до такой степени, что сможете выполнять ту же работу всего за один час, зарабатывая 200 долларов в час.

 цветовой диапазон фотошопа

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

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

Ещё из серии «Популярные инструменты в Photoshop»:

Обзор: параметры инструмента «Цветовой диапазон»

Цветовой диапазон находится в строке главного меню.

 Расположение цветового диапазона фотошопа

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

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

 bc-select-color-range-2

Предварительное выделение с помощью инструмента «Лассо»

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

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

 Предварительный выбор инструмента лассо цветового диапазона фотошопа

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

Выбор определенных цветов

Следующий шаг — выбрать «Выбрать» / «Цветовой диапазон» в строке главного меню.

 цветовой диапазон фотошопа выбрать определенные цвета

Панель "Цветовой диапазон" содержит несколько параметров, которые помогают пользователю сделать почти идеальный выбор.

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

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

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

 цветовой диапазон фотошопа

Эти представления очень полезны при проверке выбора перед его принятием.

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

Диапазон цветов также предлагает способы выбора определенных цветов после его открытия в строке главного меню.

 цветовой диапазон в фотошопе образцы цветов

Adobe предоставляет основные чистые формы первичных и вторичных цветов, а также средство выбора только значений Highlight, Midtone или Shadow, определяемых значением пикселя в пределах тонового диапазона Photoshop 0–255 (самая высокая треть = светлые тона, средняя треть = средние тона, нижняя треть). третий = тени).

Выбор оттенков кожи

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

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

 фотошоп цветовой диапазон оттенки кожи

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

Локальные кластеры цветов

Если установлен флажок «Локальные цветовые кластеры», Photoshop ищет и выбирает смежные или соседние цвета — цвета, расположенные рядом или граничащие друг с другом.

 цветовой диапазон фотошопа локализованные цветовые кластеры

Ползунок размытости

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

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

 цветовой диапазон в слайдере размытости фотошопа

Низкое число Fuzziness позволяет очень точно выбирать цвета.

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

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

Инструменты пипетки

 инструменты пипетки цветового диапазона фотошопа

Значок пипетки слева – это основной переключатель цвета.

Инструмент «Пипетка» в центре позволяет добавлять дополнительные цвета, независимо от того, связаны они или нет, с исходным выбранным цветом (сочетание клавиш — Shift), а значок справа позволяет вычитать цвета (параметр сочетания клавиш или Alt).

ПРИМЕЧАНИЕ. Комбинация клавиш (Alt) также заменяет кнопку «Отмена» на «Сброс», если вы хотите очистить цветовой диапазон и начать заново.

 цветовой диапазон в фотошопе сброс

Загрузка и сохранение

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

 загрузка и сохранение цветового диапазона фотошопа

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

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

Выбор и изображения

Последняя опция на панели «Цветовой диапазон» — это возможность увидеть либо сделанный выбор, либо изображение.

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

 цветовой диапазон в фотошопе при выборе и просмотрах изображений

При выборе цвета можно щелкнуть нужный цвет на изображении или в том месте, где это изображение представлено на панели «Цветовой диапазон».

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

Как использовать инструмент «Цветовой диапазон»

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

 цветовой диапазон фотошопа изменить цвет

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

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

Процесс заключается в том, чтобы задать команду (управление) областью маски на корректирующем слое Hue Saturation, выбрать Select / Modify / Expand и ввести 2-3 пикселя.

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

 цветовой диапазон фотошопа цветная заливка

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

Эта последняя часть целенаправленной работы по уточнению будет выполнена с помощью инструмента "Кисть" с низкой непрозрачностью (20-30%) для рисования на маске слоя.

Белая краска лучше раскрывает корректировку, а черная краска скрывает любые нежелательные корректирующие цвета.

 фотошоп цветовая гамма белая краска

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

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

 цветовой диапазон в деталях фотошопа

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

Их можно удалить, покрасив маску.

Цветовой диапазон позволил мне создать совершенно другой портрет с помощью двух простых выделений и двух корректирующих слоев.

 Фото сравнения цветового диапазона фотошопа

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

цветовой диапазон в примере сравнения фотошопа

Заключительные мысли

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

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

 цветовой диапазон фотошопа

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

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

janes photo

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

Читайте также: