Как разделить цвета в фотошопе
Возможно у вас были случаи, когда необходимо было выделить определённые цвета на фотографии. Это нужно для того, чтобы одни области выделялись на переднем плане, а другие отошли на задний план. Довольно утомительно сидеть и выделять их попиксельно одним из инструментов выделения или рисования в Фотошоп, на это может уйти много драгоценного времени. Если интересующие вас области с цветом на изображении довольно большие и их выбрать легко, то это одно, но если изображение сложное с мелкими деталями, то это совсем другое. Никто не захочет работать над таким изображением целый день. Особенно, если эта работа является лишь частью крупного проекта в Photoshop.
В сегодняшнем уроке я расскажу вам, как упростить данный процесс. Сначала мы будем использовать коррекцию Hue/Saturation (Цветовой тон/Насыщенность), а затем инструмент Color Range (Цветовой диапазон) на панели Masks (Маски), чтобы выбрать именно тот цвет, который вы хотите сделать более насыщенным или наоборот ненасыщенным. После этого мы обесцветим всё изображение и оставим насыщенными лишь определённые цвета, которые необходимо выделить на переднем плане. Я думаю, данный урок будет вам полезен.
Выбор изображения
Посмотрите на это изображение. Я бы хотел сделать насыщенными только розовые, красные и оранжевые цвета, а остальные обесцветить. Представьте, сколько нужно потратить время на выделение или рисование подобных элементов с использованием маски для изменения их насыщенности. К счастью есть более подходящий способ.
Добавление корректирующего слоя Цветовой тон/Насыщенность
Я уже определился с изображением, с которым буду работать в Photoshop. Следующим шагом последует применение корректирующего слоя Цветовой тон/Насыщенность. Чтобы это сделать, кликните по соответствующему значку на панели Adjustments (Коррекция). На панели слоёв появится новый корректирующий слой Цветовой тон/Насыщенность.
Выбор цветовой гаммы
Теперь кликните на значок маски на панели Properties (Свойства), которая появилась после создания корректирующего слоя. Убедитесь, что у вас выбрана миниатюра маски и нажмите кнопку Color Range (Цветовой диапазон). Опирайтесь на скриншот ниже.
В результате откроется диалоговое окно «Цветовой диапазон».
Обратите внимание на скриншот выше, здесь я уже выбрал розовый цвет. После открытия диалогового окна, курсор мыши превращается в пипетку, с помощью которой можно выбрать нужный цвет. Поскольку у нас уже выбран розовый цвет, переключитесь с пипетки «одноразового использования» на пипетку со значком «+» для добавления дополнительных образцов цвета.
Используя пипетку со знаком «+», можно взять два и более образцов цвета. Теперь я нажму на розовые, красные и оранжевые квадраты на изображении. Можно переместить ползунок для параметра Fuzziness (Размытость), чтобы сделать выбранные цвета более резкими. Когда добьётесь желаемого результата, нажмите OK.
Примечание. Если при клике мыши выбираются случайные, ненужные области изображения, установите галочку возле опции Localized Color Clusters (Локализованные наборы цветов). Это позволит ограничить охват каждого клика (выделения).
Инверсия выделения
Теперь самая сложная часть. Обратите внимание на миниатюру маски на панели «Слои», мы увидим, что выделенные участки - белые, а не выделенные – чёрные. Поскольку это маска, значит корректирующий слой будет влиять на белые области, а не чёрные. Так как я использую корректирующий слой для обесцвечивания, мне нужно поменять цвета на маске, чтобы выбранные участки остались насыщенными, а не выбранные – ненасыщенные. Для этого нажмите на кнопку Invert (Инвертировать) на панели «Свойства».
Теперь, если мы вернёмся к панели «Свойства» для корректирующего слоя «Цветовой тон/Насыщенность» и переместим ползунок «Насыщенность» полностью влево, то увидим, что всё изображение станет серым, а выбранные участки останутся насыщенными.
Вот, посмотрите результат:
Работа с маской
Хотя данный метод может сэкономить массу времени, он не идеален. Порой после проделанной работы необходимо вернуться к маске и поработать с ней. Что я сейчас и сделаю. Как видите, на скриншоте выше есть несколько квадратов, которые нуждаются в заполнении или удалении цвета.
Чтобы посмотреть увеличенное изображение маски, зажмите Alt и кликните по миниатюре маски на панели «Слои».
Используйте инструмент Кисть (B) чёрного или белого цвета, чтобы либо удалить чёрный из нужных областей, либо добавить его в эти области. По сути, всё что, серое и должно быть чёрным, нужно закрасить чёрным цветом, чтобы получить полную насыщенность.
Это доработанная версия маски.
Вот окончательный результат изображения.
Как видите, инструмент выделения «Цветовой диапазон» может помочь в выборе цвета. Кроме того, если вы хотите проявить творческий подход к выделению, подобно моему, объедините инструмент «Цветовой диапазон» с маской, чтобы полностью изменить внешний вид изображения. Надеюсь вы узнали для себя что-то новое из данного урока.
1. Скачайте материалы к уроку и откройте файл split-color-effect.psd в Photoshop.
2. Выберите слой под названием Model copy на панели слоев и дважды нажмите на него, чтобы открыть диалоговое окно Стиль слоя. Система RGB использует красный, зеленый и синий каналы для передачи цветов изображения. Чтобы создать стиль слоя, в котором виден только красный канал, необходимо отключить зеленый и синий каналы. Снимите флажки с зеленого и синего цветов и нажмите OK.
Совет. Нажмите на значок глаза у слоя Model, чтобы сделать слой невидимым. Если включить только красный канал, на слое Model copy станет заметен эффект. Теперь снова сделайте слой видимым.
Применение пластики к объекту
3. Теперь необходимо применить к модели эффект деформации. Для этого мы используем Фильтр. Если выбран слой Model copy, нажмите Фильтр > Пластика и выберите фильтр Пластика. Откроется панель Свойства.
4. Чтобы деформация не затронула лицо модели, размыв остальное изображение, необходимо применить маску. Перейдите на панель инструментов слева, выберите инструмент Заморозить маску и закрасьте лицо модели.
5. Теперь выберите на панели инструментов инструмент Деформация. На панели Свойства справа установите размер кисти 1000 пикселей и установите флажок Закрепить края. Это предотвращает слишком сильное искривление края изображения при использовании кисти деформации.
В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!
Способ 1: Использование опции Opacity (Непрозрачность)
Выбор изображений
В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое изображение с девушкой , которое я буду использовать в качестве примера:
Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.
Опция «Непрозрачность»
Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.
Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.
Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.
Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.
В этом случае 30% непрозрачности портрета смешивается с 70% непрозрачности пейзажа, создавая приятный эффект наложения. Поиграйте с непрозрачностью и остановитесь на том значении, которое будет лучше для ваших изображений.
Способ 2: Режимы наложения
Во втором способе для совмещения двух изображений мы будем использовать режимы наложения. Они отлично подходят для смешивания любых двух изображений, в особенности они полезны при совмещении текстуры с фотографией. В качестве фотографии я буду использовать мужской портрет .
Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.
Опция «Режимы наложения»
Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.
Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.
Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).
Подобно режиму «Перекрытие», «Мягкий свет» смешивает два изображения вместе, повышая контрастность. Разница в том, что режим «Мягкий свет» производит более тонкий и естественный эффект.
Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).
«Разделить» - один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.
«Режимы наложения» и «Непрозрачность»
После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.
И вот результат:
Совет: циклическое переключение режимов смешивания с клавиатуры
Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.
Способ 3: Использование маски слоя
Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.
Вот первое фото с девочкой , которое я буду использовать:
Снова взглянем на панель слоёв, каждая фотография расположена на отдельном слое. Изображение с одуванчиками находится на фоновом слое, а девочка чуть выше.
Добавление маски
Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».
Рядом с миниатюрой слоя появится миниатюра маски.
Как работает маска слоя
Маски слоя управляют прозрачностью слоя, подобно опции «Непрозрачность». Но опция «Непрозрачность» влияет на прозрачность всего слоя в целом, а «Маска слоя» позволяет добавлять различные уровни прозрачности на разные области слоя. Другими словами, вы можете использовать маску, чтобы показать некоторые области, скрывая другие, это делает маску идеальным инструментом для смешивания изображений.
В своей работе маска использует чёрный и белый цвета. Любая часть слоя, где маска заполнена белым, остаётся видимой. А где маска заполнена чёрным цветом, скрыта. Давайте посмотрим, как можно быстро скомбинировать два изображения вместе, используя чёрно-белый градиент на маске слоя.
Выбор инструмента Gradient Tool (G) (Градиент)
На панели инструментов выберите Градиент.
Выбор чёрно-белого градиента
Выбрав инструмент Градиент (G), перейдите на панель параметров и нажмите на стрелочку, смотрящую вниз, расположенную рядом с градиентом.
Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).
Совмещение двух изображений
Перейдите на миниатюру маски, она должна выделиться в рамочку.
Затем на рабочем холсте кликните и, удерживая левую кнопку мыши, протяните линию градиента от чёрного к белому. Поскольку градиент начинается с чёрного и заканчивается белым, то я начну его создавать с правой стороны изображения и перемещу линию градиента влево. При создании градиента зажмите клавишу Shift, чтобы линия была прямой. Помните, что чёрный цвет скрывает, а белый отображает. В левой части рабочего документа я хочу оставить изображение девочки, поэтому эта часть маски должна быть белой. Правая сторона документа должна скрыться, значит правая сторона маски должна быть чёрной.
Когда вы отпустите кнопку мыши, Фотошоп создаст градиент на маске и смешает две фотографии вместе. На скриншоте ниже видно, как девочка из верхнего слоя смешивается с одуванчиками из нижнего слоя. Если вас не устраивает результат, то создайте ещё один градиент на маске.
Просмотр маски слоя
Посмотрите на миниатюру маски на панели «Слои», где мы создали градиент. Чёрная область справа – место, где верхнее изображение скрыто в документе, что позволяет проявиться нижнему изображению на фоновом слое. И белая область слева – область, где верхнее изображение с девочкой остаётся видимым.
Так же мы можем просмотреть фактическую маску в документе. Зажмите клавишу Alt на клавиатуре и кликните по миниатюре маски слоя, этими действиями вы переключите просмотр основного документа с изображения на маску слоя. Так вам будет легче всё понять. Снова повторюсь: чёрная область справа – область, где верхний слой скрыт, а белая слева - эта область видна.
Обратите внимание на серое пространство посередине, где градиент переходит от чёрного к белому. Эта область создаёт постепенный переход между двумя слоями, что позволяет создавать плавное смешивание двух изображений. Чтобы снова переключиться с маски на изображение, так же зажмите Alt и кликните по миниатюре маски на панели «Слои».
Совет: включение и отключение маски слоя
Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.
Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в Photoshop.
Цветоделение - это преобразование (конвертация) изображения, находящегося в цветовом пространстве RGB, Lab в цветовое пространство конкретного устройства вывода - в основном это пространство CMYK. Цветоделение на плашечные цвета, или для Гексахром - шести красочной печати и на спотовые (заказные) краски мы здесь рассматривать не будем. (цветоделение на две краски с использованием режима Duoton рассмотрено в статье)
Параметры цветоделения по умолчанию в Photoshop выставляются в диалоговом окне Color Settings.
Цветоделение производится командой Edit->Convert to Profile.
Базовое окно диалога Преобразовать в профиль (Convert to Profile)-
Тут можно изменить профиль CMYK, движок и метод преобразования, проверить не стоит ли применить Use Black Point Compensation и Use Dither. (подробное описание этих установок читайте в статье о диалоге настройки цвета в Фотошоп Color Settings). Расширенное окно этого диалога (по нажатию на кнопку Advanced) позволяет выбрать цветовую модель представления цвета: -
Здесь так же можно выбрать свои установки СMYK (по умолчанию тут стоит профиль назначенный в диалоге Color Settings), например поставить такую экзотику (это если Вы печатаете в Японии на мелованной японской бумаге) :
Но пользоваться этой возможностью стоит только если точно знаешь что и зачем делаешь.
Какие бы хорошие и проверенные установки по умолчанию в Color Settings не стояли - не используйте команду: image->mode->CMYK. (конвертация по параметрам, заданным в установках управления цветом - Color Settings). Пользуйтесь командой Convert to Profile - попробуйте сменить метод преобразования - Perceptual на Relative Colorimetric (если Вы подготовили тоновый диапазон изображения и должным образом заменили цвета не попадающие в новый цветовой охват). Проверьте не улучшает ли изображение изменение переключателей Use Black Point Compensation и Use Dither. А главное:- не сменил ли кто установки СMYK в Ваше отсутствие.
Рабочий и достаточно универсальный профиль для листовой печати на мелованной бумаге в России можно скачать здесь (архив rar - 2мб)
Для работы лучше иметь набор профилей с разной генерацией чёрного, но одинаковыми остальными параметрами:
Проводя конвертацию в CMYK - Вы, тем самым, берёте на себя ответственность за цвет отпечатка. Печатник отвечает за количество краски, которую он нанес на бумагу, ее равномерность, и повторяемость от листа к листу, технолог и препресс типографии - за заявленные параметры печати фактическим, повторюсь -
за Цвет отвечает тот, кто в фотошопе конвертирует в CMYK!
И поэтому профиль печати должен соответствовать данному печатному процессу на выбранной бумаге - никто не сможет грамотно проконсультировать Вас по вопросу - какой цветовой профиль CMYK Вам использовать - кроме специалистов типографии, где предстоит печать, а чтобы визуально контролировать цвет - Ваше рабочее место должно соответствовать требованиям стандарта и монитор должен быть соответствующего класса с профессионально проведенной калибровкой. И компромисса тут нет - любое недовыполнение требований не позволит получить предсказуемый результат печати, а цена ошибки в офсетной печати - это цена тиража, пошедшего под нож. Я часто в типографиях встречаю молодых дизайнерш в слезах (парни не плачут, но и у них настроение на нуле), а в типографии, не скажу, что с радостью, но с чувством выполненного долга и сочувствующим тоном укажут на ошибки, допущенные начинающим дизайнером, но. уже после печати тиража. Технически невозможно проконтролировать все макеты на конвейере, в типографии никто не знает, что задумал дизайнер, может фиолетовые лица, зелёное небо, синяя зелень, тёмно грязные размытые предметы - это дизайнерская фишка такая, поэтому гадать, что видел на своём мониторе дизайнер, а тем более что-либо переделывать по своей инициативе в типографии не будут. Слишком дорогая цена получается при таком обучении на своих ошибках. Что бы избежать грубых ошибок в тираже необходимо заказывать сертифицированную цветопробу (лучше в той же типографии, где предстоит печать), ну и конечно изучать цифровое управление цветом.
Прежде чем начать знакомство с цветокоррекцией, стоит уточнить, что тема эта очень обширная. Чтобы заниматься цветокоррекцией на должном уровне, лучше пройти специальные курсы, где вас обучат основам цветовой гармонии, научат правильно сочетать цвета и пользоваться существующими методами и способами цветокоррекции. И желательно получить сертификат. В век цифровых технологий обработка фото — весьма прибыльное занятие. А самым выгодным вложением средств во все времена было и остаётся образование.
Мы рассмотрим базовый универсальный способ цветокоррекции.
Перед тем как сделать цветокоррекцию в Photoshop, нужно понять, что это такое и с какой целью применяется.
Цветокоррекция — это изменение цветов, тонов и насыщенности изображения, применяется либо для улучшения картинки, либо в качестве творческого приёма. К первому случаю можно отнести необходимость получить более реалистичные цвета или сделать фото светлее. Ведь при определённых настройках фототехники цвета могут передаваться искажённо, не так, как мы их видим в реальной жизни. Сюда же относится коррекция фото для поднятия насыщенности цветов, ради большей привлекательности снимка. Во втором случае цветокоррекцию подскажет вам собственная фантазия. Это может быть винтажная цветокоррекция, фантастические цвета пейзажей и тому подобное.
Коррекция цвета в Photoshop осуществляется на корректирующих слоях. Если цветокоррекцию применять к слою с изображением, то изменения изображения будут необратимы. Корректирующие слои работают как фильтры. Все эффекты корректирующего слоя будут видны на изображении под этим слоем. Также корректирующий слой позволит внести изменения в конечный результат, если это окажется необходимо. Тему слоёв мы обсуждали в предыдущей статье.
Автоматическая цветокоррекция
Самый простой и быстрый способ для новичков — автоматическая цветокоррекция. Откройте изображение в Photoshop, создайте дубликат слоя с изображением (Ctrl+G). Перейдите на дубликат слоя и нажмите Shift+Ctrl+B. Эта команда Photoshop автоматически регулирует контраст и цвет изображения, самостоятельно определяя тени, средние тона и светлые участки.
Читайте также: