Цвета в Photoshop CS6 / CC выглядят иначе, чем в браузере?


18

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

Я знаю, что это возможно, когда вы сохраняете файл и затем используете его на веб-сайте из-за палитр, но он использует заданный цвет в PS, например #b81e1e, затем он создает элемент DOM и устанавливает его фон, #b81e1eа цвет отображается по-разному в браузер, чем в PS (я думаю, это не так тонко, как он может легко заметить это). Это не обычная вещь, и это не всегда случается, но он заявляет, что это случалось с ним несколько раз, хотя он не может сказать мне с помощью цветов ведьмы.

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

Ответы:


24

Скорее всего, это проблема цветового профиля.

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

Второй вопрос - это цветовой профиль. Это может быть установлено на что-то другое. Следует использовать стандарт sRGB IEC61966-2.1, который считается стандартом для большинства мониторов ПК. Самый простой способ проверить это - перейти в «Правка»> «Настройки цвета». Если он установлен на «Северная Америка общего назначения 2» или «Северная Америка Интернет / Интернет», он должен работать нормально.

Последний шаг - настроить «пробную настройку», которая установит предварительный просмотр цвета монитора. Перейдите к «View> Proof Setup> Monitor RGB». Затем вы можете включить / выключить пробные цвета, используя ярлык (зависит от ОС) для Пробных цветов, который находится под панелью инструментов «Просмотр».

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

больше информации о цветовых профилях


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

5
Выбор «Monitor RGB» в меню «Просмотр»> «Настройка проверки» устранил проблему с неправильными цветами. Я думаю, что это было переключено по ошибке с некоторой комбинацией клавиш
vovahost

@vovahost, это очень часто встречается, на самом деле мой первый сбой с проблемами цвета был именно этой проблемой (случайная горячая клавиша)
Mattc0m

Ой. Мои. Бог. 15 лет работаю с Photoshop, и я никогда не использовал эту настройку. Каким-то образом это переключилось на CMYK. Это не похоже на открытый документ, так как я только что запустил новое приложение из предустановки по умолчанию. Таким образом, либо из предыдущего открытого документа, либо из-за горячей клавиши, как вы сказали. Большое спасибо, я буду внимательно следить за этим параметром и использовать его!
Погоня

Это полностью решило мою проблему. Я годами пользовался фотошопом и тоже не знал об этом, я просто подумал, что это потому, что документ был в CMYK. Только когда я увидел это на компьютере другого коллеги, я понял, что это неправильно.
Алекс МакКейб

3

Сознавая, что я очень опаздываю на вечеринку - возникла та же проблема, и после попытки ответить на предыдущие вопросы у меня все еще была проблема, надеюсь, это поможет кому-то еще в будущем -

Исправление, которое сработало для меня: Файл> Сохранить для Web> Снимите флажок «Преобразовать в sRGB»> Сохранить


2

Помимо цветовых профилей, о которых говорит ответ Mattc0m, большая проблема - сами мониторы.

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

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

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


1

Это возможно из-за того, что ваш браузер не управляется цветом. Попробуйте использовать Firefox и включить управление цветом, как описано здесь ( http://www.gballard.net/photoshop/srgb_wide_gamut.html# ), и посмотрите, изменится ли sth.


1

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


1
Привет Доминик, добро пожаловать в GDSE и спасибо за ваш ответ. Если у вас есть какие-либо вопросы, обратитесь в справочный центр или обратитесь к одному из нас в чате графического дизайна, как только ваша репутация станет достаточной (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Винсент

1

В качестве обновления для Photoshop CC также изменились:

РЕДАКТИРОВАТЬ> ПРЕОБРАЗОВАТЬ В ПРОФИЛЬ ... и установить профиль места назначения в sRGB IEC61966-2.1

Это была моя особая проблема.


-3

При выборе цвета в левом нижнем углу есть небольшой флажок «Только веб-цвета». Убедитесь, что это проверено, и у вас все будет хорошо.


Не могли бы вы рассказать подробнее?
WELZ

Это ужасная идея; Вы ограничиваете себя очень маленькой палитрой цветов (216, если быть точным), и это предотвратит разницу в цвете только на устройствах, которые отображают цвета только в 8 битах (которых в наши дни практически нет)
Cai

-5

Нашел это видео для быстрого ИСПРАВЛЕНИЯ. Это примерно 1-минутное видео, показывающее, как исправить проблему с цветовым профилем, чтобы изображения правильно отображались в Adobe Photoshop. https://www.youtube.com/watch?v=aB_xN2kLVCE


не размещайте ответ только по ссылке, пожалуйста, объясните, что мы найдем за этой ссылкой. Если вы хотите узнать больше о сайте, обратитесь в справочный центр . Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Лучано
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.