Добавить радугу к фото с фотошопом

Узнайте шаг за шагом, как легко украсить эти грозовые небеса на ваших фотографиях, добавив радугу в Photoshop! Теперь полностью обновлено для Photoshop CC и CS6!

В этом уроке мы узнаем, как добавить радугу к фотографии ! Как мы увидим, нарисовать радугу в Photoshop на самом деле проще, чем вы думаете. Это потому, что в Photoshop есть встроенный готовый градиент радуги для нас! Все, что нам нужно знать, это где его найти и как его нарисовать с помощью Photoshop’s Gradient Tool.

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

Я буду использовать Photoshop CC, но все, что мы изучим, также совместимо с Photoshop CS6 . Если вы используете Photoshop CS5 или более раннюю версию, вы все равно можете следовать здесь, или вы можете проверить оригинальное руководство « Добавить радугу к фотографии» .

Как и в случае большинства фотоэффектов, полезно начать с правильного типа изображения. Поскольку мы будем добавлять радугу, фотография, сделанная на улице, будет хорошим выбором. Если это будет пейзажная фотография с некоторыми грозовыми облаками на заднем плане, даже лучше. Вот изображение, которое я буду использовать (пейзажная фотография из Adobe Stock) :

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

Как добавить радугу к фото

Шаг 1: Добавить новый слой

Первым шагом в создании нашей радуги является добавление нового слоя. Это позволит нам отделить радугу и изображение друг от друга. Если мы посмотрим на панель «Слои» , то увидим исходное изображение, расположенное на фоновом слое , в настоящее время единственный слой в документе:

Давайте добавим новый слой. Мы также назовем слой в то же время. Чтобы сделать это, нажмите и удерживайте клавишу Alt (Win) / Option (Mac), когда вы щелкаете значок « Новый слой» в нижней части панели «Слои»:

Откроется диалоговое окно «Новый слой» в Photoshop. Назовите слой «Радуга», затем нажмите ОК:

Если мы снова посмотрим на панель «Слои», то увидим наш новый слой «Радуга» над изображением:

Шаг 2. Выберите инструмент «Градиент»

Выберите инструмент «Градиент» на панели «Инструменты»:

Шаг 3: Откройте окно выбора градиента

Выбрав инструмент «Градиент», нажмите небольшую стрелку, направленную вниз, справа от миниатюры предварительного просмотра градиента на панели параметров в верхней части экрана. Откроется окно выбора градиента в Photoshop . Не нажимайте на эскиз. Если вы это сделаете, вы откроете редактор градиента большего размера. Нам просто нужен Gradient Picker, поэтому обязательно нажмите на стрелку, а не на миниатюру:

Шаг 4: Загрузите градиенты спецэффектов

Когда откроется Gradient Picker, вы увидите маленькие эскизы различных градиентов, из которых мы можем выбрать. Если вы еще не загрузили другие градиенты, вы увидите только набор по умолчанию. Радужный градиент нам нужно не является частью этого набора по умолчанию, но в комплекте с Photoshop. Он находится в наборе градиентов спецэффектов . Все, что нам нужно сделать, это загрузить набор специальных эффектов в Photoshop.

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

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

Фотошоп спросит, хотите ли вы заменить текущие градиенты новыми или просто добавить новые в список. Нам понадобится один из исходных градиентов по умолчанию чуть позже, поэтому нажмите « Добавить» :

Шаг 5: выберите градиент радуги Рассела

В градиенте выберите градиент Радуги Рассела . Это должен быть последний эскиз в списке. Если в настройках Photoshop включены подсказки (они включены по умолчанию), вы увидите имя градиента, когда наведете курсор мыши на его миниатюру. Дважды щелкните миниатюру, чтобы выбрать градиент Радуги Рассела и закрыть градиентную палитру:

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

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

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

Шаг 6: Установите стиль градиента на «Радиальный»

По умолчанию Photoshop рисует градиенты по прямой линии, известной как линейный стиль. Чтобы нарисовать радугу, мы должны сказать Photoshop рисовать вместо этого круглый ( радиальный ) градиент.

Если вы посмотрите прямо справа от миниатюры предварительного просмотра градиента на панели параметров, вы увидите серию из пяти значков. Каждый значок выбирает другой стиль градиента . Слева направо у нас есть Линейный, Радиальный, Угловой, Отраженный и Алмазный. Чтобы нарисовать круглый градиент, выберите значок « Радиальный» (второй слева):

Шаг 7: нарисуйте градиент радуги

Рисование радиального градиента с помощью Photoshop’s Gradient Tool является двухэтапным процессом. Сначала мы нажимаем где-нибудь на изображение, чтобы установить отправную точку. Эта точка станет центром градиента. Затем, удерживая кнопку мыши нажатой, мы перетаскиваем ее от начальной центральной точки, чтобы установить размер градиента. Чем дальше мы перетаскиваем, тем больше будет градиент.

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

Чтобы показать вам, что я имею в виду, я нажму на случайное место на изображении, чтобы установить мою начальную, центральную точку. Затем, удерживая кнопку мыши нажатой, я оттащу небольшое расстояние от этого места. Поскольку мы рисуем круглый градиент, фактическое направление, в котором вы перетаскиваете, не имеет значения:

Сначала мы видим только тонкий контур, показывающий, куда мы нажали и куда перетащили. Когда мы отпускаем нашу кнопку мыши, именно тогда Photoshop фактически рисует градиент, и здесь мы видим результат. Хорошая новость в том, что я нарисовал круглый градиент радуги. Плохие новости? Она слишком маленькая, и я не хочу, чтобы радуга появлялась:

Поскольку это не то, что я хотел, я отменил градиент, поднявшись в меню « Правка» в верхней части экрана и выбрав « Отменить градиент» . Или я могу отменить его, используя сочетание клавиш Ctrl + Z (Win) / Command + Z (Mac). Любой способ работает, но, поскольку вам, скорее всего, придется отменить градиент несколько раз, прежде чем он станет правильным, сочетание клавиш действительно ваш друг:

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

Я отпущу кнопку мыши, чтобы позволить Photoshop нарисовать градиент, и на этот раз я получу гораздо лучший результат:

Шаг 8: измени режим смешивания слоя на «Screen»

Все идет нормально. У нас есть градиент радуги на месте. Конечно, сейчас это выглядит не очень реалистично. Одна из проблем заключается в том, что градиент выглядит так, будто он сидит перед фотографией. Нам нужно , чтобы смешать его с изображением, и мы можем сделать это за счет изменения слоя «Радуга» в режим смешивания .

Вы найдете опцию Blend Mode в левом верхнем углу панели Layers. По умолчанию режим наложения установлен на Normal. Нажмите на слово «Normal», чтобы вызвать список других режимов наложения и выберите Screen из списка:

Вот результат после изменения режима наложения на Экран . Радуга теперь лучше сочетается с изображением:

Шаг 9: преобразуй слой в смарт-объект

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

Мы размым его, используя фильтр Gaussian Blur в Photoshop. Но прежде чем мы это сделаем, давайте преобразуем слой «Радуга» в смарт-объект . Таким образом, фильтр Gaussian Blur будет применен как интеллектуальный фильтр , что позволит нам вернуться назад и изменить настройки, если это необходимо.

Чтобы преобразовать слой «Радуга» в смарт-объект, щелкните правой кнопкой мыши (Win) / удерживая нажатой клавишу « Control» (Mac) на слое на панели «Слои»:

Затем выберите « Преобразовать в смарт-объект» в появившемся меню:

Похоже, что ничего не произошло, но если мы снова посмотрим на панель «Слои», то теперь мы увидим небольшой значок смарт-объекта в правом нижнем углу эскиза предварительного просмотра слоя «Радуга» . Вот как Photoshop сообщает нам, что слой был преобразован в смарт-объект:

Шаг 10: примени фильтр Gaussian Blur

Теперь, когда мы преобразовали слой в смарт-объект, давайте применим наш фильтр. Перейдите в меню Filter в верхней части экрана, выберите Blur , затем Gaussian Blur :

Это открывает диалоговое окно Gaussian Blur. Следите за своим изображением, перетаскивая ползунок Радиуса вдоль нижней части диалогового окна вправо. Чем дальше вы перетаскиваете, тем больше размытия вы применяете к радуге и тем мягче будут появляться переходы между цветами.

Степень размытия, в которой вы нуждаетесь, будет зависеть в основном от размера вашего изображения, поэтому здесь не нужно указывать конкретное значение. Я работаю с довольно большим изображением, поэтому в моем случае значение радиуса около 50 пикселей работает хорошо. Для вашего изображения может быть лучше другое значение в зависимости от его размера и общего вида, который вы ищете:

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

Поскольку мы применили фильтр Gaussian Blur не к обычному слою, а к смарт-объекту, он автоматически был преобразован в смарт-фильтр. Мы можем видеть «Размытие по Гауссу» в виде «Умного фильтра» под слоем «Радуга» на панели «Слои».

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

Шаг 11: добавь маску слоя

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

Чтобы добавить маску слоя, щелкните значок « Маска слоя» в нижней части панели «Слои».

Опять же, похоже, ничего не произошло, но теперь мы можем видеть миниатюрную маску слоя, заполненную белым цветом, справа от миниатюры предварительного просмотра слоя «Радуга». Обратите внимание, что миниатюра маски слоя имеет белую рамку выделения . Это говорит нам о том, что маска слоя, а не сам слой, теперь выбрана:

Шаг 12: установите цвет переднего плана на черный

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

Мы видим текущие цвета переднего плана и фона в Photoshop в двух цветовых образцах в нижней части панели «Инструменты». Образец в верхнем левом углу — текущий цвет переднего плана. Если он не установлен в черный цвет, нажмите букву D на клавиатуре, чтобы быстро восстановить значения по умолчанию для цветов переднего плана и фона. Это установит цвет переднего плана на белый, а цвет фона на черный. Затем нажмите букву X на клавиатуре, чтобы поменять цвета, сделав основной цвет черным:

Шаг 13: выберите градиент от «переднего плана до прозрачного»

С цветом переднего плана, установленным на черный, вернитесь на панель параметров вдоль верхней части экрана и еще раз нажмите на маленькую стрелку справа от миниатюры предварительного просмотра градиента :

Это снова открывает Gradient Picker. На этот раз выберите градиент от переднего плана до прозрачного , дважды щелкнув его миниатюру (вторая слева, верхняя строка):

Шаг 14: установите стиль градиента на «линейный»

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

Шаг 15: нарисуй градиент на маске слоя

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

Я начну, щелкнув в любом месте чуть ниже неба. Затем я нажму и удерживаю клавишу Shift и тяну прямо вверх, почти до самой вершины радуги. Удерживание клавиши Shift при перетаскивании ограничивает углы, по которым вы можете перетаскивать, облегчая перемещение прямо вверх по вертикали:

Я отпущу свою кнопку мыши, затем клавишу Shift, чтобы Photoshop мог нарисовать градиент на маске слоя, и вот результат. Нижняя часть радуги (часть, которая уходила в землю) полностью исчезла из поля зрения. Затем радуга постепенно появляется и становится все ярче, когда мы движемся от линии горизонта к вершине радуги:

Если мы посмотрим на миниатюру маски слоя на панели «Слои», то увидим нарисованный нами градиент. Черная область внизу — это область, где радуга теперь полностью скрыта. Белая область на самом верху — это то место, где радуга видна на 100%. Между темными и светлыми участками постепенно появляется радуга:

Узнайте больше: Понимание слоистых масок в Photoshop

Шаг 16: скрыть дополнительные области радуги (необязательно)

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

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

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

Мы можем увидеть это более четко, если снова посмотрим на миниатюру маски слоя. Дно все еще заполнено черным, но теперь, так же, как и верх:

Конечно, над деревьями на этом изображении нет облаков, поэтому я отменим второй градиент, поднявшись в меню « Правка» и выбрав « Отменить градиент» , или нажав клавиши Ctrl + Z (Победа) / Command + Z (Mac) на моей клавиатуре:

Мы могли бы также спрятать часть радуги со стороны. Я нарисую градиент переднего плана к прозрачному на маске слоя от правого края радуги к центру:

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

Опять же, это не тот эффект, которого я добиваюсь с этим изображением. Я просто показываю здесь несколько примеров того, почему градиент от переднего плана к прозрачному может быть лучшим выбором по сравнению со стандартным градиентом от черного к белому при добавлении радуги. Я быстро отменю свой второй градиент, нажав клавиши Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре.

До и после

Наконец, поскольку мы нарисовали нашу радугу на отдельном слое, мы можем легко сделать сравнение «до и после». Чтобы просмотреть исходное изображение без радуги, просто щелкните значок видимости слоя «Радуга» (маленькое глазное яблоко) на панели «Слои», чтобы временно отключить слой:

С выключенным слоем радуга исчезает:

Снова нажмите на тот же значок видимости (пустой квадрат, где раньше было глазное яблоко), чтобы снова включить слой «Радуга» и просмотреть конечный результат:

И там у нас это есть! Вот как легко добавить радугу к изображению, используя всего лишь пару градиентов, фильтр и маску слоя в Photoshop! Посмотреть больше фотоэффектов tutorials.p>