В фотошопе не яркие цвета

Обновлено: 07.01.2025

Теперь настроим цвет в Adobe Photoshop CC

Фотошопом открываем любое изображение,
заходим в Главное меню -> Редактирование -> Настройка цветов.
(можно нажать горячие клавиши Shift+Ctrl+K)

В окне "Настройки" выбираем из списка " Универсальные настройки для Европы 3 ".
Проверяем, что в окошке RGB указано рабочее пространство - sRGB IEC61966-2.1 .

Осталось настроить цвет в Adobe Camera RAW (ACR):

Откройте фотошопом любую фотографию в формате RAW, откроется ACR, в самом низу окна будет указан цветовой профиль. По умолчанию там будет указан профиль AdobeRGB (это "не правильно") его нужно изменить на sRGB . Кликаем на эту строчку и выбираем sRGB IEC61966-2.1 (8 или 16 бит). Если не знаете сколько бит Вам нужно, то выбирайте 8 бит . (16 бит в определенных случаях дает более плавные градиенты, но при этом очень сильно увеличивает вес сохраняемого изображения в формат PSD).

После выполненных настроек на всякий случай перезапускаем фотошоп (не обязательно).

После этих настроек цвет фотографи в Фотошопе будет таким же как при публикации в интернете.

Полезные советы:

1. Ели вдруг Вы уже начали редактировать изображение с использованием неправильных цветовых профилей, а потом сделали настройку фотошопа, то Вам нужно открыть это изображение и нажать: Главное меню -> Редактирование -> Преобразовать в профиль (выбрать sRGB).

2. Чтобы сохранить фотографию для публикации в интернете, без искажения цвета - используем Главное меню -> Файл - > Экспортировать -> "Сохранить для Web и устройств".
Выбираем формат сохранения JPG, проверяем чтоб стояли галочки "Встроенный профиль" и "Преобразовать в sRGB", качество 100%.
Сохраняем.

Главное меню -> Файл - > Экспортировать -> Сохранить для Web и устройств Главное меню -> Файл - > Экспортировать -> Сохранить для Web и устройств

3. Я несколько раз замечал, что после установки Лайтрума настройки цвета в Фотошопе сбивались! Если Вы настроили фотошоп, а потом установили Лайтрум - повторите вышеописанную настройку цвета, на всякий случай.

4. Вот быстрой способ проверки цвета в фотошопе (до сохранения изображения): Главное меню -> Просмотр -> Варианты цветопробы -> выбрать "Интернет стандарт (sRGB)". Затем понажимать несколько раз горячие клавиши Ctrl+Y, цвет изображения при этом не должен изменяться . Если при этой операции цвет меняется, то вероятно у вас появится проблема с цветом после сохранения в JPG, или после публикации фотографии.

5. Во время настройки цветовых профилей в фотошоп (Shift+Ctrl+K) - можно поставить галочки о несовпадение профилей "Спрашивать при открытии", в этом случае при несовпадении профилей фотошоп будет предлагать Вам присвоить изображению рабочий профиль.

6. Вы можете проверить какой цветовой профиль присвоен открытому изображению в фотошоп - в самом низу окна с изображением есть кнопочка " > ", нужно ее нажать и выбрать "Профиль документа", (если у Вас все правильно настроено, то рядом с кнопочной будет написано sRGB ).

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

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

1. Сохраняем изображение со стандартными настройками фотошоп

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

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

После этого переходим в верхнем меню в "Файл" - "Экспортировать" - "Сохранить для Web" и в открывшейся панели настроек сохранения устанавливаем jpg наилучшего качества. Сохраним изображение в JPG, так как это самый популярный формат как для фотографов, так и для веба. Галочку на пункте "Оптимизация" оставим, хотя данный параметр уже подразумевает искажение цвета, так как он оптимизирует изображение, т.е. немного его сжимает, что приводит к искажению и цвета и общего качества, но искажения очень минимальны, а польза от оптимизации ощутима.

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

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

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

2. Настраиваем цвета фотошоп

Давайте откроем настройки цвета фотошоп и изменим их, после чего повторим эксперимент. Переходим в верхнем меню "Редактирование" - "Настройка цветов..", либо нажимаем комбинацию клавиш "Shift" + "Ctrl" + "K". В появившемся окне нам необходимо поменять настройку RGB на "sRGB IEC61966-2.1", по умолчанию у меня стоит "Adobe RGB (1998)". Меняем данную настройку и сохраняем изменения, кликнув на "Ok".

3. Сохраняем изображение с новыми настройками фотошоп

Теперь снова проводим эксперимент с сохранением и пипеткой. Сохраняем нашу первоначальную палитру с теми же настройками, что и ранее - формат JPG, наилучшее качество, включенная оптимизация. Открываем результат в фотошопе и проверяем цвета.

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

Вывод

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

Узнайте, как настраивать цветовой тон, насыщенность и яркость цветов изображения с помощью корректирующего слоя «Цветовой тон/насыщенность».

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

Добавьте корректирующий слой. Выполните одно из следующих действий.

На панели меню выберите Слой > Новый корректирующий слой > Цветовой тон/насыщенность . В диалоговом окне Новый слой нажмите кнопку ОК .
На панели Коррекция нажмите значок «Цветовой тон/насыщенность».

Выберите команду меню Изображение > Коррекция > Цветовой тон/насыщенность . Но обратите внимание, что в данном методе коррекции вносятся непосредственно в слой изображения и определенная часть исходной информации при этом удаляется.

На панели Свойства выберите следующие параметры.

В меню Набор выберите набор «Цветовой тон/насыщенность».
В меню справа от инструмента прямой коррекции :
- Выберите Все , чтобы одновременно корректировать все цвета.
- Выберите один из перечисленных предустановленных цветовых диапазонов, чтобы корректировать необходимый цвет.
  Сведения об изменении цветового диапазона, см. в разделе Указание диапазона цветов, скорректированного с помощью набора «Цветовой тон/насыщенность».
Для коррекции цветового тона выполните любое из следующих действий.
- Для параметра Цветовой тон введите нужное значение или перетаскивайте ползунок до тех пор, пока цвета не будут исправлены.
  Значения в поле отражают, на какое число градусов осуществляется поворот цветового круга относительно исходного цвета пикселя. Положительное значение указывает, что поворот происходит по часовой стрелке; отрицательное значение обозначает поворот против часовой стрелки. Допустимые значения — от ‑180 до +180.
- Включите инструмент прямой коррекции изображения . Удерживая нажатой клавишу Ctrl (Windows) или клавишу Command (Mac OS), нажмите цвет на изображении и перетащите указатель влево или вправо, чтобы изменить значение Цветовой тон .
Для коррекции насыщенности выполните любое из следующих действий.
- Для параметра Насыщенность введите нужное значение или перетащите ползунок вправо, чтобы усилить насыщение, или влево, чтобы уменьшить его.
  Допустимые значения — от ‑100 (процентное уменьшение насыщения, более тусклые цвета) до +100 (процентное увеличение насыщения).
- Включите инструмент прямой коррекции изображения и нажмите цвет на изображении. Перемещайте курсор вправо или влево по изображению, чтобы уменьшить или увеличить насыщенность цветового диапазона, в котором находится выбранный пиксель.
Для параметра Яркость введите нужное значение или перетащите ползунок вправо, чтобы усилить осветление (добавить белый ко всем цветам), или влево, чтобы уменьшить его (добавить черный ко всем цветам). Допустимые значения — от ‑100 (процентное содержание черного цвета) до +100 (процентное содержание белого цвета).

Для отмены настроек цветового тона/насыщенности нажмите кнопку «Сброс» в нижней части панели Свойства .

На панели Свойства выберите цвет в меню справа от инструмента прямой коррекции .

Ползунки регулировки и соответствующие значения цветовых кругов (в градусах) появляются между двумя цветовыми шкалами.
- Два внутренних вертикальных ползунка определяют цветовой диапазон.
- Два внешних треугольных ползунка показывают, где коррекции цветового диапазона «спадают» (спадание — это размывка или ослабление коррекции вместо четко определенного применения или неприменения коррекции).
Для модификации диапазона цветов используйте либо инструменты «Пипетка», либо ползунки.
- Нажмите изображение или перетащите указатель по изображению, выбрав инструмент «Пипетка» , чтобы выделить цветовой диапазон.
  - Чтобы расширить диапазон, нажмите изображение или перетащите указатель по изображению, выбрав инструмент «Пипетка+» .
  - Чтобы сузить диапазон цветов, нажмите изображение или перетащите указатель по изображению, выбрав инструмент «Пипетка–» .
  - Выбрав инструмент «Пипетка», можно также увеличивать диапазон, удерживая клавишу «Shift», или уменьшать его, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
  - Перетащите один из белых треугольных ползунков, чтобы отрегулировать степень спадания цвета (ослабления коррекции), не меняя размер диапазона.
  - Перетащите область между треугольным и вертикальным ползунками, чтобы отрегулировать размер диапазона, не меняя степень спадания.
  - Перетащите центральную область, чтобы переместить набор ползунков коррекции целиком (и треугольные, и вертикальные ползунки) и выбрать другую область цвета.
  - Перетащите один из белых вертикальных ползунков, чтобы отрегулировать диапазон цветового компонента. При перемещении вертикального ползунка от центра набора ползунков коррекции ближе к треугольному ползунку цветовой диапазон увеличивается, а спадание уменьшается. При перемещении вертикального ползунка к центру набора ползунков коррекции и дальше от треугольного ползунка цветовой диапазон уменьшается, а спадание увеличивается.
  - Цветную полосу можно перетаскивать, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS), чтобы в центре оказывался другой цвет.
  Набор ползунков коррекции «Цветовой тон/Насыщенность»
  A. Значения ползунка «Цветовой тон» B. Коррекция спадания без изменения диапазона C. Коррекция диапазона без изменения степени спадания D. Коррекция цветового диапазона и спадания E. Перемещение набора ползунков целиком
  
  Если переместить набор ползунков так, что он попадет в другой цветовой диапазон, имя в меню (справа от инструмента прямой коррекции ) изменится, отразив цветовой диапазон. Например, если выбрать пункт «Желтые» и изменить диапазон так, что набор ползунков попадет в красную часть цветной полосы, имя в списке изменится на «Красные 2». Можно преобразовать до шести индивидуальных цветовых диапазонов в вариации одного цветового диапазона (например, от «Красные» до «Красные 6»).
  
  По умолчанию при выборе компонента цвета выделяется диапазон цвета шириной 30° со спаданием в размере 30° с каждой стороны. Слишком низкое значение спадания может привести к появлению полос на изображении.
  
  Всем привет! Сегодня я хочу рассказать вам о том, как делать цветокоррекцию в Фотошопе. Все инструменты, которые я покажу, будет несложно освоить даже начинающему. А еще в качестве бонуса я расскажу, как отредактировать фото так, чтобы оно выглядело словно кадр из фильма.
  
  Что такое цветокоррекция?
  
  Цветокоррекция применяется и для творческих экспериментов. С помощью изменения оттенков можно придать фотографии определенную атмосферу – все зависит только от вашей концепции.
  
  Итак, давайте посмотрим, какие инструменты нам предлагает великий и ужасный Adobe Photoshop.
  
  Цветокоррекция с кривыми (Curves)
  
  Свет и тень
  
  С помощью инструмента «Кривые» в Фотошопе можно изменить тона и цвета изображения. Чтобы начать работу, нажмите на значок создания нового корректирующего слоя, а затем щелкните на «Кривые».
  
  В левой нижней части кривых находятся тени. Посередине – средние тона. А правая верхняя часть демонстрирует светлые участки. Теперь попробуйте сделать фото более контрастным: просто щелкайте по линии и перетаскивайте точку.
  
  Используем пипетки
  
  Чтобы немного автоматизировать работу, попробуйте использовать пипетки.
  1. Выберите верхнюю пипетку. Она отвечает за точку черного – то есть за тень. Щелкните по самому темному участку фотографии. На фотографии с котом этот участок находится под лапами.
  2. Теперь выберите нижнюю и щелкните по самому светлому участку. Здесь это небо.
  Наверное, вы заметили, что рядом с нашей кривой появились новые линии. Так отображаются каналы – RGB (красный, зеленый и синий). О них читайте в следующем пункте.
  
  Каналы
  
  Щелкните по стрелочке возле строки RGB. Вы увидите все три канала по отдельности.
  
  Например, выбрав красный канал и поднимая кривую вверх, можно задать картинке красный оттенок.
  
  А вот если опустить в правую нижнюю часть – все окрасится в голубой.
  
  Таким образом, уменьшая влияние какого-либо из каналов, вы можете изменять оттенок фотографии.
  
  Автоматическая цветокоррекция
  
  На самом деле, если у вас нет цели точно откорректировать цвета по своей задумке, можно просто нажать на волшебную кнопку «Авто». Фотошоп самостоятельно сделает настройку теней и светлых участков. Очень удобно!
  
  Помимо кнопки «Авто», можно воспользоваться готовыми настройками. Вот так можно в один клик поднять контрастность фотографии.
  
  Используем уровни (Levels)
  
  Здесь мы видим гистограмму уровней. Этот инструмент позволяет менять уровни интенсивности света, средних тонов и теней.
  
  Проще говоря, слева находятся тени, а справа – свет. Двигая точки, можно настроить интенсивность того и другого, выбрать правильное соотношение. Если переместить ползунок правее, тени становятся глубже.
  
  Как и в «Кривых», здесь можно менять соотношение каналов. Для примера я выбрала синий канал и немного сдвинула его в сторону желтого.
  
  Цветовой баланс (Color Balance)
  
  Работая в Фотошопе с этим инструментом, вы можете легко изменять баланс оттенков фотографии.
  
  Таким образом можно корректировать цвет фотографии в нескольких тонах одновременно. Попробуйте подвигать ползунки, и вы обязательно найдете свой оттенок. Мне больше понравились такие настройки:
  
  Цветовой тон и насыщенность (Hue/Saturation)
  
  С помощью этого инструмента можно изменять как все цвета, так и выбранный оттенок. Например, если вам придет в голову окрасить море в красный, нужно просто выбрать диапазон голубого или синего цвета и сместить цветовой тон к красному. Сейчас покажу подробно.
  
  Помимо цветокоррекции выборочных оттенков, можно менять цвета всего изображения. Чтобы сделать море зеленовато-лазурным, я выбрала «Все» оттенки и сдвинула ползунок ближе к зеленому.
  
  Коррекция цвета с помощью фильтров
  
  Конечно же, в Фотошопе есть множество фотофильтров. И все можно настраивать самостоятельно!
  
  Откройте фотографию для цветокоррекции. В верхнем меню пройдите по пути «Изображение» – «Коррекция» – «Фотофильтр».
  
  Здесь можно подобрать готовые цветные фильтры или просто щелкнуть по окошку «Цвет» и выбрать собственный.
  
  Выбирайте абсолютно любой цвет из палитры.
  
  Чтобы добиться наиболее сильного фильтра, выкручивайте «Плотность» на все сто. А для добавления легкого оттенка достаточно примерно 30-40% плотности.
  
  Сочность и насыщенность (Vibrance)
  
  «Нужно больше сочности!» – кричите вы, увидев блеклую картинку. Не проблема – в Фотошопе предусмотрена возможность добавления насыщенности фотографии за пару секунд. Нужно всего лишь.
  1. Добавьте слой «Сочность».
  2. Что получается, если выкрутить тумблер «Сочности» на 100%:
  3. С этим инструментом тоже можно поиграть и добиться разнообразных эффектов. Попробуйте покрутить ползунки сочности и насыщенности, чтобы найти идеальный баланс.
  Постарайтесь не переусердствовать – слишком большая насыщенность может испортить впечатление. Если, конечно, у вас не было изначальной идеи вывернуть все цвета по максимуму :)
  
  Цветокоррекция с картой градиента (Gradient Map)
  
  Цветокоррекцию можно выполнить инструментом «Карта градиента». Подробный материал о градиентах в Фотошопе я как раз делала недавно. Итак, как же сделать цветокоррекцию с их помощью?
  
  Вовсе не обязательно ставить «Мягкий свет». Вы можете смело экспериментировать с режимами наложения. Например, такой результат вышел при использовании режима «Цветовой тон».
  
  Бонус: цветокоррекция как в кино
  
  Наверное, многим хотя бы раз в жизни хотелось сделать цветокоррекцию фото так, чтобы оно выглядело как кадр из любимого фильма. Есть множество способов воплотить это, а я покажу вам самый простой. Что нужно сделать:
  1. Подготовьте кадр из фильма и откройте его в Фотошопе. Я выбрала знаменитую сцену из «Матрицы».
  2. В другом окне я открыла фотографию, которую буду превращать в кадр. Не забудьте растрировать слой (щелкните правой кнопкой мыши по слою и выберите нужный пункт).
  3. Перейдите по вкладкам меню «Изображение» – «Коррекция» – «Подобрать цвет» (Match color).
  4. В пункте «Источник» выберите ваш кадр. Он обязательно должен быть открыт в другом окне.
  5. Покрутите параметры изображения, чтобы сделать наиболее похожий эффект.
  6. Уточните оттенки, используя настройки кривых или уровней, как я показывала выше. Я чуть-чуть добавила контраста, чтобы темные участки были еще темнее. Добиваться совершенства можно целую вечность, а меня этот результат вполне устроил. Таким же способом можно брать за основу не только кадры из кино, а любые фото, которые вам нравятся.
  Только посмотрите, кот в кино вместе с Нео!
  
  Заключение
  
  Да, инструментов для цветокоррекции в Фотошопе очень и очень много. Несмотря на то, что я лишь бегло рассказала о большинстве из них, вы уже можете менять цвета любых фотографий. Если у вас возникли какие-то вопросы, не стесняйтесь задавать их в комментариях. Удачи!
  
  Все привет! Знаю, что отхвачу минусов, но деваться не куда. Работа стоит и нужно, что-то делать. Очень надеюсь на вашу помощь. Проблема заключается в неправильном отображении оттенка цвета. На первом изображении вы видите, в привью красный как он есть, а красный при открытии, он становится блеклым.
  
  Также не корректно цвет изображается и в фотошопе.
  
  Так же цвет отображается при сохранении изображения в JPEG и открытии его в стандартном просмоторщике Windows.
  
  Но, если открыть на весь экран в режиме просмотра слайда, то цвет будет отображаться нормально, то как он должен. Вот так он будет отображаться на других цифровых устройствах и компьютерах.
  
  Также цвет нормально отображается в программе CorelDRAW.
  
  В Vegas Pro также цвет отображается нормально.
  
  В общем вот такая проблема с отображением цвета. В чём проблема я не могу понять. Я уже перерыл гугол и яндекс и ответа нет. С этой проблемой я обращался к нашему системному администратору, на что он просто развёл руками и ушёл, а работать нужно. Если в CorelDRAW всё нормально и работать можно, то в Photoshopе уже работать сложно, так как оттенки цвета отображается не корректно. Очень прошу объясните в чём проблема и как её пошагово устранить? Очень надеюсь на вашу помощь =/.
  
  может быть, цветовой профиль выставлен какой-то подозрительный?
  
  типа фотошоп читает картинку с встроенным херовым профилем, а корел читает принудительно со своим?
  
  Спасибо всем за подсказку. Проблема оказалась с настройками управления цвета! Посмотрел, настройки на соседнем компьютере и установил такие же на своё и пере загрузил и проблема решилась. На изображение в верху какие были настройки и какие стали. Спасибо ещё раз =) .
  
  цветовое апрстранство в фш какое?
  
  ДА с профилем не то что-то, однозначно.
  Это из за ещь) Стопудово в цветовых схемах несогласование. Буквально пару дней задавалась тем же вопросом. Но все вокруг плечиками пожимают
  Кажись скрытая реклама )) "Ешь худей", активно щас рекламируются в Инстаграме. Надо запомнить данный ход )
  
  Каждый . желает знать, где . .
  
  Использование черного и белого в дизайне. МиниСоветы
  
  Рубрика Мини советы.
  
  Я не советую делать так. Особенно на сайтах. В некоторых случаях можно выкрутить чисто фон, либо текст, но когда оба показателях наМаксимум текст становится сложно считывать. Он буквально ударяет по глазам своим контрастом.
  
  Вместо это попробуйте сделать текст темно-серым, при использовании на белом фоне и светло-серым на черном. С фоном ситуация та же.
  
  Главное не перестарайся, иначе цвет станет грязным, что даже тайд с кипячением не поможет.
  
  Это не так хорошо видно в баннерах ниже. Но поверь на сайтах при использовании большого количества текста разница ощутима.
  
  Эта история подходит не для всех случаев) к примеру в информативных и черное на белом не режет глаз. А вот в промо сайте или баннерах вполне совет сгодится.
  
  Читайте также: