Как найти цвет в фотошопе по номеру - Avtoru.top

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

Ищем цвет существующей точки

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

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

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

Для чего нужен инструмент «Цветовой эталон»?

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

На этой странице

Смена палитры цветов

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

Дополнительные сведения см. в документации к операционной системе.

Добавление и удаление образцов цвета

Можно добавлять или удалять образцы цвета на панели «Образцы».

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

Добавление цвета в панель «Образцы»

Нажмите кнопку «Новый образец» ( ) на панели «Образцы». Либо выберите «Новый образец» из меню панели «Образцы».

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

(Только Creative Cloud) Выберите «Загрузить образцы» в меню панели. Затем в окне «Загрузить» перейдите к файлу HTML, CSS или SVG, и нажмите кнопку «ОК». Photoshop считает цветовые значения, указанные в документах. Данная функция распознает следующий синтаксис цветов HTML/CSS: #112233, #123, rgb (1, 2, 3), rgba (1, 2, 3, 4), hsb (1, 2, 3) и hsba (1, 2, 3, 4).

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

Во многих случаях удобно не только получить цвет, передаваемый в Интернете без искажений, но и иметь возможность получить его обозначение для использования на web-странице. Это можно сделать при помощи специального поля. В нем отображается HTML-код текущего цвета. При помощи его контекстного меню можно скопировать код или вставить его в поле (тем самым выбрать новый цвет). Таким образом, у вас есть возможность непосредственно поместить код цвета в HTML-документ или загрузить его из HTML в Фотошоп. Вы также можете задать код цвета вручную, просто введя его с клавиатуры.

ПРИМЕЧАНИЕ. Для выполнения операций с полем ввода необходимо выделить содержащийся в нем текст.

Пользователи, предпочитающие выбирать цвет при помощи панели Цвет (Color), также могут использовать безопасную палитру и различные цветовые модели. Выбрать режим можно при помощи меню, появляющегося после нажатия на кнопку со стрелкой. Это меню изображено на рис. 3.9. В нем находятся команды выбора способа представления цвета (RGB, CMYK, Lab и т. д.), команда копирования в буфер обмена HTML-кода цвета (Копировать как HTML (Copy Color as HTML)), команды выбора режима спектра, расположенного на панели, а также команда Безопасный для Web спектр (Make Ramp Web Safe). При подготовке web-графики особенно полезной может оказаться команда Ползунки цветов Web (Web Color Sliders). После ее вызова при помощи ползунков, задающих цветовые составляющие, выбирается только «безопасный» цвет. На рис. 3.10 изображена панель Цвет (Color) в режимах Ползунки RGB (RGB Sliders) и Ползунки цветов Web (Web Color Sliders).

Рис. 3.9. Меню настройки панели Colors

Рис. 3.10. Панель Color в режимах RGB Sliders (слева) и Web Color Sliders (справа)

Обратите внимание на символ несоответствия выбранного цвета безопасной палитре, отображаемый в режиме выбора безопасных цветов. Щелкнув на нем, вы сможете принять для использования предложенный программой эквивалент. Вы также можете выбирать безопасные цвета из спектра, вызвав предварительно из меню панели команду Безопасный для Web спектр (Make Ramp Web Safe).

СОВЕТ. Вызвать панель Цвет (Color) на экран можно при помощи команды Окно > Показать Цвет (Window > Show olors).

ПРИМЕЧАНИЕ. При переводе панели Цвет (Colors) в безопасный режим вы сможете выбирать из фиксированного набора цветов «безопасной» палитры. Возможные значения цветовых составляющих отмечены на ползунках штрихами.

Несмотря на то, что окно выбора цвета и панель Цвет (Color) предоставляют возможность работы с безопасной палитрой, гораздо удобнее выбирать стандартные цвета при помощи панели Каталог (Swatches) (см. рис. 3.11). Она вызывается на экран командой Окно > Показать Каталог (Window > Show Swatches).

Переключить панель в режим отображения безопасных цветов можно, выбрав из ее меню одну из следующих команд: Web Hues.aco, Web Safe Colors.aco или Web Spectrum.aco.

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

Рис. 3.11. Панель Swatches

Нажав кнопку Создать образец цвета переднего плана (Create new swatch of foreground color), расположенную на панели Каталог (Swatches), вы можете создать из цвета переднего плана новый образец. Чтобы удалить образец, перетащите его при помощи мыши на специальную кнопку, расположенную на той же панели.

СОВЕТ. Вы можете в любой момент вернуть панель Каталог (Swatches) в исходное состояние. Для этого достаточно вызвать из ее меню команду Сбросить каталог (Reset Swatches). Также полезно знать, что каталоги цветов, поставляемые с программой, находятся в подкаталоге PresetsColor Swatches каталога, в который был установлен Фотошоп.

Источник

Как в фотошопе узнать код цвета

Как определить цвет в Photoshop?

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

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

Как определить цвет в Фотошопе

Вам понадобится

Графический редактор Adobe Photoshop.

Инструкция

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

При необходимости определить цвет в какой-то точке на экране монитора загрузите в Photoshop копию изображения с экрана. Сделать это очень легко — нажмите на клавиатуре Print Screen, переключитесь в окно графического редактора, нажмите Ctrl + N, затем Enter и Ctrl + V.

После того, как изображение открыто в Photoshop тем или иным способом, включите инструмент «Пипетка» — нажмите клавишу с английской литерой I. Можно сделать это и щелчком по соответствующей иконке на панели инструментов графического редактора.

Наведите указатель мыши на нужную точку картинки. Если требуется определить цвет какого-то мелкого элемента, увеличьте изображение — нажмите сочетание клавиш Ctrl и «Плюс» нужное число раз. Когда понадобиться вернуть нормальный размер, используйте сочетание Ctrl + Alt + 0.

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

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

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

Инструкция

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

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

Чтобы выразить интенсивность каждой из трех цветовой составляющей в процентах, составьте пропорцию: умножьте результат измерения интенсивности этого цвета при отражении от объекта на 100, а затем поделите на результат измерения интенсивности того же цвета при отражении от белого листа. В языке HTML цвет обозначается цепочкой из шести символов, первые два из которых символизируют интенсивность красной составляющей, средние два — зеленой, а последние два — синей. Каждая пара символов представляет собой шестнадцатеричное число от 0 до FF. Чтобы выразить цвет количественно на языке HTML, вначале произведите три вычисления способом, указанным выше, заменив во всех случаях число 100 на 255. Затем все три результата переведите из десятичной системы в шестнадцатеричную, после чего результаты перевода напишите слитно, добавив при необходимости незначащие нули, чтобы числа стали двузначными. Например, если получились числа 0, 255, 8, то после перевода в шестнадцатеричную систему и добавления незначащих нулей они будут записываться как 00, FF, 08, а на языке HTML цвет будет носить название 00FF08.

Видео по теме

Как определить цвет в Фотошопе?

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

Вам понадобится

Графический редактор Adobe Photoshop.

Инструкция

Оцените статью!

Как узнать код цвета в фотошопе — как в photoshop узнать код цвета на слое x?? — 22 ответа

В разделе Другие языки и технологии на вопрос как в photoshop узнать код цвета на слое x?? заданный автором Просватать лучший ответ это выдели слой x ткни пипеткой на слой затем 2 раза щелкни по цвету и посмотри код

Ответ от Павел Кравцов[гуру]выбрать слой и тыркнуть пипеткой. в палитре цветов код цвета будет высвечен.

Смотрите также

Источник

Автор: Накрошаев Олег. Дата публикации: 04 декабря 2018. Категория: Видеоуроки.

Как

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

по цифрам в RGB

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

Для чего это нам нужно?

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

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

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

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

Приятного и полезного просмотра!

Вся серия материалов на эту тему здесь:

статья «Выборочная коррекция фото»
видео урок «Что такое цвет и как его получить в Photoshop? Модель RGB»
видео урок «Что такое цвет и как его получить в Photoshop? Модель CMYK»
видео урок «Что такое цвет и как его получить в Photoshop? Модель HSB»
видео урок «Что такое цвет и как его получить в Photoshop? Модель LAB»
видео урок «Тоновая и цветовая коррекция. Три правила работы с цветовым кругом»

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

Автор — Накрошаев Олег
Продолжительность видеоурока — 14 мин 11 сек
Размер картинки — 1920х1080 (Full HD)
Формат видео — MP4
Размер архива — 69,6 Мб

Транскрибация урока:

В предыдущих уроке мы с Вами рассмотрели цветовые модели RGB, CMYK и HSB.

И в результате пришли к цветовому кругу. Файл «Цветовой круг».

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

Что мы здесь видим.

В центре круга у нас нейтральный серый цвет.

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

Получается своеобразная радуга: от красного до фиолетового.

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

Яркость на этом круге нигде не отображена, она не меняется.

Это круг построен для одной примерно средней яркости.

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

Но яркость нам здесь и не будет нужна.

Мы будем оценивать хроматическую, т.е. цветовую составляющую — оттенок и насыщенность цвета.

Вот по этому кругу мы и будем учиться определять цвет по цифрам.

Давайте приступим.

Информацию об оценке цвета мы будем брать конечно, из палитры Инфо. Откроем ее.

Здесь у нас два поля, эти поля абсолютно равнозначны.

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

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

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

Для работы с палитрой Инфо используют пипетку, выберем ее и настроим.

Раскрываем список Размер образца и ставим здесь или 3 на 3, или 5 на 5.

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

Откроем фото «P1060383».

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

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

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

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

Ведем пипеткой по картинке и видим как изменяются числа на палитре Инфо.

Наведем пипетку на елочку, которая завяла, видим вот такие значения RGB: 123, 89, 64.

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

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

Но оказывается не совсем так.

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

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

Поэтому оценку цвета по числам просто необходимо освоить. Цвет по числам надо учиться определять.

Давайте поучимся этому процессу.

Предположим, что пипетка замерила вот такие значения: файл «1».

Я взял круглые числа, чтобы было легче объяснять.

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

Прежде всего оценим яркость. Она складывается из яркости всех 3-х цветовых компонент — R, G, B. Т.е. общая яркость равна сумме яркости красного, зеленого и синего.

На самом деле это не совсем так, но нам для оценки цвета вполне можно принять это допущение.

Минимальное значение яркости: 0, 0, 0 — это белый цвет. Максимальное значение яркости: 255, 255, 255 — это черный цвет.

Т.е., яркость меняется от 0 до 255. Так как у нас 3 цветовых компоненты, то общая сумма составит: 255+255+255=765

Чтобы проще было оценивать, округлим это число до 750. Файл «2».

Сложим числа нашего замера: 250+150+50=450 Половина от 750 — это 375, а у нас получилось 450

Следовательно яркость нашего цвета выше средней. Т.е., яркость определяется очень просто: суммируем три яркости и сравниваем с максимальной яркостью 750.

Смотрим в какую часть мы попали и тем самым определяем яркость.

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

Как нам сложить эти три числа с учетом цвета? Файл «Цветовой круг-1».

В центре у нас находится ноль.

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

Нам необходимо значения, которые мы имеем, т.е. 250, 150, 50 отложить по каждой из осей, а потом эти три вектора суммировать.

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

Откроем файл «Цветовой круг-2» PSD.

Итак с помощью вектора передвигаемся по оси красного цвета на расстояние 250, это почти до конца этой оси. Включаем слой «к».

Следующее чуть меньшее число — это 150, зеленый цвет.

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

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

Поэтому передвигаемся параллельно оси зеленого цвета на расстояние 150. 150 — это примерно чуть больше половины от максимума — 255.

Включаем слой «з» и получаем следующую точку.

Осталось сдвинуться по оси синего цвета на расстояние 50, это примерно одна пятая от 255.

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

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

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

Все равно Вы придете в ту же точку.

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

Посмотрели на значение R, G, B и для себя сказали, что это вот такой оттенок с такой-то насыщенностью и яркостью.

Это приходит конечно с опытом.

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

Можно распечатать цветовой круг и использовать физический отпечаток.

Можно при коррекции фото всегда держать открытым файл с цветовым кругом.

Можно цветовой круг поставить на заставку Ваше телефона. Ну и т.д. и т.п.

Вариантов множество, выбирайте любой.

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

На этом наш урок окончен.

А для того, чтобы вы потренировались в определении цвета по значениям R, G, B, я приготовил для Вас несколько картинок, они находятся перед комментариями.

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

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

Оцените насколько Вы поняли урок и умеете определять цвет по значениям R, G, B — это Вам в дальнейшем очень пригодится.

СКАЧАТЬ УРОК

«Как определить цвет изображения по цифрам в RGB»:

Домашнее задание:

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

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

Под картинкой пять скриншотов палитры «Инфо». Они так же обозначены цифрами.

Ваша задача: открыть цифровой круг (представить в уме) и определить по значениям цифр, какой получается цвет и соотнести его с цветом на картинке.

В комментариях написать, к примеру, так:

Инфо №1 — метка №5 (это будет означать, что значения цифр на палитре «Инфо» по номером один соответствует цветовой метке на картинке под номером пять).

Жду Ваши варианты!

Друзья!

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

Оставляйте свои комментарии и задавайте вопросы.

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

Форма для подписки находится ниже.

Печать

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

Источник