В этом уроке по эффектам Photoshop мы узнаем, как раскрасить фотографию, используя несколько цветов. Этот эффект я часто использовал в рекламе для фотопринтеров и программного обеспечения для калибровки цвета.
Идея проста. Возьмите одну фотографию, разделите ее на несколько секций одинакового размера (обычно на четыре секции), затем раскрасьте каждую секцию, используя другой цвет или другой оттенок одного цвета, чтобы получить интересные результаты. Например, при использовании рекламы на фотопринтере каждый раздел фотографии обычно раскрашивается с использованием одного из четырех основных цветов чернил (голубого, пурпурного, желтого и черного). С помощью рекламы программного обеспечения для калибровки цвета каждый раздел фотографии окрашивается немного другим цветом, чтобы показать, как одно и то же изображение может выглядеть по-разному на разных мониторах, если они не откалиброваны должным образом.
Это всего лишь два распространенных примера того, как можно использовать этот фотоэффект, но вы можете раскрасить свое изображение любыми цветами в зависимости от предмета своего изображения и настроения или сообщения, которое вы пытаетесь передать. Используйте красные, оранжевые и желтые цвета, чтобы раскрасить изображение детей, играющих на листьях осенью, или разные оттенки синего, чтобы раскрасить холодную зимнюю пейзажную фотографию. Или раскрасьте три из четырех разделов в один и тот же цвет и используйте другой цвет, чтобы выделить один конкретный раздел фотографии. Для такого простого эффекта вы можете использовать его по-разному.
Photoshop делает создание этого эффекта невероятно простым. Сначала мы разделим нашу фотографию на четыре секции, используя направляющие, затем мы будем использовать несколько корректирующих слоев Hue / Saturation, а также маски их слоев, чтобы раскрасить каждую секцию другим цветом. Когда мы закончим с начальным эффектом, мы увидим, как мы можем использовать дополнительный корректирующий слой Hue / Saturation, чтобы быстро изменить все четыре цвета одновременно!
Вот изображение, которое я буду использовать для этого урока. Мое изображение черно-белое фото, но полноцветное фото будет работать одинаково хорошо. Нет необходимости сначала конвертировать ваше изображение в черно-белое, мне просто нравится эта фотография:
Вот как будет выглядеть изображение, когда мы закончим. Имейте в виду, что вам не нужно использовать те же цвета, которые я буду использовать. Этот урок просто показывает, как создать эффект. Фактические цвета, которые вы используете, полностью зависят от вас. Как я уже упоминал, в конце урока мы увидим, как мы можем быстро изменить все четыре цвета одновременно для получения разных результатов.
Содержание
- 1 Как раскрасить фотографию несколькими цветами
- 1.1 Шаг 1: добавьте новый набор вертикальных направляющих до 25%
- 1.2 Шаг 2: добавь второй вертикальный набор направляющих к 50%
- 1.3 Шаг 3: Добавьте третий вертикальный набор направляющих к 75%
- 1.4 Шаг 4. Убедитесь, что функция «Snap To Guides» включена
- 1.5 Шаг 5: выбери Прямоугольный Marquee Tool
- 1.6 Шаг 6: перетащите выделенную область вокруг первого раздела слева
- 1.7 Шаг 7: Добавьте корректирующий слой Hue / Saturation
- 1.8 Шаг 8: выберите опцию «Colorize» в диалоговом окне Hue / Saturation
- 1.9 Шаг 9: выбери цвет с помощью ползунка оттенка
- 1.10 Шаг 10: измени режим смешивания корректирующего слоя на «цвет»
- 1.11 Шаг 11: перетащи выделение во второй раздел
- 1.12 Шаг 12: добавь корректирующий слой Hue / Saturation
- 1.13 Шаг 13: выбери опцию Colorize и выбери второй цвет с помощью ползунка оттенка
- 1.14 Шаг 14: измени режим смешивания корректирующего слоя на «цвет»
- 1.15 Шаг 15: Повторите шаги 11-14 для оставшихся двух разделов.
- 1.16 Шаг 16: Очистить направляющие
- 1.17 Шаг 17: добавь штрих к одному из разделов
- 1.18 Шаг 18: скопируй стиль слоя обводки
- 1.19 Шаг 19: выберите другие три корректирующих слоя Hue / Saturation
- 1.20 Шаг 20: вставь штрих в корректирующие слои
- 1.21 Шаг 21: добавь еще один корректирующий слой Hue / Saturation выше всех остальных
- 1.22 Шаг 22: перетащите ползунок оттенка, чтобы изменить все четыре цвета одновременно
Как раскрасить фотографию несколькими цветами
Шаг 1: добавьте новый набор вертикальных направляющих до 25%
Прежде чем мы сможем начать раскрашивать различные разделы нашей фотографии, нам сначала нужно создать разделы, и для этого мы будем использовать руководства Photoshop . Руководства, возможно, не самая захватывающая часть работы с Photoshop, но они определенно могут сделать вашу жизнь проще. Чтобы разделить нашу фотографию на четыре части одинакового размера, нам понадобятся три направляющих. Давайте добавим наш первый. Поднимитесь в меню View в верхней части экрана и выберите New Guide . Это вызывает диалоговое окно New Guide. Мы хотим создать вертикальные направляющие, поэтому выберите « Вертикально» для параметра « Ориентация» . Затем в нижней части диалогового окна введите 25% для значения Позиция :
Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Если мы посмотрим на наше изображение в окне документа, то увидим, что мы добавили наше первое руководство, идущее вертикально сверху вниз, расположенное ровно на четверти пути поперек изображения слева направо:
Шаг 2: добавь второй вертикальный набор направляющих к 50%
Давайте добавим наш второй гид. Вернитесь в меню « Вид» в верхней части экрана и снова выберите « Новое руководство» . Когда появится диалоговое окно New Guide, убедитесь , что вертикальный выбрано для ориентации опции и на этот раз, введите значение 50% для установки опции:
Нажмите OK, чтобы выйти из диалогового окна, и в нашем окне документа мы увидим, что теперь мы добавили вторую вертикальную направляющую, которая проходит прямо по середине фотографии:
Шаг 3: Добавьте третий вертикальный набор направляющих к 75%
Вернитесь в меню « Вид» , выберите « Новое руководство» и на этот раз введите значение 75% для параметра « Положение» в диалоговом окне «Новое руководство». Опять же , убедитесь , что вертикальный выбран для ориентации варианта:
Нажмите OK, чтобы выйти из диалогового окна, и теперь у нас есть третье руководство, которое проходит сверху вниз через три четверти изображения:
Благодаря трем направляющим, которые мы добавили: одно на 25%, одно на 50% и одно на 75% пути по всему изображению, наша фотография теперь разделена на четыре секции одинакового размера. Теперь мы можем начать раскрашивать каждый раздел, что мы будем делать дальше!
Шаг 4. Убедитесь, что функция «Snap To Guides» включена
Через некоторое время мы начнем перетаскивать выделенные области вокруг наших четырех разделов с помощью инструмента «Прямоугольная область», и чтобы упростить для нас задачу, Photoshop собирается привязать наши выделенные элементы непосредственно к созданным нами направляющим. Или, по крайней мере, так будет, если у нас включена опция « Привязка к направляющим» . Поднимитесь в меню View в верхней части экрана и выберите Snap To . Подменю появится с опцией Guides в самом верху. Посмотрите налево от слова «Гиды». Если вы видите галочку рядом со словом, это означает, что опция уже включена, поэтому нет необходимости выбирать ее. Если вы не видите галочку, нажмите на слово «Направляющие», чтобы включить опцию:
Шаг 5: выбери Прямоугольный Marquee Tool
Теперь мы можем начать перетаскивать выделение вокруг нашего первого раздела. Возьмите инструмент Rectangular Marquee Tool с верхней части палитры Tools или просто нажмите букву M на клавиатуре, чтобы выбрать его с помощью ярлыка:
Шаг 6: перетащите выделенную область вокруг первого раздела слева
Выбрав Rectangular Marquee Tool, начните в верхнем левом углу фотографии и перетащите выделенную область вокруг первого раздела слева от изображения. Вы заметите, что при приближении к первому руководству выбор будет привязан к нему благодаря включенной нами опции «Привязка к направляющим». Если вам трудно поместить курсор в верхний левый угол изображения во время работы в окне документа, нажмите букву F на клавиатуре, чтобы переключиться в полноэкранный режим, а затем перетащите выделенную область. Это немного трудно увидеть на скриншоте, но когда вы закончите, у вас должен быть выбор вокруг всего первого раздела изображения:
Шаг 7: Добавьте корректирующий слой Hue / Saturation
При активном выделении нажмите значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберите корректирующий слой « Цветовой тон / Насыщенность» из списка:
Это вызывает диалоговое окно Hue / Saturation. Прежде чем что-то делать с этим, давайте кратко рассмотрим, что произошло в палитре слоев. Теперь у нас есть корректирующий слой Hue / Saturation, расположенный над нашим изображением на фоновом слое, но, что более важно, посмотрите на миниатюру предварительного просмотра маски слоя справа от корректирующего слоя. Обратите внимание, что он заполнен черным, за исключением белого поля слева:
Это потому, что мы добавили корректирующий слой, когда у нас был активный выбор в документе. Photoshop использовал выделение, чтобы изменить маску корректирующего слоя. Белая часть слева — это область, которую мы выбрали на нашем изображении, а белая означает, что все, что мы делаем с нашим корректирующим слоем Hue / Saturation, будет видно в этой части изображения. Остальная часть слоя-маски черная, что означает, что на остальное изображение не повлияет то, что мы делаем с нашим корректирующим слоем. Это то, что позволит нам раскрасить каждый раздел независимо от других.
Если вы хотите узнать больше о том, как работают маски слоев, обязательно ознакомьтесь с нашим полным учебником « Понимание масок слоев» в разделе « Основы Photoshop » на веб-сайте.
Шаг 8: выберите опцию «Colorize» в диалоговом окне Hue / Saturation
Теперь, когда мы взглянули на палитру слоев, давайте используем диалоговое окно Hue / Saturation, чтобы раскрасить наш первый раздел. Во-первых, нам нужно сообщить Photoshop, что мы хотим раскрасить изображение, поэтому выберите опцию Colorize в правом нижнем углу диалогового окна:
Это интересно: Переплетение фотопленок с фотошопом — это важно знать
Шаг 9: выбери цвет с помощью ползунка оттенка
Выбрав опцию Colorize, выберите любой цвет, который вы хотите использовать, перетаскивая ползунок Оттенок влево или вправо, следя за изображением, пока не найдете цвет, который хотите использовать. Цвет по умолчанию — красный, который, я думаю, хорошо работает с моим изображением, поэтому я пока просто оставлю ползунок Оттенок в одиночестве и приму цвет по умолчанию. Конечно, вы можете выбрать другой цвет для вашего изображения:
Нажмите OK, как только вы нашли цвет, который хотите использовать, чтобы выйти из диалогового окна Hue / Saturation. Если мы посмотрим на изображение в окне документа, то увидим, что первый раздел слева теперь раскрашен выбранным цветом:
Шаг 10: измени режим смешивания корректирующего слоя на «цвет»
Давайте удостоверимся, что мы влияем только на цвет изображения, а не на значения яркости (яркости). Для этого все, что нам нужно сделать, это изменить режим наложения корректирующего слоя. Вы найдете параметры режима наложения слоев в верхнем левом углу палитры слоев. По умолчанию для слоев установлен режим «Нормальный». Измените режим наложения на Color :
Разница с вашим изображением может быть незначительной в зависимости от выбранного вами цвета, но теперь мы точно знаем, что меняем только цвет на изображении. Какой бы цвет мы ни выбрали, это не повлияет на значения яркости. Вот мое изображение после изменения режима наложения на Цвет:
Один раздел вниз, три впереди!
Шаг 11: перетащи выделение во второй раздел
Используйте инструмент «Прямоугольная область» в Photoshop, чтобы перетащить выделение вокруг второго раздела. Опять же, поскольку мы включили опцию «Привязать к направляющим» в шаге 4, вы обнаружите, что ваш выбор привязывается к направляющим, как только вы достаточно приблизитесь к ним. Когда вы закончите, ваш второй раздел должен иметь выбор вокруг:
Шаг 12: добавь корректирующий слой Hue / Saturation
Выбрав второй раздел, нажмите значок « Новый корректирующий слой» еще раз в нижней части палитры «Слои» и выберите корректирующий слой « Цветовой тон / Насыщенность» , как мы делали раньше:
Если мы посмотрим на палитру слоев, то увидим, что у нас теперь есть второй корректирующий слой Hue / Saturation, и поскольку у нас был активный выбор, когда мы добавили корректирующий слой, область внутри выделения в маске слоя выглядит белой. означает, что этот второй корректирующий слой будет влиять только на нашу выбранную область. Все остальное черное, что означает, что остальная часть фотографии не будет затронута:
Шаг 13: выбери опцию Colorize и выбери второй цвет с помощью ползунка оттенка
Давайте выберем цвет для нашего второго раздела. Сначала выберите опцию Colorize в правом нижнем углу диалогового окна Hue / Saturation, затем перетащите ползунок Hue влево или вправо, следя за изображением, чтобы выбрать цвет. Опять же, цвет, который вы выбираете, полностью зависит от вас. Я хочу, чтобы мои цвета были довольно похожи друг на друга, поэтому я буду перетаскивать ползунок Hue немного вправо, пока значение в поле ввода Hue не будет равно 20. Это даст мне красновато-оранжевый цвет:
Нажмите OK, как только вы выбрали цвет, чтобы выйти из диалогового окна. Второй раздел фотографии теперь раскрашен:
Шаг 14: измени режим смешивания корректирующего слоя на «цвет»
Еще раз, давайте удостоверимся, что мы влияем только на цвет в изображении, изменив режим смешивания нашего второго корректирующего слоя Оттенок / Насыщенность с «Нормальный» на Цвет :
Шаг 15: Повторите шаги 11-14 для оставшихся двух разделов.
Теперь у нас есть два наших раскрашенных раздела. Чтобы раскрасить оставшиеся два раздела, просто повторите шаги 11–14 для каждого раздела. Сначала перетащите выделенную область вокруг раздела с помощью инструмента «Прямоугольная область», затем щелкните значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберите « Оттенок / Насыщенность» из списка. Когда появится диалоговое окно Hue / Saturation, выберите опцию Colorize в правом нижнем углу, затем перетащите ползунок Hue влево или вправо, чтобы выбрать цвет для сечения. Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Наконец, измените режим наложения корректирующего слоя Hue / Saturation на Color .
Когда вы закончите, у вас должно быть четыре корректирующих слоя Hue / Saturation в палитре слоев, по одному для каждого из четырех разделов:
Вот мое изображение после раскрашивания всех четырех разделов. Как я упомянул минуту назад, я хочу, чтобы все четыре моих цвета были довольно похожи друг на друга. Ваши цвета могут полностью отличаться друг от друга, это зависит от вас. Если вы хотите использовать те же цвета, которые я использовал, я устанавливаю значение «Оттенок» на 40 для третьего раздела и 60 для четвертого раздела:
Если вы обнаружите, как и я, что цвета на вашем изображении выглядят немного скучно, не волнуйтесь. Мы увидим, как это исправить, в конце урока.
Шаг 16: Очистить направляющие
Теперь, когда мы раскрасили все четыре раздела нашей фотографии, нам больше не нужны направляющие, поэтому давайте избавимся от них. Перейдите в меню « Вид» в верхней части экрана и выберите « Очистить направляющие» :
Направляющие теперь исчезли, что дает нам лучший обзор нашего изображения:
Давайте добавим обводку вокруг каждого из четырех разделов, чтобы сделать их более отличимыми друг от друга. Мы сделаем это дальше, а затем посмотрим, как быстро изменить все четыре цвета одновременно!
Шаг 17: добавь штрих к одному из разделов
Если вы посмотрите на палитру слоев, вы увидите, что вы, скорее всего, выбрали корректирующий слой Hue / Saturation в верхней части палитры слоев («Hue / Saturation 4»), так как это последний добавленный вами (текущий выделенный слой выделяется синим цветом). Нажмите на него, чтобы выбрать его, если он не выбран. Этот корректирующий слой контролирует цвет сечения в правой части изображения. Мы собираемся добавить черный штрих вокруг этого раздела. Щелкните значок « Стили слоев» в нижней части палитры «Слои» и выберите « Обводка» в нижней части появившегося списка стилей слоев:
Откроется диалоговое окно «Стиль слоя» с параметрами обводки в среднем столбце. Сначала уменьшите Размер обводки до 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:
Цвета моего эффекта теперь сместились с красного и желтого на синий и пурпурный:
На этот раз я перетащу ползунок Оттенок вправо до значения +170:
Цвета на моем изображении теперь сместились в зеленые и синие цвета:
Что если вы довольны выбранными цветами, но хотите немного их украсить? Вот мое изображение еще раз с оригинальными цветами, которые я выбрал:
Вы можете использовать корректирующий слой Оттенок / Насыщенность, который мы добавили, чтобы быстро осветлить все четыре цвета в эффекте, просто перетащив ползунок Насыщенность . Перетащите ползунок влево, чтобы уменьшить насыщенность цвета, уменьшив интенсивность цветов, или перетащите его вправо, чтобы увеличить насыщенность. Поскольку я хочу сделать свои цвета ярче, я собираюсь перетащить ползунок Насыщенность вправо до значения около +40:
Цвета в моем эффекте теперь выглядят ярче и интенсивнее:
И там у нас это есть! Вот как раскрасить изображение несколькими цветами в Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!