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

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

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

Слева направо у нас есть основной инструмент Eyedropper Tool , используемый для выбора исходного цвета (просто щелкните изображение с помощью инструмента Eyedropper Tool, чтобы выбрать нужный цвет), инструмент Add to Sample Tool для добавления дополнительных цвета к выделению и Subtract from Sample Tool , чтобы удалить цвета из выделения.Мы можем переключаться между инструментами, нажимая на их значки, но на самом деле в этом нет необходимости. Основной инструмент «Пипетка» выбран для нас по умолчанию, и мы можем временно переключиться на другие инструменты прямо с клавиатуры. Чтобы переключиться на инструмент «Добавить в образец», просто удерживайте нажатой клавишу Shift , затем щелкните изображение, чтобы добавить новые области к выделению. Чтобы получить доступ к инструменту «Вычитание из образца» с клавиатуры, удерживайте нажатой клавишу Alt (Win) / Option (Mac), затем щелкните изображение, чтобы удалить область из выделения. Другими словами, теперь, когда вы знаете, что эти три значка здесь, вы можете спокойно забыть о них:

Инструменты «Пипетка» (слева), «Добавить в образец» (в центре) и «Вычесть из образца» (справа).

Окно предварительного просмотра выбора

В нижней половине диалогового окна находится окно предварительного просмотра выбора , где мы можем видеть предварительный просмотр в реальном времени того, какие области изображения мы выбрали после щелчка пипеткой. В окне предварительного просмотра наш выбор отображается в виде изображения в градациях серого.Если вы знакомы с принципом работы масок слоев, окно предварительного просмотра работает точно так же. Полностью выделенные области изображения будут отображаться в окне предварительного просмотра белыми, а невыделенные области — черными. В моем случае здесь в данный момент ничего не выбрано, поэтому мое окно предварительного просмотра в настоящее время заполнено сплошным черным цветом. Как мы увидим, команда Color Range также способна частично выбирать пиксели, поэтому она дает нам лучшие и более естественные результаты, чем Magic Wand. Частично выбранные области отображаются в окне предварительного просмотра в виде оттенков серого.Опять же, мы скоро увидим, как это работает:

Окно предварительного просмотра выбора.

Нечеткость

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

И «Волшебная палочка», и команда «Цветовой диапазон» позволяют указать Photoshop, каким должен быть допустимый диапазон. С Magic Wand мы используем опцию Tolerance на панели параметров. Чем выше мы устанавливаем значение Tolerance, тем шире становится допустимый диапазон. Например, если мы оставим для параметра «Допуск» значение по умолчанию 32, а затем щелкнем цвет в изображении, Photoshop выберет все пиксели того же цвета, что и пиксель, на который мы щелкнули, а также все пиксели, которые находятся в пределах 32 уровней яркости светлее и 32 уровня темнее.Увеличение значения Tolerance до 100 означает, что мы выберем все пиксели, которые в пределах 100 уровней яркости светлее или темнее, чем цвет, на который мы щелкнули, а установка значения Tolerance на 0 означает, что мы выберем только пиксели, которые имеют точно такой же цвет, не более:

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

Диалоговое окно Color Range дает нам аналогичный способ установить приемлемый диапазон, за исключением того, что здесь он не называется Tolerance, он называется Fuzziness и имеет большое преимущество перед опцией Magic Wand’s Tolerance.Мы используем значение «Нечеткость» так же, как и «Допуск». Чем выше мы устанавливаем значение «Нечеткость», тем больше уровней яркости включаем в допустимый диапазон. Например, значение «Нечеткость» 40 выберет все пиксели, которые имеют тот же цвет, что и пиксель, на который мы щелкнули, плюс все пиксели, которые в пределах 40 значений яркости светлее или темнее. Любые пиксели, которые на 41 или более уровней яркости светлее или темнее, будут исключены из выбора.

Вариант Tolerance, тем не менее, во многом относится к типу «ударил или промахнулся».Если мы щелкнем изображение с помощью волшебной палочки и поймем, что не получили нужный выбор, потому что мы использовали неправильное значение допуска, все, что мы можем сделать, это ввести другое значение, затем щелкнуть изображение и повторить попытку. Такой подход «проб и ошибок» к выбору пикселей может очень быстро разочаровать. Вот где команда Color Range действительно сияет над Magic Wand. В отличие от значения Tolerance, которое заставляет нас угадывать правильное значение до того, как мы щелкаем по изображению, значение Fuzziness можно легко настроить на после , когда мы щелкнули! Все, что нам нужно сделать, это щелкнуть один раз на изображении, чтобы сделать начальное выделение, а затем мы можем настроить выделение, просто перетащив ползунок «Нечеткость» влево или вправо, чтобы увеличить или уменьшить диапазон.Предварительный просмотр нашего выбора будет отображаться в окне предварительного просмотра, когда мы перетаскиваем ползунок, поэтому вам вообще не нужно гадать. Мы скоро увидим пример того, как работает нечеткость:

Параметр «Нечеткость» — это вариант «Допуск волшебной палочки» в цветовой гамме.

Теперь, когда мы рассмотрели основы диалогового окна «Цветовой диапазон», давайте посмотрим на него в действии. Вот документ, который я открыл в Photoshop, состоящий из простого темно-синего градиента с желтой полосой, проходящей через середину:

Синий градиент, разделенный по горизонтали желтой полосой, но вы это уже знали.

Допустим, я хочу выделить часть синего градиента с помощью команды Color Range. Сначала я перейду к меню Select вверху экрана и выберу Color Range . Затем, когда появится диалоговое окно «Цветовой диапазон», я удостоверюсь, что выбран мой основной инструмент «Пипетка » (который, как мы узнали, уже должен быть выбран по умолчанию):

Убедитесь, что основной инструмент «Пипетка» активен.

Активировав основной инструмент «Пипетка», я щелкну где-нибудь в середине градиента, чтобы выбрать оттенок синего:

Щелкните по середине градиента с помощью инструмента «Пипетка».

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

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

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

Щелкните инструментом «Пипетка» на более темном оттенке синего.

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

Щелчок по более темному оттенку синего привел к другому выбору.

И если я нажму на более светлый оттенок синего в градиенте:

Нажав на более светлый оттенок синего.

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

Выбраны более светлые оттенки синего. Более темные оттенки не выбираются.

Обратите внимание, что независимо от того, где я нажимал на синий градиент, Photoshop полностью игнорировал желтую полосу посередине. Если я нажму на желтую полосу:

Щелкнув желтую полосу.

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

Желтая полоса выделена. Синего градиента нет.

Я собираюсь снова щелкнуть по середине синего градиента, чтобы мы могли более внимательно рассмотреть параметр «Нечеткость» и то, как он позволяет нам корректировать наш выбор на лету:

Щелкните еще раз в середине градиента.

Мы видим в окне предварительного просмотра, что я снова выделил область посередине:

Вернуться к исходному выбору.

Когда я щелкнул по середине градиента, мое значение Нечеткости было установлено на 40, что означает, что Photoshop выбрал именно тот оттенок синего, на котором я щелкнул, плюс 40 оттенков светлее или темнее. Но что, если мое значение нечеткости было недостаточно высоким и мне нужно было выбрать больший диапазон цветов? Не проблема! Все, что мне нужно сделать, это перетащить ползунок «Нечеткость» вправо, чтобы увеличить диапазон. Когда я перетаскиваю ползунок, окно предварительного просмотра обновляется, показывая мне мой новый выбор. Я увеличу свое значение «Нечеткость» до 100, что означает, что теперь я выбираю все пиксели, которые в пределах 100 уровней яркости светлее или темнее, чем оттенок синего, на который я изначально нажимал. В окне предварительного просмотра я вижу, что теперь я выбрал гораздо большую часть градиента. Точно так же я мог бы перетащить ползунок влево, чтобы уменьшить значение нечеткости, и в этом случае будет выбран меньший градиент:

Увеличение значения «Нечеткость» с помощью ползунка увеличивает выделенную область в окне предварительного просмотра.

Обратите внимание, что отображение в окне предварительного просмотра не ограничивается только чисто белым и чисто черным. Вместо этого он плавно и постепенно переходит от белого к серому и черному. Это связано с тем, что команда «Цветовой диапазон» может частично выбирать пикселей. Любые пиксели, цвет которых отличается от того, по которому мы щелкнули, но которые все еще находятся в допустимом диапазоне яркости (установленном значением «Нечеткость»), будут выделены частично. Это серые области в окне предварительного просмотра. Чем ближе область к цвету, на который мы щелкнули, тем более выделенной она будет, представленная более светлыми оттенками серого.Более темные оттенки серого представляют области, которые находятся дальше от цвета, на который мы щелкнули, и менее выделены. Эта способность «частично выбирать» пиксели может показаться немного странной, но именно поэтому команда «Цветовой диапазон» дает нам гораздо более плавное и естественное выделение, чем то, что мы когда-либо могли получить с помощью Magic Wand.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Добавление к выделенному

Помимо изменения значения Fuzziness, мы также можем использовать инструмент Add to Sample Tool, чтобы добавить области к нашему первоначальному выделению. Однако, как мы уже узнали, нет необходимости тратить время на выбор инструментов пипетки в диалоговом окне. Все, что нам нужно сделать, чтобы временно переключиться с основного инструмента «Пипетка» на инструмент «Добавить в образец», — это нажать и удерживать клавишу Shift . Удерживая нажатой клавишу Shift, в правом нижнем углу курсора пипетки появится маленький плюс ( + ), сообщающий, что вы переключили инструменты. Отпустив клавишу Shift, вы вернетесь к основному инструменту «Пипетка» (знак плюса исчезнет).

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

Установка нечеткости обратно на 40.

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

Щелкните изображение с помощью инструмента «Добавить в образец» (удерживая нажатой клавишу Shift).

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

Выбрано больше градиента.

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

Перетаскивание с помощью инструмента «Добавить в образец».

И теперь мы видим в окне предварительного просмотра, что я добавил еще больше градиента к своему выбору:

Результат после перетаскивания с помощью инструмента «Добавить в образец».

Вычитание из выделения

Мы также можем вычесть области из выделения с помощью Subtract from Sample Tool . Опять же, нет необходимости брать его из диалогового окна. Просто удерживайте нажатой клавишу Alt (Win) / Option (Mac) на клавиатуре, чтобы временно переключиться на инструмент «Вычесть из образца». Маленький знак минус (–) появится в правом нижнем углу значка пипетки. Нажмите на область, которую хотите удалить из выделения, затем отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к основному инструменту «Пипетка», когда закончите.

Я нажимаю на более темную область градиента с помощью инструмента «Вычитание из образца»:

Щелчок с помощью инструмента «Вычесть из образца».

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

Результат после щелчка с помощью инструмента «Вычесть из образца».

Однако одна проблема с инструментом «Вычесть из образца» заключается в том, что он не работает так же хорошо, как инструмент «Добавить в образец», и не всегда легко предсказать, какие результаты вы получите от него.Если вы ошиблись с инструментом «Добавить к образцу» и добавили неправильную область к своему выбору, часто проще просто отменить последний шаг и повторить попытку. Команда Color Range дает нам один уровень отмены, поэтому, если вы ошиблись с инструментом Добавить в образец, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить его, а затем попробуй снова.

Когда вы довольны предварительным просмотром вашего выбора, нажмите OK в правом верхнем углу диалогового окна Color Range, чтобы закрыть его:

Щелкните OK, чтобы закрыть диалоговое окно.

Photoshop затем отобразит ваш выбор в документе как стандартный контур выделения «марширующих муравьев». Однако имейте в виду, что в большинстве случаев команда «Цветовой диапазон» будет частично выделять определенные пиксели, и что Photoshop может отображать контур выделения только вокруг пикселей, которые выбраны не менее чем на 50%. Любые пиксели, выделенные менее чем на 50%, будут выпадать за пределы контура выделения, что означает, что контур может не быть полностью точным представлением вашего выбора.Это не большая проблема, просто нужно запомнить:

Стандартный контур «марширующих муравьев» теперь отображается вокруг выбранной части градиента.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-2 ]

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

Необходимо выбрать розы.

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

Щелкните один раз, чтобы выбрать начальный оттенок красного.

Мы видим мой первоначальный выбор в окне предварительного просмотра:

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

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

Удерживая Shift, щелкните, чтобы выбрать больше оттенков красного.

В окне предварительного просмотра отображаются области, которые были добавлены к выделению:

Новые добавленные разделы появятся в предварительном просмотре.

Параметры предварительного просмотра

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

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

Гораздо более полезная опция предварительного просмотра находится в самом низу диалогового окна «Цветовой диапазон». Параметр Selection Preview управляет тем, что мы видим в окне документа. По умолчанию установлено значение None , что означает, что мы видим наше фактическое изображение в окне документа:

Опция предварительного просмотра выделенного фрагмента.

Если вы нажмете на слово None, вы откроете список дополнительных вариантов — Grayscale , Black Matte , White Matte и Quick Mask — каждый из которых дает нам разные способы предварительного просмотра текущий выбор в окне документа.Я выберу первый, оттенки серого:

Выбор оттенков серого в параметре предварительного просмотра выделенного фрагмента.

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

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

Еще один очень полезный способ предварительного просмотра вашего выбора — выбрать Black Matte из параметра предварительного просмотра выбора:

Выбор матового черного в параметрах предварительного просмотра.

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

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

Вы также можете выбрать White Matte , при котором выбранные области изображения будут отображаться на сплошном белом фоне, или Quick Mask , чтобы просмотреть выделение с красным наложением быстрой маски.Все четыре параметра могут быть полезными способами предварительного просмотра вашего выбора в окне документа. Чтобы вернуться к просмотру изображения, установите для параметра «Предварительный просмотр выделения» значение «Нет».

Локализованные кластеры цвета (Photoshop CS4 и выше)

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

В Photoshop CS4 Adobe добавила новую функцию в команду «Цветовой диапазон» под названием Localized Color Clusters . Мы можем использовать эту опцию, чтобы ограничить области на фотографии, в которых Photoshop будет искать соответствующие цвета. Я щелкну внутри флажка, чтобы включить параметр (опять же, параметр Локальные кластеры цвета доступен только в версии CS4 и выше):

Включение локализованных цветовых кластеров.

Как только мы включим локализованные кластеры цветов, сразу под ползунком «Нечеткость» станет доступна другая опция, Диапазон . Если для диапазона установлено значение 100% (или если параметр «Локальные кластеры цветов» отключен), Photoshop будет искать по всему изображению области соответствующего цвета, чтобы добавить их к нашему выделению. Но когда мы уменьшаем значение диапазона, перетаскивая ползунок влево, мы говорим Photoshop, чтобы он смотрел только на те области фотографии, которые ближе к областям, на которые мы щелкнули, и игнорировать области, которые находятся слишком далеко от того места, где мы щелкнули.

Другими словами, я могу сказать Photoshop, чтобы он игнорировал красную часть женского платья в верхней части фотографии и фокусировался только на областях, близких к розам (области, на которые я нажимал, чтобы выбрать цвета), просто уменьшив свой диапазон ценить.Я уменьшу значение диапазона примерно до 50% или около того. И сейчас. если мы посмотрим на верхнюю часть окна предварительного просмотра, мы увидим, что оно стало полностью черным, что означает, что платье женщины больше не является частью выбора, потому что оно слишком далеко от роз:

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

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

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

Инвертирование выбора

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

Чтобы инвертировать выделение в диалоговом окне Color Range, все, что нам нужно сделать, это выбрать опцию Invert под пипеткой.Это также инвертирует предварительный просмотр выделения в градациях серого в окне предварительного просмотра, поскольку мои розы (теперь заполненные черным) больше не являются частью моего выделения, в то время как остальная часть изображения (заполненная белым) теперь выбрана:

Выбор параметра «Инвертировать».

Чтобы завершить свой выбор, я нажму «ОК» в правом верхнем углу диалогового окна, чтобы закрыть команду «Цветовой диапазон», и теперь мы видим стандартные контуры выделения «марширующих муравьев» в моем документе. Как я упоминал ранее, контур выделения появляется только вокруг пикселей, которые выбраны не менее чем на 50%, а это означает, что то, что мы видим, часто не совсем точное:

В документе появится стандартная схема выбора.

Чтобы быстро закончить свой эффект, я нажимаю на значок New Adjustment Layer в нижней части панели Layers:

Щелкнув значок «Новый корректирующий слой».

Затем я выберу корректирующий слой Black & White из появившегося списка:

Выбор корректирующего слоя «Черно-белый».

Добавляет корректирующий слой «Черно-белый» поверх моего изображения на фоновом слое. На миниатюре предварительного просмотра маски слоя мы видим, что Photoshop применил выделение, созданное мной с помощью команды Color Range, к маске корректирующего слоя:

Недавно добавленный корректирующий слой Black & White.

Я пока оставлю для корректирующего слоя Black & White настройки по умолчанию, чтобы мы могли видеть, что благодаря способности команды Color Range выбирать розы на основе их цвета, я смог легко изолировать их от остальная часть изображения, чтобы они могли оставаться в цвете, а все остальное преобразовано в черно-белое:

Окончательный результат.

Популярные инструменты в Photoshop: цветовой диапазон

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

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

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

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

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

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

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

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

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

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

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

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

Предварительный выбор с помощью инструмента Lasso

Pro-Tip: Color Range — это инструмент глобального выбора , что означает, что все на изображении, которое содержит выбранный цвет, также будет выделено. Чтобы этого избежать, просто предварительно изолируйте целевую область с помощью инструмента «Лассо».

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

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

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

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

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

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

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

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

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

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

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

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

Выбор телесных тонов

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

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

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

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

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

Ползунок нечеткости

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Процесс состоит в том, чтобы управлять областью маски на корректирующем слое «Насыщенность оттенка», выбрать «Выбрать / изменить / развернуть» и ввести 2–3 пикселя.

Edit / Fill with White расширяет настройку на много пикселей, а Edit / Fade Fill позволяет использовать ползунок для настройки непрозрачности по вкусу.

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

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

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

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

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

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

Их можно удалить с помощью дополнительной окраски маски.

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

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

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

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

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

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

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

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

Как улучшить цвета с помощью инструмента «Цветовой диапазон» Photoshop

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

Зачем нужны выборочные корректировки

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

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

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

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

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

Создание маски на основе цвета

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

Прежде всего, убедитесь, что вы находитесь на слое штампа — другими словами, в том, что все слои под ним объединены в один (вы можете удалить этот слой позже, но он понадобится вам на следующем шаге).Теперь перейдите к Select> Color Range… Должно появиться новое окно, и именно здесь вы собираетесь создать маску.

Для получения наилучших результатов убедитесь, что в верхнем раскрывающемся меню выбрано Sampled Colors . Можно работать и с другими параметрами, но я считаю, что маска будет намного более точной, если вручную выбрать нужные цвета. Затем, выбрав инструмент «Пипетка » , щелкните цвет на изображении, который вы хотите выбрать.Для меня это один из желтых цветов на переднем плане. Обратите внимание, что изображение в поле «Цветовой диапазон» теперь изменилось и теперь оно в основном черное. Это представляет собой выделение, которое мы делаем (будут затронуты только белые части маски).

Уточнить маску

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

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

Добавление цветов к выделенному

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

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

Регулировка

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

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

Перед

После

Этот метод создания точной маски можно использовать с любым корректирующим слоем. Я часто комбинирую его с любыми настройками на основе цвета, такими как Цветовой тон / Насыщенность, Фотофильтр и Цветовой баланс. Для корректировок, влияющих на яркость и контраст изображения, я предпочитаю использовать маски яркости.

Photoshop Как: выбор с помощью цветового диапазона

Color Range всегда был одним из самых простых способов создания замысловатой маски в Photoshop.Adobe начала улучшать его с помощью Photoshop CS4, и теперь PS CC предлагает больше возможностей управления, чем когда-либо. Маски необходимы для воздействия только на выбранные области вне зависимости от того, корректируете ли вы изображение или занимаетесь творчеством. Если вы еще не используете Color Range, я думаю, вы захотите попробовать, как только увидите, насколько легко им пользоваться. Начните с выбора Select> Color Range, чтобы открыть диалоговое окно.

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

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

При включенных локальных кластерах цветов полностью выделяются только красные в основном цветке.

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

Создание этой сложной маски с использованием цветового диапазона заняло всего пару минут.

Полученная маска сохранила некоторые оттенки серого, настроенные в основном с помощью ползунка «Нечеткость», который предотвращает резкие переходы и усиливает вариации оттенка и тона, добавляя глубины.Конечно, простая настройка Curves (Cmd / Ctrl-M) на самой маске скроет или покажет больше ваших изменений, и вы можете вручную раскрасить части маски для дальнейшего улучшения. Вы все равно начнете с подробной маски, которую может быть сложно создать любым другим способом, в том числе с использованием каналов.

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

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

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

Использование светлых участков, средних тонов и теней

Хотя выбор областей на основе их цвета часто дает хорошие результаты, выбор на основе значений тона никогда не настраивался — до Photoshop CC.Теперь вы можете указать диапазон значений при выборе «Тени», «Средние тона» или «Света», а знакомый ползунок «Нечеткость» позволяет смягчить переход между значениями. Дополнительный контроль повысит вашу продуктивность и улучшит творческие результаты.

Чем более высокое или низкое изображение имеет изображение, тем в большей степени вы хотите иметь возможность влиять на выбираемые значения Color Range. CS6 не может помочь вам выбрать только самые глубокие тени или включить более широкий диапазон в светах, но выбор легко настраивается в CC, как показано на первых двух сравнениях скриншотов ниже.В третьем, более экстремальном примере Color Range в CS6 даже не может выбрать желаемую часть изображения вместе с другими полутонами, но в CC он может легко пересмотреть, каким должен быть средний тон.

В этих примерах версия CS6 находится слева. Сверху вниз выбраны тени, блики и средние тона соответственно. Когда изображения не имеют «среднего» тонального диапазона, Color Range в CC демонстрирует явное преимущество перед более ранними версиями.

Если вы хотите творчески управлять своим изображением, возможность выбора тонального диапазона может иметь большое значение. На черно-белом изображении ниже я скорректировал диапазоны в PS CC для каждого значения, чтобы перекрытия было очень мало. Затем я использовал оттенок / насыщенность с включенной функцией Colorize, чтобы разделить тона изображения на основе созданного цветового диапазона масок, в результате чего основные моменты остались неокрашенными. Я решил немного согреть светлые участки с помощью корректирующего слоя Photo Filter и настроенной маски Highlights.Я повторил процесс с идентичными настройками в CS6, за исключением того, что маски были созданы программой автоматически.

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

Использование Camera Raw вместо цветового диапазона

Для третьей попытки я вообще не использовал Color Range, но запустил фильтр Camera Raw, чтобы использовать Split Tone.Разделенный тон разделяет изображение только на два значения, и, хотя можно настроить, где происходит перекрытие в тональном диапазоне, вы не можете отделить один диапазон от другого. Хотя я пытался сопоставить результаты, полученные с использованием цветового диапазона с корректирующими слоями, разделенное тонирование в Camera Raw смешивало цвета вместе, стремясь к коричневатому оттенку с небольшим цветовым контрастом.

Функция Split-Tone Camera Raw разделяет изображение на тени и блики на основе пользовательского ввода и приближает к созданию общего оттенка, а не к тонированию с использованием четко отдельных цветов.

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

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

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

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

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

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

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

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

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

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

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

Колонка цветового диапазона

Столбец Color Range Элемент , представленный в v12.6, добавляет новые столбцы, содержащие значения цвета, которые коррелированы с данными, в слой данных.Это позволяет динамически устанавливать цвет фона и текста в отдельных ячейках таблицы данных.

О столбце цветового диапазона

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

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

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

Каждый элемент столбца цветового диапазона оценивает еще один столбец данных; При необходимости можно использовать несколько элементов столбца цветового диапазона.

Вернуться к началу

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

Атрибуты для элемента столбца цветового диапазона описаны ниже:

Атрибуты элемента цветового диапазона

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

Вернуться к началу

Примеры использования: числовые данные

Вот пример элемента столбца цветового диапазона, который используется с числовыми данными.Используемый здесь метод добавляет два новых столбца к слою данных, оценивает диапазоны данных и сопоставляет их со значением цвета фона и значением контрастного цвета текста и вставляет эти значения цвета в новые столбцы. Затем мы используем токены @Data для этих столбцов, чтобы установить цвет ячеек таблицы данных.

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

• Столбец данных — данные для оценки будут в столбце Грузовые перевозки .
• ID — новый столбец, добавленный к слою данных, содержащий данные о цвете фона, будет называться FreightColor .
• Идентификатор столбца контрастного цвета — новый столбец, добавленный к слою данных, содержащий данные контрастного цвета текста, будет называться FreightTextColor .

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

Элементы цветового диапазона оцениваются в соответствии с их порядком сверху вниз в дереве элементов, поэтому порядок элементов имеет значение. Обратите внимание, как значение конца диапазона увеличивается с каждым последующим элементом. Значения до 20 будут иметь цвет фона # D7FFD8, от 21 до 50 фон будет # 4EFF54 и так далее до 100. Значения выше 100 не будут иметь цвета фона.

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

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

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

Вернуться к началу

Пример использования: текстовые данные

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

Используемый здесь метод добавляет два новых столбца к слою данных, оценивает строки данных и сопоставляет их со значением цвета фона и контрастным значением цвета текста и вставляет эти значения цвета в новые столбцы. Затем мы используем токены @Data для этих столбцов, чтобы установить цвет ячеек таблицы данных.

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

• Столбец данных — данные для оценки будут в столбце ShipCountry .
• ID — новый столбец, добавленный в слой данных, содержащий данные о цвете фона, будет называться CountryColor .
• Стиль цветового диапазона — оцениваемые данные состоят из определенных текстовых строк, поэтому для него установлено значение TextList .
• Идентификатор столбца контрастного цвета — новый столбец, добавленный к слою данных, содержащий данные контрастного цвета текста, будет называться CountryTextColor .

Вы можете использовать несколько элементов столбца цветового диапазона под слоем данных. Затем мы добавляем и настраиваем три элемента Color Range:

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