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

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

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

Photoshop делает создание этого эффекта невероятно простым. Сначала мы разделим нашу фотографию на четыре секции, используя направляющие, затем мы будем использовать несколько корректирующих слоев Hue / Saturation, а также их маски слоев, чтобы раскрасить каждую секцию другим цветом. Когда мы закончим с начальным эффектом, мы увидим, как мы можем использовать дополнительный корректирующий слой Hue / Saturation, чтобы быстро изменить все четыре цвета одновременно!

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

Исходное изображение.

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

Окончательное раскрашенное изображение.

Как раскрасить фотографию несколькими цветами

Шаг 1: добавьте новый набор вертикальных направляющих до 25%

Прежде чем мы сможем начать раскрашивать различные разделы нашей фотографии, нам сначала нужно создать разделы, и для этого мы будем использовать руководства Photoshop. Руководства, возможно, не самая захватывающая часть работы с Photoshop, но они определенно могут сделать вашу жизнь проще. Чтобы разделить нашу фотографию на четыре секции одинакового размера, нам понадобятся три направляющих. Давайте добавим наш первый. Поднимитесь в меню View в верхней части экрана и выберите New Guide . Это вызывает диалоговое окно New Guide. Мы хотим создать вертикальные направляющие, поэтому выберите « Вертикально» для параметра « Ориентация» . Затем в нижней части диалогового окна введите 25% для значения Позиция :

Выберите «Вертикально» для «Ориентации» и введите 25% для значения «Положение» в диалоговом окне «Новое руководство».

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Если мы посмотрим на наше изображение в окне документа, то увидим, что мы добавили наше первое руководство, идущее вертикально сверху вниз, расположенное ровно на четверти пути поперек изображения слева направо:

Первое руководство было добавлено к фотографии.

Шаг 2: Добавьте второй вертикальный набор направляющих к 50%

Давайте добавим наш второй гид. Вернитесь в меню « Вид» в верхней части экрана и снова выберите « Новое руководство» . Когда появится диалоговое окно «Новое руководство», убедитесь, что для параметра « Ориентация» выбран « Вертикальный», и на этот раз введите значение 50% для параметра « Положение» :

Установите Положение второй направляющей на 50%.

Нажмите OK, чтобы выйти из диалогового окна, и в нашем окне документа мы увидим, что мы добавили вторую вертикальную направляющую, которая проходит прямо по центру фотографии:

Второе руководство было добавлено к фотографии.

Шаг 3: Добавьте третий вертикальный набор направляющих к 75%

Вернитесь в меню « Вид», выберите « Новое руководство» и на этот раз введите значение 75% для параметра « Положение» в диалоговом окне «Новое руководство». Опять же, убедитесь, что для параметра « Ориентация» выбран « Вертикальный» :

Установите Положение третьей направляющей на 75%.

Нажмите OK, чтобы выйти из диалогового окна, и теперь у нас есть третье руководство, которое проходит сверху вниз через три четверти изображения:

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

Благодаря трем направляющим, которые мы добавили: одно на 25%, одно на 50% и одно на 75% пути по всему изображению, наша фотография теперь разделена на четыре секции одинакового размера. Теперь мы можем начать раскрашивать каждый раздел, что мы будем делать дальше!

Шаг 4. Убедитесь, что функция «Snap To Guides» включена

Вскоре мы начнем перетаскивать выделенные области вокруг наших четырех разделов с помощью инструмента «Прямоугольная область», и чтобы упростить для нас задачу, Photoshop собирается привязать наши выделенные элементы непосредственно к созданным нами направляющим. Или, по крайней мере, так будет, если у нас включен параметр « Привязка к направляющим» . Поднимитесь в меню View в верхней части экрана и выберите Snap To . Подменю появится с опцией Guides в самом верху. Посмотрите налево от слова «Гиды». Если вы видите галочку рядом со словом, это означает, что опция уже включена, поэтому нет необходимости выбирать ее. Если вы не видите галочку, нажмите на слово «Направляющие», чтобы включить опцию:

Убедитесь, что опция «Привязать к направляющим» включена. Галочка означает, что опция включена.

Шаг 5: выбери Прямоугольный Marquee Tool

Теперь мы можем начать перетаскивать выделение вокруг нашего первого раздела. Возьмите инструмент Rectangular Marquee Tool с верхней части палитры Tools или просто нажмите букву M на клавиатуре, чтобы выбрать его с помощью ярлыка:

Выберите инструмент Rectangular Marquee.

Шаг 6: перетащите выделенную область вокруг первого раздела слева

Выбрав Rectangular Marquee Tool, начните в верхнем левом углу фотографии и перетащите выделенную область вокруг первого раздела слева от изображения. Вы заметите, что по мере приближения к первому руководству выбор будет привязан к нему благодаря включенной нами опции «Привязка к направляющим». Если вам трудно поместить курсор в верхний левый угол изображения во время работы в окне документа, нажмите букву F на клавиатуре, чтобы переключиться в полноэкранный режим, а затем перетащите выделенную область. Это немного сложно увидеть на скриншоте, но когда вы закончите, у вас должен быть выбор вокруг всего первого раздела изображения:

Первый раздел слева теперь выбран.

Шаг 7: Добавьте корректирующий слой Hue / Saturation

При активном выделении щелкните значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберите корректирующий слой « Цветовой тон / Насыщенность» из списка:

Выберите корректирующий слой Hue / Saturation в нижней части палитры Layers.

Это вызывает диалоговое окно Hue / Saturation. Прежде чем что-то делать с этим, давайте кратко рассмотрим, что произошло в палитре слоев. Теперь у нас есть корректирующий слой Hue / Saturation, расположенный над нашим изображением на фоновом слое, но что более важно, посмотрите на миниатюру предварительного просмотра маски слоя справа от корректирующего слоя. Обратите внимание, что он заполнен черным, за исключением белого поля слева:

Миниатюра предварительного просмотра маски слоя в палитре слоев.

Это потому, что мы добавили корректирующий слой, когда у нас был активный выбор в документе. Photoshop использовал выделение, чтобы изменить маску корректирующего слоя. Белая часть слева - это область, которую мы выбрали на нашем изображении, а белая означает, что все, что мы делаем с нашим корректирующим слоем Hue / Saturation, будет видно в этой части изображения. Остальная часть маски слоя черная, что означает, что на остальное изображение не повлияет то, что мы делаем с нашим корректирующим слоем. Это то, что позволит нам раскрасить каждый раздел независимо от других.

Если вы хотите узнать больше о том, как работают маски слоев, обязательно ознакомьтесь с нашим полным учебником « Понимание масок слоев» в разделе « Основы Photoshop » на веб-сайте.

Шаг 8: выберите опцию «Colorize» в диалоговом окне Hue / Saturation

Теперь, когда мы взглянули на палитру слоев, давайте используем диалоговое окно Hue / Saturation, чтобы раскрасить наш первый раздел. Во-первых, нам нужно сообщить Photoshop, что мы хотим раскрасить изображение, поэтому выберите опцию Colorize в правом нижнем углу диалогового окна:

Выберите опцию Colorize в диалоговом окне.

Шаг 9: выбери цвет с помощью ползунка оттенка

Выбрав опцию Colorize, выберите любой цвет, который вы хотите использовать, перетаскивая ползунок оттенка влево или вправо, следя за изображением, пока не найдете нужный цвет. Цвет по умолчанию - красный, который, я думаю, хорошо работает с моим изображением, поэтому я пока просто оставлю ползунок Оттенок в одиночестве и приму цвет по умолчанию. Конечно, вы можете выбрать другой цвет для вашего изображения:

Перетащите ползунок Оттенок влево или вправо, чтобы изменить цвет.

Нажмите OK, как только вы нашли цвет, который хотите использовать, чтобы выйти из диалогового окна Hue / Saturation. Если мы посмотрим на изображение в окне документа, то увидим, что первый раздел слева теперь раскрашен выбранным цветом:

Первый раздел фотографии теперь раскрашен.

Шаг 10: измени режим смешивания корректирующего слоя на «цвет»

Давайте удостоверимся, что мы влияем только на цвет изображения, а не на значения яркости (яркости). Для этого все, что нам нужно сделать, это изменить режим наложения корректирующего слоя. Вы найдете параметры режима наложения слоев в верхнем левом углу палитры слоев. По умолчанию для слоев установлен режим «Нормальный». Измените режим наложения на Color :

Измените режим смешивания корректирующего слоя на Color.

Разница с вашим изображением может быть незначительной в зависимости от выбранного вами цвета, но теперь мы точно знаем, что меняем только цвет на изображении. Какой бы цвет мы ни выбрали, это не повлияет на значения яркости. Вот мое изображение после изменения режима наложения на Цвет:

Если для корректирующего слоя выбран режим «Смешивание цветов», это повлияет только на цвет изображения.

Один раздел вниз, три впереди!

Шаг 11: перетащи выделение во второй раздел

Используйте инструмент «Прямоугольная область» в Photoshop, чтобы перетащить выделение вокруг второго раздела. Опять же, поскольку мы включили опцию «Привязать к направляющим» в шаге 4, вы обнаружите, что ваш выбор привязывается к направляющим, как только вы достаточно приблизитесь к ним. Когда вы закончите, ваш второй раздел должен иметь выбор:

Перетащите выделение вокруг второго раздела.

Шаг 12: добавь корректирующий слой Hue / Saturation

Выбрав второй раздел, нажмите значок « Новый корректирующий слой» еще раз в нижней части палитры «Слои» и выберите корректирующий слой « Цветовой тон / Насыщенность», как мы делали раньше:

Нажмите на иконку New Adjustment Layer и выберите Hue / Saturation.

Если мы посмотрим на палитру слоев, то увидим, что у нас теперь есть второй корректирующий слой Hue / Saturation, и поскольку у нас был активный выбор, когда мы добавили корректирующий слой, область внутри выделения в маске слоя выглядит белой. означает, что этот второй корректирующий слой будет влиять только на нашу выбранную область. Все остальное черное, что означает, что остальная часть фотографии не будет затронута:

Наш второй раздел на фотографии выглядит белым на миниатюре предварительного просмотра маски слоя.

Шаг 13: выбери опцию Colorize и выбери второй цвет с помощью ползунка оттенка

Давайте выберем цвет для нашего второго раздела. Сначала выберите опцию Colorize в правом нижнем углу диалогового окна Hue / Saturation, затем перетащите ползунок Hue влево или вправо, следя за изображением, чтобы выбрать цвет. Опять же, цвет, который вы выбираете, полностью зависит от вас. Я хочу, чтобы мои цвета были довольно похожи друг на друга, поэтому я буду перетаскивать ползунок Hue немного вправо, пока значение в поле ввода Hue не будет равно 20. Это даст мне красновато-оранжевый цвет:

Выберите опцию Colorize, затем перетащите ползунок Hue, чтобы выбрать второй цвет.

Нажмите OK, как только вы выбрали цвет, чтобы выйти из диалогового окна. Второй раздел фотографии теперь раскрашен:

Второй раздел фотографии теперь раскрашен.

Шаг 14: измени режим смешивания корректирующего слоя на «цвет»

Еще раз, давайте удостоверимся, что мы влияем только на цвет в изображении, изменив режим смешивания нашего второго корректирующего слоя Оттенок / Насыщенность с «Нормальный» на Цвет :

Измените режим смешивания корректирующего слоя на Color.

Шаг 15: Повторите шаги 11-14 для оставшихся двух разделов.

Теперь у нас есть два наших раскрашенных раздела. Чтобы раскрасить оставшиеся два раздела, просто повторите шаги 11–14 для каждого раздела. Сначала перетащите выделенную область вокруг раздела с помощью инструмента «Прямоугольная область», затем щелкните значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберите « Оттенок / Насыщенность» из списка. Когда появится диалоговое окно Hue / Saturation, выберите опцию Colorize в правом нижнем углу, затем перетащите ползунок Hue влево или вправо, чтобы выбрать цвет для сечения. Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Наконец, измените режим наложения корректирующего слоя Hue / Saturation на Color .

Когда вы закончите, у вас должно быть четыре корректирующих слоя Hue / Saturation в палитре слоев, по одному для каждого из четырех разделов:

Каждый из четырех разделов теперь имеет свой собственный корректирующий слой Hue / Saturation в палитре Layers.

Вот мое изображение после раскрашивания всех четырех разделов. Как я упомянул минуту назад, я хочу, чтобы все четыре моих цвета были довольно похожи друг на друга. Ваши цвета могут полностью отличаться друг от друга, это зависит от вас. Если вы хотите использовать те же цвета, которые я использовал, я устанавливаю значение «Оттенок» на 40 для третьего раздела и 60 для четвертого раздела:

Все четыре раздела фотографии теперь раскрашены.

Если вы обнаружите, как и я, что цвета на вашем изображении выглядят немного скучно, не волнуйтесь. Мы увидим, как это исправить, в конце урока.

Шаг 16: Очистить направляющие

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

Перейдите в «Просмотр»> «Очистить направляющие», чтобы удалить направляющие из документа.

Направляющие теперь исчезли, что дает нам лучший обзор нашего изображения:

Направляющие были очищены от изображения.

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

Шаг 17: добавь обводку к одному из разделов

Если вы посмотрите на палитру слоев, вы увидите, что вы, скорее всего, выбрали корректирующий слой Hue / Saturation в верхней части палитры слоев ("Hue / Saturation 4"), так как это последний добавленный вами (текущий выделенный слой выделяется синим цветом). Нажмите на него, чтобы выбрать его, если он не выбран. Этот корректирующий слой контролирует цвет сечения в правой части изображения. Мы собираемся добавить черный штрих вокруг этого раздела. Щелкните значок « Стили слоев» в нижней части палитры «Слои» и выберите « Обводка» в нижней части появившегося списка стилей слоев:

Нажмите на иконку Layer Styles и выберите Stroke из списка.

Откроется диалоговое окно «Стиль слоя» с параметрами обводки в среднем столбце. Сначала уменьшите Размер обводки до 1 px, затем установите Положение обводки на Внутреннее . Наконец, щелкните образец цвета в нижней части параметров, который вызывает палитру цветов Photoshop, и выберите черный цвет в качестве цвета обводки, затем нажмите кнопку «ОК», чтобы выйти из палитры цветов:

Изменение параметров обводки обведено красным.

Когда вы закончите изменять параметры, нажмите OK, чтобы выйти из диалогового окна Layer Style. Если мы посмотрим на наше изображение, то увидим, что теперь у нас есть тонкий черный штрих вокруг разреза справа:

Участок в дальнем правом углу теперь имеет черный штрих.

Шаг 18: скопируй стиль слоя обводки

Теперь, когда мы добавили обводку вокруг одного из разделов, мы можем просто скопировать стиль слоя и быстро вставить его в другие три раздела! Перейдите в меню « Слой» в верхней части экрана, выберите « Стиль слоя», а затем выберите « Копировать стиль слоя» :

Перейдите в Слой> Стиль слоя> Скопировать стиль слоя.

Шаг 19: выберите другие три корректирующих слоя Hue / Saturation

Нажмите на третий корректирующий слой Hue / Saturation в палитре Layers (тот, который находится непосредственно под верхним), чтобы выбрать его, затем, удерживая нажатой клавишу Shift, щелкните первый корректирующий слой Hue / Saturation (тот, который находится непосредственно над фоновым слоем). ). Это выберет все три оставшихся корректирующих слоя одновременно. Вы увидите, что все три выделены синим цветом:

Выберите все три оставшихся корректирующих слоя одновременно.

Шаг 20: вставь штрих в корректирующие слои

Выбрав все три оставшихся корректирующих слоя, вернитесь в меню « Слой» в верхней части экрана, снова выберите « Стиль слоя», и на этот раз выберите « Вставить стиль слоя» :

Перейдите в Слой> Стиль слоя> Вставить стиль слоя.

И вот так теперь обводка применяется ко всем четырем разделам, отделяя их друг от друга немного лучше:

Все четыре секции теперь имеют черный штрих.

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

Шаг 21: добавь еще один корректирующий слой Hue / Saturation выше всех остальных

До сих пор мы использовали корректирующие слои Hue / Saturation, чтобы раскрасить каждую часть фотографии. Теперь, когда мы завершили первоначальный эффект, мы можем использовать еще один корректирующий слой Hue / Saturation, чтобы быстро изменить все четыре цвета одновременно! Конечно, если вы довольны выбранными цветами, вы, возможно, не захотите что-либо менять, но если вы действительно хотите изменить их, вот быстрый способ сделать это. Сначала выберите корректирующий слой в верхней части палитры слоев («Оттенок / Насыщенность 4»). Затем щелкните значок « Новый корректирующий слой» в нижней части палитры «Слои» и еще раз выберите « Оттенок / Насыщенность» из списка. Это добавит новый корректирующий слой Hue / Saturation над всеми остальными. Обратите внимание, что на этот раз миниатюра предварительного просмотра маски слоя для корректирующего слоя полностью заполняется белым. Это потому, что у нас не было активного выбора, когда мы его добавляли. Когда вся маска слоя заполнена белым, все, что мы будем делать с этим корректирующим слоем, повлияет на всю фотографию:

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

Шаг 22: перетащите ползунок оттенка, чтобы изменить все четыре цвета одновременно

На этот раз мы не хотим раскрашивать изображение. Его раскраска заменит все цвета, которые мы только что добавили, одним цветом, поэтому оставьте флажок «Цвет» в диалоговом окне «Оттенок / Насыщенность» не установленным. Вместо этого просто перетащите ползунок оттенка влево или вправо. При перетаскивании вы увидите, что все четыре цвета на вашем изображении меняются на разные цвета! Например, здесь я перетащил свой ползунок оттенка влево до значения -123:

Перетаскивая ползунок Оттенок влево. Убедитесь, что на этот раз опция Colorize не выбрана.

Цвета в моем эффекте теперь сместились с красного и желтого на синий и пурпурный:

Перетаскивание ползунка Hue сместило цвета в эффекте.

На этот раз я перетащу ползунок Оттенок вправо до значения +170:

Перетаскивая ползунок Оттенок вправо.

Цвета на моем изображении теперь сместились в зеленые и синие цвета:

Цвета в эффекте изменились на зеленый и синий после перетаскивания ползунка Оттенок вправо.

Что если вы довольны выбранными цветами, но хотите немного их украсить? Вот мое изображение еще раз с оригинальными цветами, которые я выбрал:

Изображение с оригинальными цветами.

Вы можете использовать корректирующий слой Hue / Saturation, который мы добавили, чтобы быстро осветлить все четыре цвета в эффекте, просто перетащив ползунок Saturation . Перетащите ползунок влево, чтобы уменьшить насыщенность цвета, уменьшив интенсивность цветов, или перетащите его вправо, чтобы увеличить насыщенность. Поскольку я хочу сделать свои цвета ярче, я собираюсь перетащить ползунок Насыщенность вправо до значения около +40:

Перетащите ползунок «Насыщенность» влево или вправо, чтобы увеличить или уменьшить насыщенность цвета, которая изменяет интенсивность цветов.

Цвета в моем эффекте теперь выглядят ярче и интенсивнее:

Изображение после увеличения насыщенности цвета.

Категория: