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

Сделал за последнее время:

Добавил в портфель около 48-и новых работ:
Сделал очень много всяких штук при работе над поддержкой сайтов.
Как бы это теперь в портфель запихнуть?

Заказать мне работу

24.08

Когда Photoshop отображает совсем не то, что надо

Комментарии (8) Design, ПронеKод

example

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

Разберемся почему так и как с этим жить.

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

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

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

Различие в профилях.

У правильного верстальщика профиль стоит North America Web/Internet. Проследите чтобы в Working Spaces было именно sRGB.

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

Помимо этого ваш Photoshop должен не только работать с нужным профилем, но и отображать вам истинный вид макета. А поскольку навороченные мониторы вряд ли используют усредненный sRGB, то необходимо чтобы стояла галочка на Proof Colors. Этим вы заставляете Photoshop отображать изображения согласно профилю.

Различия в OS

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

Есть еще одно различие: в Win гамма по умолчанию 2.2, а в Мас 1.8 (по крайней мере в последней ОС). Из за этого картинки с Мака выглядят темнее в Винде, и наоборот. Если дизайнер хочет постичь Дао, то нужно на Маке поднять гамму до 2.2 (~~кто скажет как это сделать, тому спасибо и ссылка~~ Настройки -> Мониторы -> Цвет -> Калибровать -> Продолжить -> 2.2 Телевизионная гамма… Прокликать дальше, как-нибудь назвать и использовать.
Спасибо Вадиму Макееву). Почему поднять на Маке, а не опустить на Вин? Потому что в Linux тоже 2.2, да и новая версия МаcOS выйдет с гаммой 2.2 (слухи ходят).

Мне прислали макет в профиле отличном от sRGB

Это самое интересное.

Так бывает. Стоит у дизайнера какой-нибудь “Cinema HD_BQB01072007” и дизайнер знать об этом не знает. Мол, наше дело нарисовать, художника всякий обидеть может и тэдэ.

Вряд ли сможете убедить дизайнера перевести макет в sRGB и перерисовать все цвета. Разве что при совсем уж отчаянной харизме (впрочем топор тоже может помочь). Не страшно.

Для начала необходимо убедится, что у нас стоят вот эти галки.

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

Что мы тут можем сделать.

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

Многие начинающие верстальщики перебирают все три способа, пока картинка не будет идентична той что отображается в просмотрщик(ACDSee или Irfan и примеру). И останавливаются на третем. Это НЕ ПРАВИЛЬНО, потому что вас просмотрщик тоже отображает не правильно.

И так допустим вы выбрали первый вариант. В этом случае при сохранении картинок нужно обязательно при сохранении картинки через Save for Web & Devices… убрать галку с Convert sRGB. Иначе у нас сохранится совсем не то что нам надо.

Внимание. В Photoshop CS3 она прячется здесь.

Я же настоятельно рекомендую выбирать второй пункт — конвертацию. Но перед этим зайдите в Convert to Profile и снимите вот эту галочку

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

На этом все. Жду ваших вопросов.

Метки:color profiles, Design, photoshop, srgb, работа

Также интересно будет почитать про:
Заметки про верстку. Паттерн: Дизайнер делает хитрый фон. Например, такой И шлет его паттерн в pattern.pat. Задача: сохранить паттерн в первоначальном размере. Решение: Открываем в...
Горизонтали в дизайне и верстке: Макет выверенный не только по вертикальной, но и горизонтальной сетке смотрится строже и солиднее. Но у веба есть свои законы и ограничения. Взглянем на пример. Так по мнению...
Если в контенте много “жирного” текста: Порой дизайнеры создают вот такие штуки:Создавать для каждого типа “жирности” отдельный класс не кажется мне кошерным вариантом. Во-первых, не изящно. Во-вторых, тексты заносят в основном люди далекие от веба, и...
Wordpress. Как сделать экспорт одной категории: Встроенный в Wordpress экспорт ущерблен как Квазимодо после аварии. И так же как и Квазимодо, ущербость эта врожденная, протекает с самого детства, и мы в силу воспитания стараемся не обращать...
Убираем отступ у последнего элемента списка.: Возьмем обычное стандартное горизонтальное меню, между которыми будут отступы в 10px. Как правило, последний элемент списка прижимается к внутреннему краю либо окна, либо контейнера (в моем примере я, для наглядности,...

1
pepelsbey (24.08.2009) #
Как поднять на маке до 2.2, 10.5 Leopard и младше: Настройки, Мониторы, Цвет, Калибровать, Продолжить, 2.2 Телевизионная гамма… Прокликать дальше, как-нибудь назвать и использовать.
2
Dimox (24.08.2009) #
Как сделать, чтобы Proof Colors (3-й скрин) было выбрано по умолчанию при открытии файла? Я заколебался его активировать каждый раз.
3
Максим Покровский (24.08.2009) #
Вадим, спасибо.
—
Dimox, без понятия. Сам мучаюсь, но если у тебя стоит вот такой профиль (http://clip2net.com/clip/m10192/1251105806-clip-18kb.png), то галку можно не ставить.
4
Dimox (24.08.2009) #
У меня даже вкладки такой нет (видюха – Radeon), и не смог ее нигде найти, поэтому не представляю, есть ли этот профиль. Но галку, тем не менее, всегда приходится ставить, потому что без нее цвета отличаются от тех, которые при просмотре через программу типа IrfanView.
5
Максим Покровский (24.08.2009) #
Панель Управления -> экран -> параметры -> дополнительно -> управление цветом. Так выбирал?
6
Dimox (24.08.2009) #
Да, но у меня там нет вкладки “управление цветом”, это скорее всего из-за видюхи. До этой видюхи она была =)
7
Максим Покровский (24.08.2009) #
Ну, по любому должно быть управление десктопом. Я не знаю как у радеонов это называется, но обычно это в програм файлс висит.
8
tmexpress (16.12.2009) #
Эх, что интернет, тут к цветам почти не придираются. В полиграфии когда работаешь – дизайнеров новоявленных расстреливать хочется. Основ настройки программ не слыхивали, а хотят получить в типографии правильные цвета. Пусть и не к моей теме относится – принцип тот же, все равно спасибо за просветительскую работу. Добавь еще в теме, что то же самое и к принтерам относится