Название палитры Info (Инфо) происходит от слова Information (Информация). И действительно, пользователю, знающему как читать данные этой палитры, она является незаменимым помощником в работе. Итак, рассмотрим по порядку структуру и особенности данного окна.

Чтобы увидеть палитру Info (Инфо), нажмите клавишу F8 , либо перейдите в меню (Окно - Инфо). Вашим глазам предстанет палитра примерно такого вида.

Рассмотрим параметры, отображаемые в окне палитры.

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

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

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

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

Кроме того, если на изображении проставлены контрольные точки, значения цветов в этих точках также отображаются в палитре Info (Инфо).

Можно поставить четыре контрольных точки в разных областях изображения.

Напомню, что делается это инструментом (Инструмент «Пипетка» / Клавиша «I») при нажатой клавише Shift . Чтобы перемещать точки, нужно при активном инструменте «Пипетка » удерживать Ctrl . Для удаления точки нужно переместить ее за пределы изображения. Можно изменять цветовую модель отображения каждой контрольной точки.

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

Также в палитре Info (Инфо) могут отображаться и другие параметры. Чтобы настроить вид палитры, щелкните левой кнопкой по верхнему правому углу палитры, где изображен маленький треугольник.

Щелкните «Panel Options » (Параметры панели/палитры). Отобразится диалоговое окно, где можно сделать необходимые настройки. Начинающим очень поможет показ подсказок по инструментам, а если вы хотите знать время, потраченное на сеанс работы с изображением, поставьте галочку в параметре хронометраж. Часто бывает необходимо знать цветовой профиль изображения, особенно тем, кто занимается печатью фотографий или подготовкой их к публикации.

На этом знакомство с палитрой/панелью/окном Info (Инфо) можно считать законченным.

⇐ . (предыдущая страница учебника)

. (следующая страница учебника) ⇒

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

Пример картинки для будущей палитры цветов

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

10 шагов к созданию собственного комплекта с необходимыми цветовыми тонами

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

Панель «Образцы»

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

Чтобы удалить набор, с каждым образцом придётся работать отдельно, в программе нет такой функции как «очистить все образцы». Поэтому для удаления одного цвета необходимо нажать кнопку Alt (Win) или Option (Mac) и при наведённом на него курсоре мыши удаляем его простым кликом. Всего образцов 122, столько же раз придётся кликнуть. В конечном итоге после проделанной операции панель должна остаться пустой.

Инструмент «Пипетка»

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

Первый цветовой образец, полученный с изображения

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

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

Выбор необходимого цвета для палитры с помощью пипетки

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

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

Создаём набор с цветовыми оттенками

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

Выбираем нужный цвет и кликаем по пустой области на панели с образцами;

Сохраняем цвет в качестве образца, при надобности присваивая ему имя.

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

Готовая новая палитра

Сохранение образцов в отдельном наборе

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

Восстановление цветовых образцов, заданных по умолчанию

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

Загрузка набора цветовых оттенков

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

Палитры и образцы цветов

Выбор основного цвета на панели «Образцы»

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

Задаём фон

Чтобы задать фон, необходимо определиться с цветом. Затем нажимаем и удерживаем клавишу Ctrl (Win) или Command (Mac) и кликаем на нужный цвет на панели. В результате вся рабочая область программы приобретёт фон. Далее все выбранные цвета из собственного набора можно использовать по своему усмотрению, всё зависит от фантазии. Воспользовавшись инструментами Photoshop, можно оформлять плакаты в определённой цветовой гамме.
Таким образом, данная статья позволяет создавать собственный набор с необходимыми цветовыми оттенками в программе Photoshop. Если следовать представленной пошаговой инструкции, данная операция не займёт слишком много времени.

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

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

Для того, чтобы увидеть цветовые значения пикселей, нужно воспользоваться палитрой «Инфо» (Info).

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

Чтобы открыть палитру выберите команду:

Окно — Инфо (или горячая клавиша F8)

Параметры палитры

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

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

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

• Adobe Drive подключается к серверам Version Cue. Это сложная и заумная штука . (Вам для справочки, по информации Википедии , Version Cue - позволяет пользователям легко отслеживать и управлять метаданными файлов, хранящие информацию об истории файла, и вы можете увидеть новую версию файла среди относительно старых. Version Cue также автоматизирует процесс разработки документов группой авторов. Однако в Photoshop CS5 Version Cue не используется.
• Профиль документа указывает на цветовой профиль вашего изображения.
• Размер документа отображает ширину и высоту изображения.
• Шкала измерений в Photoshop CS5 показывает масштаб в пикселях в сравнении с другими единицами измерения. Например, изображение с микроскоп может измерять объекты в микронах, и каждый микрон может равняться определенному количеству пикселов.
• Рабочий объем позволяет узнать, какое количество памяти и пространства на жестком диске используется для того, чтобы открыть и посмотреть ваши изображения.
• Эффективность позволяет узнать, выполняет ли программа фотошоп задачи с максимально возможной скоростью. Значение данного параметра ниже 100% сообщает о том, что скорость работы программы, зависящая от количества свободного дискового пространства, крайне низкая.
• Хронометраж показывает, какое количество времени потребовалось фотошопу для выполнения последней задачи.
• Текущий инструмент отображает название инструмента, используемого в данный момент.

Как пользоваться палитрой Инфо

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

Для изображений в режиме RGB будут отображаться значения каналов R , G и B; режиме CMYK будут отображаться значения С , M , Y и K ; в режиме Lab — L , a и b и так далее.

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

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

В чем еще польза палитры Инфо

Поиск нежелательного оттенка.

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

Поиск самых темных и самых светлых пикселов при использовании корректирующего слоя «Уровни» или «Кривые».

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

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

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

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

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

Немного теории

Цвета для веб делаются при помощи сочетаний красных, зелёных и синих оттенков, этот способ сочетания цветов называется RGB (Red Green Blue).

Каждый цвет представлен целым числом от 0 до 255, и у каждого цвета есть значение для красного, зеленого и синего. Черный, например, не имеет никакого тона, и в RGB он обозначается как 0, 0, 0. Первая цифра всегда означает значение красного цвета, вторая-зелёного и третья-синего.

Поскольку есть 256 разновидностей каждого оттенка, cуществует и 16 миллионов всевозможных цветовых комбинаций RGB. Большинство компьютеров на сегоднешний день может точно отображать все эти 16 миллионов оттенков цветов. Есть так называемые «безопасные цвета», о необходимости их использовать мы уже писали .

При указании цвета Вы можете употреблять значение RGB или же шестнадцатеричную систему HEX. Цвета HEX обозначаются шестью цифрами, перед которыми стоит знак #. HEX состоит из комбинации чисел и букв; 0- самое маленькое значение, FF (255) — самое высокое. Каждый из этих шести знаков в HEX соответствует числам в кодировке RGB. Черный цвет имеет значение HEX #000000.

147 цветов определяются по названию для HTML и CSS согласно w3schools.com . Есть 17 стандартных цветов - морская волна (aqua), чёрный (black), синий (blue), фуксия (fuchsia), серый (gray), серый (grey), зелёный (green), лайм (lime), тёмно-бардовый (maroon) , тёмно-синий (navy), оливковый (olive), пурпурный (purple), красный (red),серебряный (silver), сине-зелёный (teal), белый (white) и жёлтый (yellow). У каждого цвета есть своё определенный RGB и значение HEX . У тёмно-бардового, например, есть значение RGB 128, 0, 0 а значение HEX #800000; у серебристого — 192, 192, 192 или #C0C0C0.

Создаём палитру

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

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

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

Полезные ресурсы

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

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

У есть большая библиотека готовых цветовых комбинаций из пяти систем цветов. Для определения цвета можно использовать инструмент «Пипетка». Есть множество возможностей (просматривать цвета вместе с текстом, генерировать шаблоны сайтов с выбраными цветами и т.д.). При помощи этого сервиса также можно определить цвета понравившегося веб-сайта(просто введите его url).

Color Palette Generator

Комментарии

1. Serg
   24 февраля 2012 в 21:33

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

2. Константин
   25 февраля 2012 в 8:47

   Очепятка в самом начале — RGB (Read Green Blue) — Читать Зелёный Синий)))

   Elena17 Ответ:
   февраля 25, 2012 at 3:30 пп

   Спасибо;), уже исправила.

3. Ирина
   25 февраля 2012 в 22:55

   Создателям сайта!

   Очень люблю ваш сайт и постоянно читаю свежие посты..

   По какой то причине в последнее время Касперский(лицензия) стал ругаться и блокировать Вашу страницу!

   Обращаю Ваше внимание на это..

   Im Ответ:
   февраля 26, 2012 at 7:51 пп

   Спасибо, разберемся))

4. Елена
   26 февраля 2012 в 11:50

Привет рукодельницам!

Как-то по просьбам "трудящихся" обещала МК по прозрачной сумке. Показывала в одном из последних своих постов .
Такую сумку-чехол стала делать к развивающим книжкам. Моя фирменная упаковка;)))
Не уверена, что кто-то из смелых возьмет такую сумку на каждый день)) Уж слишком все "прозрачно"! Но мало ли... Может быть, кому из детей пригодится как папка для нот в музыкалку или... На носу же 1 сентября?!)


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

Итак, поехали:

Во-первых (пишу буквами, потому что цифры перепрыгивают к фото и на новой строчке их не видно)

Выкраиваем заготовки.
- Определяемся с нужным размером сумки. У меня будет 33*30см в готовом виде (33 см - ширина изделия).
- Вырезаем прямоугольник из ПВХ 33*60 см. Удобнее всего резать роликовым ножом под линейку, проверить, чтоб углы были все строго по 90`.
Делаем заготовку из ткани для верхушки сумки. (горло сумки)
- 2 одинаковых прямоугольника 33*17 см. Предварительно уплотняем флизелином или дублерином.
- Заутюжить по широкой стороне подгибы с двух сторон по 1 см. Потом согнуть так, чтоб одна часть была на 1 см больше, т. е 7+8см

Во-вторых
Пришиваем тканевую деталь верхушки сумки. Внутренняя сторона.
1) прикладываем одну сторону пленки в самый изгиб тканевой части. Короткая половинка (7 см) сверху. Она будет внутри сумки. Выравниваем бока. Нужно чтоб они обязательно совпадали!!!
2) скалываем в нескольких местах только верхнюю (7 см) половинку к пленке. можно предварительно закрепить двухсторонним скотчем тканевую часть к ПВХ, чтоб пленка не скользила во время работы. Большая половинка не закреплена.
3) делаем строчку 2 - 3 мм от края.
То же самое повторить со вторым краем сумки (противоположная сторона)

В-третьих
Пришиваем тканевую деталь верхушки сумки. Внешняя сторона
1) так должны выгладить внутренние части
2) переворачиваем. Скалываем лицевую тканевую часть (8см) к пленке - основе сумки. Делаем строчку на расстоянии 2 - 3 мм от края.
То же самое повторяем со второй частью горла сумки.
P.S. если есть желание вшивать какие-то ленточки, хлястики, бирки, этикетки и тп., то это можно сделать сейчас.

Четвертое
Сшиваем бока.
1) согнуть готовое полотно напополам. Тканевая деталь сверху должна быть та, которая длиннее Совместить края, чтоб линии горла четко совпали, а низ был без каких-либо перекосов. Делаем строчку КРУПНЫМ стежком на расстоянии 4 - 5 мм от края
2) выкраиваем косую бейку или прямую (у меня прямая). Аккуратно заутюживаем в 4 части.
Скалываем обе стороны бейки сразу к боковой части изделия.
3) делаем машинную строчку на бейки. Нужно постараться так, чтоб вся бейка была пристрочена в один мах.

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

Сумка готова.

Можно дополнить декором, брелками и тд и тп....

P.S. пункт 4 и 5 можно менять местами. Если ручки пришить до сшивания боков, это будет даже удобнее, не так заламывается пленка. К тому же под лапкой машинки легче проворачивать.
_________________________________
Остается еще несколько дней лета). Что планируете сделать в эти теплые остатки (кроме сборов детей к школе)? Нужно что-то еще успеть, чтоб потом не пожалеть)

P.S. благодарна всем, кто оставил свои советы в отношении подарков для сирот в предыдущем посте. Девочки, спасибо! Уже начинаю собирать и готовиться)