Что такое цветовой профиль в фотошопе
Что такое цветовые профили и как они работают в графическом дизайне
Славянская девушка на рекламном баннере может за несколько кликов превратиться в мулатку… Нюансы цветопередачи определяет цветовой профиль.
Откройте одну и ту же фотографию на стареньком кнопочном телефоне и на последнем айфоне: вы увидите, что цвета различаются. Потому что у гаджетов разные возможности цветопередачи — цветовой охват.
Цветовой профиль (или ICC-профиль) — это файл, в котором записана информация о цветовом охвате того или иного устройства.
К картинкам можно привязывать разные профили, чтобы имитировать их отображение на разных экранах и при разных способах печати. Скажем, если присвоить фотографии профиль с узким цветовым охватом, на экране айфона мы увидим это фото так, как оно отображается на старом кнопочном телефоне.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Что не так с цветовыми моделями
Восприятие цвета субъективно. Для компьютерной графики так не годится, поэтому были созданы цветовые модели — точные описания цветов. В них каждый цвет представляет собой точку в системе координат.
Дизайнеру недостаточно знать координаты цвета, чтобы понимать, как он будет выглядеть. Потому что модели, с которыми приходится работать, — RGB и CMYK — являются аппаратно-зависимыми.
Цветовая модель RGB включает цвета, которые можно воспроизвести на экране, смешав свет от трёх светодиодов: красного, зелёного и синего (RGB: Red, Green, Blue). Координата цвета в RGB — три цифры. Но яркость и оттенки светодиодов у разных устройств разные. Поэтому одна и та же координата на разных экранах может давать визуально разный цвет.
Цветовая модель CMYK содержит цвета, которые получаются на печати, когда смешиваются голубая, пурпурная, жёлтая и чёрная типографские краски (CMYK: Cyan, Magenta, Yellow, Black). Координата цвета в CMYK — это четыре цифры. Но одна и та же пропорция цветов будет визуально различаться в зависимости от качества краски и типа бумаги.
Зачем нужны цветовые профили
Благодаря цветовым профилям на мониторе одного и того же компьютера можно увидеть, как будет смотреться картинка на бумаге разных типов или на разных экранах.
Посмотрите на эти фотографии:
Обе фотографии обрабатывались в модели RGB, но разница цветов очевидна, потому что им были присвоены разные цветовые профили.
На одном мониторе оттенки получатся более яркими, на другом — заметно бледнее. Для дизайнеров, работающих с фирменными цветами компаний, эта разница имеет особенно большое значение. Но точность цветопередачи важна всегда: фотограф тоже едва ли обрадуется, если бледнолицая модель на экране дисплея вдруг превратится в мулатку.
Важно понимать, что при смене профилей цвета на картинке меняются только визуально. Их координаты в цветовой модели RGB или CMYK остаются прежними.
Цветовые профили нужны, чтобы точно передавать и предсказывать цвет. Они помогают сделать цвета, зависящие от возможностей экранов и принтеров, одинаковыми на всех устройствах.
Как работают с цветовыми профилями
Цветовые профили бывают реальными или абстрактными. Реальные описывают охват конкретного устройства, например принтера. Абстрактные — усреднённый охват группы устройств, скажем, нескольких печатных машин со схожими характеристиками. Обычно дизайнеры работают с абстрактными профилями, потому что это удобнее.
Профиль может быть встроен в файл изображения — чаще всего так и происходит. Если взять несколько разных картинок из интернета и открыть в Photoshop, можно увидеть, что у большинства из них есть свой исходный цветовой профиль.
Встраивание профиля в файл позволяет сделать цвета аппаратно-независимыми: информация о цвете будет оставаться неизменной, на каких бы устройствах ни открывали и ни редактировали изображение.
В графическом редакторе любое созданное изображение можно сохранить с выбранным профилем или же оставить вовсе без него. Если изображение не имеет цветового профиля, на экранах оно будет отображаться согласно возможностям устройства. А если открыть такой файл в графической программе, цвета будут соответствовать профилю рабочей области.
Цветовой профиль изображения всегда можно изменить на любой другой: как временно, для удобства работы, так и для последующего сохранения картинки.
Самые популярные профили
Вот несколько конкретных профилей, с которыми чаще всего работают дизайнеры:
Чем профили полезны в работе
Существует множество цветовых профилей, а производители оборудования постоянно создают новые — как для конкретных, так и для абстрактных устройств. Эта технология решает три практических задачи дизайнеров:
Цветовые профили — мощный инструмент, позволяющий создавать более качественные изображения. Они особенно важны тем, кто связан с полиграфией. Хотите правильно работать цветами в своих макетах?
Изучайте графический дизайн под руководством опытных преподавателей Skillbox!
Настройка цветового профиля в Фотошопе и в Windows, установка sRGB по умолчанию
Недавно при подготовке очередного материала в блог обнаружился один глюк в Фотошопе, о котором сегодня хотелось рассказать. Вполне возможно, что с данной проблемой многие из вас сталкивались, и ее решение будет весьма кстати.
Речь идет о несоответствии цветовых профилей при вставке картинки в Adobe Photoshop после создания скриншота в Windows. Сам глюк мы рассмотрим в конце публикации, а начнем с базовых понятий о системе управления цветом дабы вам было понятнее, как все работает. Все разделы статьи:
Итак, в Фотошопе есть несколько цветовых профилей, которые определяют как именно изображение будет показываться в графических редакторах и в том же интернете/браузерах. Стандартным для глобальной паутины (и интернет-браузеров) является формат sRGB. Однако при создании фотографии фотограф/дизайнер может сохранять ее в других форматах – например, в обычном Adobe RGB, имеющим более широкий диапазон цветов.
Просмотр цветового профиля и фото в sRGB
Первым делом нужно понять каким форматом обладает текущее открытое изображение. Для этого:
1. В панели инструментов “Инфо” вызываем контекстное меню по клику на иконку справа сверху и выбираем там пункт “Параметры панели”.
2. Во всплывающем окне отмечаете пункт “Профиль документа” и некоторые другие, если они вам нужны.
3. Сохраняем и видим результат:
У тех, у кого изначально панель “Инфо” не отображается, ее можно включить в главном меню в разделе “Окно”.
Чтобы посмотреть как ваша картинка будет смотреться в интернете, нужно выполнить следующие действия:
1. В меню “Просмотр” выбираем пункт “Варианты цветопробы”, где устанавливаете галочку напротив формата sRGB (Internet Standart RGB).
2. Далее в этом же разделе “Просмотр” нужно поставить галочку во втором пункте “Цветопроба”. Это переключит отображение в рабочей области в цветовой профиль sRGB – точно так ваша картинка будет отображаться во всех браузерах.
3. Чтобы вернуться в обычный режим снимает метку напротив “Цветопроба”.
Важно! Обратите внимание, что изначально картинка в рабочей области Фотошопа для форматов Adobe RGB и sRGB ничем особо не отличается. Только когда вы активируете просмотр в режиме “Цветопробы” (с включенной настройкой sRGB) разница станет заметной.
По облакам и небу можно увидеть, что первая фото имеет более широкую гамму цветов. Работая с ней в Фотошопе в обычном Adobe RGB формате, а потом сохранив результат в нем же, отличия проявятся лишь при просмотре фотки в интернете. А если у вашего онлайн проекта максимально яркий и красочый дизайн, например как здесь то посетители будут видеть на своих компьютерах совсем другую картину. Не говоря уже о персональных сайтах-портфолио и дизайн-студиях, где демонстрация работ в правильном цвете крайне важна.
Как преобразовать картинку в другой цветовой профиль
Чтобы после сохранения изображений они неожиданно для вас не стали выглядеть в интернете как-то иначе, не забывайте конвертировать их в sRGB перед работой или сохранением (если, конечно, перед вами не стоят другие специальные задачи при обработке фото). Для этого:
1 Переходим в меню “Редактирование”.
2. Находим там пункт “Преобразовать в профиль”.
3. В открывшемся окне выбираете значения профиля sRGB и кликаете “Ок”.
Как настроить значение sRGB по умолчанию
Чтобы настроить систему управления цветом в Adobe Photoshop переходим в главном меню в пункт “Редактирование”, где в выпадающем списке ищем вариант “Настройках цветов”.
Далее появится окно настроек:
Здесь выбираете в самом первом поле “Универсальные настройки для Европы 3”. Они аналогичны тому, что вы видите на картинке выше, только в пункте “Градация серого” можно поставить “Gray Gamma 2.2”, остальное все такое же.
Чуть ниже в блоке “Стратегии управления цветом” у вас:
Затем кликаем по кнопке “Ок”, сохраняя сделанные настройки. Также есть смысл закрыть и перезагрузить Photoshop.
Кстати, в современных версиях Фотошопа при “Сохранении файла для Web” (Ctrl+Shift+S) во всплывающем окне также есть параметр, связанный с sRGB:
Кроме опции профиля отображения в просмотрщике слева, вы также можете установить автоматическое преобразование в sRGB, что максимально удобною.
Когда цвета в Windows (на скриншоте) и в Photoshop не совпадают
Итак, глюк, с которого все началось, мы словили при создании скриншота в Windows — в графический редактор попадала картинка с отличающейся гаммой цветов. Причем никакие изменения в системе управления цветом не помогали.
Оказывается отдельно существует цветовой профиль для вашего компьютера/видеокарты. И поскольку функция Print Screen относится в первую очередь к системе Windows, то и профиль в этом случае используется от нее.
Чтобы это проверить нужно открыть настройки дисплея на вашем компьютере. В Windows 10 они находятся в параметрах “Settings“ – пункт “Display”.
По сути, здесь нам также надо установить основным значение sRGB. Для этого:
1. Внизу секции настроек находите ссылку на продвинутые параметры “Advanced display settings”. Кликаем по ней.
2. Во всплывающем окне находите вкладку “Color Management” с одноименной кнопкой. Нажимаем ее.
Кстати, в Windows 10 вы можете просто ввести фразу Color Management в поиске на нижней панели инструментов, и система также найдет вам этот элемент.
3. В открывшемся окне управления цветом вам нужно:
3. Выходите из всех этих настроек и повторно возвращаетесь в параметры системы “Settings“ – пункт “Display чтобы посмотреть какое значение по умолчанию там указывается теперь. Должно быть sRGB.
4. Аналогично проверяете еще раз создание скриншота и сравниваете цвета на мониторе с теми, которые отображаются в Фотошопе. Должны быть одинаковы.
Если у вас есть чем дополнить данную заметку, пишите ниже. Возможно, где-то скриншоты устарели/другие или теоретически информация немного неточная, то основную суть в статье вы должны уловить.
Цветовой профиль в фотошопе и его настройка
Здравствуйте дорогие друзья. В эфире автор блога zaurmag.ru — Заур Магомедов, верстальщик с четырех летним опытом работы на момент написания статьи. Почему я это выделил? Да потому, что все это время я тесно работал с популярным графическим редактором фотошоп.
Схема такая — дизайнер рисует дизайн сайта в фотошопе, далее передает его мне, верстальщику. Вот тут, когда я его открываю в своем редакторе происходили необъяснимые вещи (по крайней мере я тогда не понимал в чем дело) — при открытии макета менялись цвета, тоже самое и при сохранении картинок. Появлялся какой оттенок и в итоге общая картинка дизайна по цвету сильно отличалась от оригинала. Виной тому было неправильно установленный цветовой профиль в фотошоп.
Так вот, если у вас возникла схожая ситуация, то в данной статье я объясню как настроить цветовой профиль в фотошопе, чтобы наша картинка не отличалась от оригинала дизайнера. Я уже как то писал правила для верстальщика, где в одном из пунктов говорилось, что верстка должна строго соответствовать дизайну. Как уже было сказано выше, виной тому было неправильный настроенный цветовой профиль в фотошопе, т.е. у дизайнера один цветовой профиль, а у вас другой.
Если что то непонятно смотрим скриншот.
Теперь наши картинки будут соответствовать макету дизайнера и смотреться одинаково во всех браузерах.
На этом статью завершаю. Надеюсь кому то она поможет решить проблему. Мне вот помогло. До скорых встреч. Пока!
Цветовой профиль и пространства: основные понятия
Работая с цифровыми изображениями, мы рано или поздно сталкиваемся с вопросами, касающимися воспроизведения цветов. Наиболее распространенные из них такие: «Почему на разных мониторах одна и та же картинка выглядит по-разному?», «Почему при печати я вижу другие цвета, не такие, как на мониторе?», «Почему после загрузки в интернет картинка стала выглядеть не так, как в фотошопе?»…
Все эти вопросы имеют отношение к теме нашей статьи. Давайте попробуем с ними разобраться.
Каждое устройство отображения может воспроизводить определенный набор цветов (он называется цветовым охватом устройства, по-английски gamut). Цветовые охваты различных устройств могут заметно отличаться, а цвета, выходящие за границу общего охвата не будут одинаково отображаться на двух устройствах. Например, монитор может отобразить часть цветов, которые недоступны принтеру, и наоборот. Как правило, мониторы лучше отображают светлые яркие цвета (это связано с тем, что изображение на них подсвечивается!). Более того, у разных моделей однотипных устройств (например, мониторов) цветовой охват тоже может сильно различаться.
Цветовой охват среднего струйного принтера. Картинка довольно условная, т.к. один и тот же принтер будет иметь различный охват в зависимости от используемых чернил и бумаги.
Цветное поле — область видимых цветов
**Стандартные цветовые пространства
Для того, чтобы внести определенность в работу с цветом, были «придуманы» абстрактные цветовые пространства — не привязанные к конкретным устройствам. Наиболее известных и распространенных абстрактных пространств три: * sRGB. Это довольно узкое пространство, поэтому практически любой монитор может отобразить все его цвета. Цветовое пространство sRGB является стандартом де-факто для Интернета (и печати изображений во многих фотолабораториях); * Adobe RGB (1998). Это пространство гораздо шире, соответственно, искажений цвета при работе возникает меньше. Оно хорошо приспособлено для подготовки изображений к печати. Однако нужно учитывать, что далеко не каждый монитор способен отобразить все цвета этого пространства. * ProPhoto RGB. Его цветовой охват настолько велик, что включает в себя цвета, которые не воспринимаются человеческим глазом и даже вообще не существуют в природе!
Сравнение цветовых охватов абстрактных цветовых пространств.
Цветное поле — область видимых цветов
Возникает резонный вопрос — так какое же пространство выбрать для работы?
**Подготовка изображений к публикации в Интернете
Если вы планируете загружать обработанные снимки в Интернет или печатать их в фотолаборатории, обязательно (!) преобразовывайте их в пространство sRGB. Дело в том, что многие браузеры считают, что все изображения должны быть в sRGB, и если картинка окажется в другом профиле, то цвет заметно исказится.
Одна и та же картинка в Photoshop и в браузере. Обратите внимание на разницу в цветах!
Если вы работаете в Photoshop, это делается командой меню Редактирование > Преобразовать в профиль (Edit > Convert to Profile). Из многообразия вариантов в списке Целевое пространство (Target Space) надо выбрать sRGB (см. рис.).
Преобразование изображения в профиль sRGB в Photoshop
Другой вариант — сохранять изображения командой Файл > Сохранить для веб (File > Save for Web), в этом случае в диалоге сохранения (слева) надо установить флажок Преобразовать в sRGB (Convert to sRGB).
Преобразование изображения в профиль sRGB при сохранении «для веб»
Если вы используете Lightroom, то в диалоге экспорта также следует выставить sRGB — эта настройка выполняется в секции File Settings.
Настройка цветового профиля при экспорте в Lightroom
Если вы используете другой редактор, там тоже нужно выставить настройки аналогичным образом.
**Когда нужны более широкие пространства?
Если вы используете монитор с широким цветовым охватом, печатаете свои фотоработы на высококачественных фотопринтерах или фотомашинах типа Durst, имеет смысл сохранять работы в более широком пространстве Adobe RGB. Но имейте в виду, что визуально разница будет видна далеко не на всех сюжетах (в сравнении с sRGB).
**Резюмируя сказанное, отметим: если у вас нет веских оснований использовать другие цветовые пространства, имеет смысл работать в sRGB.
Adobe Photoshop — настраиваем цветовой профиль.
Некоторые пользователи работающие в Adobe Photoshop задают вопрос:
Что нужно сделать, что бы фотографии, изображения, не меняли цвет после обработки в Adobe Photoshop и одинаково просматривалась как в интернете так и в программе просмотра изображений, ну и остальных программах?
Сегодня мы расскажем вам как правильно и где, нужно настроить цветовые профили в Adobe Photoshop.
Как этого избежать?
Сейчас мы об этом расскажем.
Устранить эту проблему не сложно, нужно соблюсти два условия.
2. Настройка в самом Adobe Photoshop.
Настройка монитора будет показана на операционной системе windows 8.1. В других системах windows принцип такой же, возможно только будет отличатся место расположения ниже описанных настроек.
На пустом месте экрана нажимаем правой кнопкой мыши и выбираем Персонализация
в открывшемся окне, слева внизу выбираем Экран
в следующем окне выбираем, слева, Настройки параметров экрана
в этом окне выбираем Дополнительные параметры
в следующем окне выбираем вкладку Управление цветом и нажимаем кнопку Управление цветом
перед нами откроется окно настройки цветового профиля устройств, напротив надписи Устройство выбираем свой монитор ниже смотрим, должна стоять галочка и в списке профилей должен стоять профиль вашего монитора
Должен стоять именно этот профиль или профиль автоматической калибровки.
Профиль sRGB – является стандартом представления цветового спектра с использованием модели . s RGB создан совместно компаниями HP и Microsoft в 1996 году для унификации использования модели RGB в мониторах, принтерах и Интернет-сайтах.
На этом в настройках монитора мы закончили.
Для начала нужно открыть программу Adobe Photoshop и открыть в ней любую фотографию (изображение).
В верхнем меню нажимаем редактирование, затем выбираем назначить профиль и в открывшемся окне ставим профиль sRGB. Работать с фотографией можно и в режиме RGB но перед сохранением обязательно выставляем sRGB.
Теперь снова нажимаем редактирование, затем выбираем настройка цветов и в открывшемся окне проверяем чтобы стоял профиль sRGB.
Не торопитесь закрывать это окно, если вы не хотите, чтоб программа спрашивала вас об изменениях или не совпадениях профилей уберите галочки внизу этого окна. Но не забывайте при сохранении проверять профиль — должен стоят sRGB.
Если вы профессионально занимаетесь цветом то при использовании того или иного цветового пространства вы должна учитывать множество нюансов, но об этом не в этой статье. Если интересно то на просторах интернета много информации на эту тему.