Фотошоп радуга: Как сделать радугу в фотошопе? Спецэффекты в Photoshop CS5

Содержание

Как сделать радугу в фотошопе? Спецэффекты в Photoshop CS5 — Российское фото

Как сделать радугу в фотошопе?

Спецэффекты в Photoshop CS5

6 ноября 2013

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

Вот с чего мы начнем:

Оригинальный снимок

А вот как будет выглядеть эта же фотография с двойной радугой:

Конечный результат с радугой

Давайте начнем!

Шаг 1: Добавим чистый слой

Blank Layer

Открыв фотографию, в панели слоев Photoshop мы видим, что на данный момент у нас всего один слой – Background Layer, в котором и находится наш снимок:

Фото находится в слое Background Layer

Первым делом нам надо создать над ним чистый слой. Для этого нажимаем на иконку New Layer в нижней части панели слоев:

Нажимаем на иконку New Layer

Photoshop над оригинальным слоем Background Layer добавляет новый чистый слой Layer 1. После двойного щелчка мыши по имени слоя можно его поменять; давайте назовем его Rainbow, поскольку именно здесь мы будем создавать радугу. Нажмите Enter (Win) / Return (Mac), чтобы ввести новое имя:

Назовем новый слой Rainbow

Шаг 2: Выбираем градиент с радугой

Как мы уже сказали, в Photoshop есть готовый радужный градиент. Но чтобы он стал доступен, его надо загрузить вручную. Для этого выберите Gradient Tool в панели инструментов:

Выбираем инструмент Gradient Tool

Затем в опциях, расположенных в верхней части экрана, выбираем панель градиентов:

Нажимаем на панель градиентов

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

Нажимаем на стрелочку

Появляется дополнительный список. Нас интересует пункт Special Effects. Выбираем его из списка:

Выбираем набор градиентов под названием Special Effects

Photoshop спросит, нужно ли заменить предыдущие градиенты новыми или просто добавить набор Special Effects к уже имеющимся. Нажмите Append, чтобы сохранить старые градиенты. Новые добавятся ниже:

Выбираем Append, чтобы градиенты из списка Special Effects добавились к старым

Из появившегося набора нас интересует Russell’s Rainbow, он самый последний снизу. Если у вас включены подсказки к инструментам Photoshop (они включены по умолчанию, настраивается эта опция в пункте меню Preferences), то при наведении мыши на миниатюру градиента вы должны увидеть надпись Russell’s Rainbow. Выберите его, щелкнув мышью по этой миниатюре, а потом нажмите OK, чтобы закрыть редактор градиентов:

Выбираем градиент, для чего нажимаем на миниатюру Russell’s Rainbow

Шаг 3: В панели опций выбираем радиальный градиент

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

В панели опций выбираем радиальный градиент

Шаг 4: Рисуем радугу с помощью инструмента

Gradient Tool

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

Растягиваем градиент радуги справа налево

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

Когда кнопка мыши отпущена, Photoshop рисует градиент

Шаг 5: Поменяем режим смешивания слоя с радугой на

Screen

В списке режимов смешивания, который находится в левом верхнем углу панели слоев (он представляет собой выпадающее меню, где по умолчанию установлен вариант Normal), выберите Screen:

Меняем режим смешивания слоя с радугой на Screen

Теперь радуга на фотографии стала смотреться органичнее:

Радуга после изменения режима смешивания слоев на Screen

Шаг 6: Применяем фильтр

Gaussian Blur

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

Откройте Filter > Blur > Gaussian Blur

Photoshop откроет диалоговое окно Gaussian Blur. Сдвигаем вправо ползунок Radius, расположенный в нижней части диалогового окна, и цвета радуги станут более размытыми. Не забывайте оценивать происходящие с фотографией изменения. Продолжайте сдвигать ползунок, пока переход между цветами радуги не станет мягким и естественным. Показатель Radius во многом будет зависеть от размера и разрешения вашего снимка. В нашем случае подходит значение 50 pixels. Закончив, нажмите OK, и диалоговое окно закроется:

Сдвигая ползунок Radius, делаем переход между цветами радуги мягче

Вот как выглядит наше фото после применения фильтра Gaussian Blur:

С фильтром Gaussian Blur радуга больше похожа на настоящую

Шаг 7: Добавляем маску слоя

Нажмите на иконку Layer Mask в нижней части панели слоев:

Нажимаем на иконку Layer Mask

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

По миниатюре мы видим, что была добавлена маска слоя

Шаг 8: Выбираем градиент

от черного к белому

Когда выбран инструмент Gradient Tool, щелчком правой кнопки мыши (Win) / щелчком с удержанием клавиши Control (Mac) в окне документа сразу же открывается панель пресетов для градиентов, та же самая, которую мы только что видели в диалоговом окне редактора градиентов. Выбираем градиент Black to White gradient, щелкнув по его миниатюре (верхний ряд, третий слева). Потом нажмите Enter (Win) / Return (Mac), и список градиентов закроется:

Нажимаем на миниатюру градиента от черного к белому

Шаг 9: В панели опций выбираем линейный градиент

Вернитесь в панель опций и на этот раз выберите Linear Gradient:

Нажимаем на иконку градиента Linear

Шаг 10: Растягиваем градиент

от черного к белому по маске слоя

Чем дальше от земли, тем ярче кажется настоящая радуга, так что и мы создадим такое же ощущение, растянув градиент от черного к белому от основания радуги (там, где она должна касаться земли) до самого верха. При выбранном инструменте Gradient Tool мы подведем курсор к нижней границе левой группы деревьев и нажмем кнопку мыши. Потом, не отпуская ее, нажмем Shift и проведем вертикальную линию до верха. Удерживая Shift, проще рисовать строго вертикальную линию:

Растягиваем градиент от черного к белому от основания радуги до верхней границы кадра

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

Благодаря маске слоя радуга уже не доходит до самого низа кадра

Шаг 11: Создадим копию слоя с радугой, чтобы увеличить ее яркость

Чтобы сделать радугу ярче, просто нажмите Ctrl + J (Win) / Command + J (Mac), и появится дубликат слоя. Если теперь вам кажется, что она стала слишком яркой, чуть-чуть приглушите ее, снизив непрозрачность дубликата. Эта опция, Opacity, находится прямо напротив опции Blend Mode в верхней части панели слоев. Мы снизим ее до 70 %:

Нажимаем Ctrl + J (Win) / Command + J (Mac), чтобы создать копию слоя с радугой, и при необходимости снижаем непрозрачность дубликата

Вот что получилось у нас после создания копии слоя и снижения его непрозрачности:

Радуга стала ярче

Шаг 12: Объединим два слоя с радугой

Давайте наведем порядок в панели слоев, объединив два слоя с радугой. Если сгруппировать взаимосвязанные слои, ориентироваться в панели слоев будет проще. Выберите верхний слой и, удерживая Shift, нажмите на второй слой с радугой Rainbow, который находится чуть ниже, чтобы выделить оба сразу. Вы увидите, что теперь оба они подсвечены синим:

Выбираем оба слоя с радугой

Открываем в верхнем меню Layer и выбираем Group Layers:

Открываем Layer > Group Layers

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

Теперь оба слоя, содержащие радугу, находятся в группе Group 1

Шаг 13: Добавим чистый слой

Blank Layer

У нас есть первая радуга. Давайте теперь добавим вторую, чтобы она стала двойной! Для начала создадим еще один слой, нажав на иконку New Layer в нижней части панели слоев:

Добавляем еще один новый слой

В панели слоев он появится над сгруппированными слоями. После двойного щелчка по имени слоя переименуйте его в Second rainbow, затем нажмите Enter (Win) / Return (Mac), чтобы сохранить это название:

Назовем новый слой Second rainbow

Шаг 14: Снова выбираем градиент

Rainbow Gradient

Затем в опциях, расположенных в верхней части экрана, опять открываем панель градиентов:

В данный момент выбран градиент от черного к белому

Когда откроется редактор градиентов, снова выберите Russell’s Rainbow, то есть радугу, но пока редактор градиентов не закрывайте. Надо сделать кое-какие изменения:

Снова выбираем градиент Russell’s Rainbow

Шаг 15: Меняем порядок цветов градиента

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

Временно сдвигаем синий, зеленый и желтый ползунки влево

Теперь нажмите на красный ползунок и введите в поле Location значение 82 %. После этого красный ползунок встанет туда, где изначально был синий:

Выбрав красный ползунок, в поле Location вводим значение 82%

Потом нажимаем на желтый и задаем значение Location 85%. Желтый становится на место зеленого:

Выбрав желтый ползунок, в поле Location вводим значение 85%

Нажав на зеленый, в поле Location введите 88%, и он переместится на место желтого:

Выбрав зеленый ползунок, в поле Location вводим значение 88%

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

Выбрав синий ползунок, в поле Location вводим значение 92%

Непосредственно над панелью предварительного просмотра градиентов находятся и другие ползунки: белый, черный и разные оттенки серого. От них зависит, насколько цвета проступают через градиент (непрозрачны). Нажмите на светло-серый ползунок (второй слева) и смените значение Opacity с 20 на 0%. Затем нажмите OK, и редактор градиентов закроется:

Выбрав светло-серый ползунок, задаем значение его непрозрачности Opacity 0%

Шаг 16: Растягиваем еще один радужный градиент

Обратив цвета градиента, мы готовы перейти к созданию второй радуги. Сначала мы временно скроем из вида первую радугу, нажав на иконку visibility (глаз) на панели слоев:

Иконка visibility делает слои или группы слоев видимыми или невидимыми

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

Снова выбираем опцию Radial Gradient

Затем, нажав на кнопку, мы проведем линию через те же точки, что и в первый раз:

Растягиваем второй радужный градиент в том же месте

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

Второй радужный градиент с другим порядком цветов

Шаг 17: Меняем режим смешивания слоев на

Screen

Как и с первой радугой, меняем режим смешивания с Normal на Screen:

Меняем режим смешивания слоев на Screen

Теперь цвета радуги на фотографии стали смотреться органичнее:

Режим смешивания для второй радуги – Screen

Шаг 18: Применяем фильтр

Gaussian Blur

Поскольку в последний раз мы работали именно с фильтром Gaussian Blur, теперь мы можем быстро применить его с теми же настройками, нажав Ctrl + F (Win) / Command + F (Mac). Как и в прошлый раз, переход между цветами радуги становится более мягким и естественным:

Мы размыли цвета, и радуга снова стала смотреться естественнее

Шаг 19: Копируем маску слоя на слой со второй радугой

Теперь нам необходимо добавить маску слоя и снова провести линейный градиент от черного к белому, чтобы скрыть нижнюю часть радуги, начиная с того уровня, где она касается земли, а яркость при этом должна увеличиваться по мере набора высоты. То же самое мы делали с первой радугой в шагах 7–10. Но зачем мучиться повторно, если можно просто скопировать уже имеющуюся маску на слой со второй радугой! В первую очередь надо открыть группу слоев, нажав на треугольничек слева от названия группы:

При щелчке по треугольничку группа раскрывается

Развернув группу, вы видите два слоя с первой радугой. Теперь, удерживая Alt (Win) / Option (Mac), нажмите на миниатюру маски слоя Rainbow copy и перетащите ее на слой со второй радугой:

Удерживая Alt (Win) / Option (Mac), перетаскиваем миниатюру маски слоя на верхний слой

Когда увидите выделение вокруг слоя Second Rainbow (это показано на предыдущем скриншоте), отпустите кнопку мыши. Photoshop скопирует маску слоя на слой со второй радугой:

Мы скопировали маску слоя на другой слой

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

Фотография после того, как мы скопировали маску на слой со второй радугой

Шаг 20: Поставим вторую радугу на место

Теперь осталось лишь правильно расположить вторую радугу. В панели инструментов Photoshop выбираем Move Tool или же нажимаем V на клавиатуре:

Выбираем инструмент Move Tool

Прежде чем что-либо двигать, необходимо снова «включить» первую радугу, для чего потребуется щелчок по иконке visibility в панели слоев:

Когда слой или группа слоев скрыты, глаза в окошке нет

Когда обе радуги будут видны, мы с помощью инструмента Move Tool щелкаем мышью по кадру, и, удерживая кнопку, перемещаем вторую радугу. Мы сдвинем ее влево так, что останется виден лишь небольшой участок в левом верхнем углу:

С помощью инструмента Move Tool перемещаем вторую радугу

Шаг 21: Понижаем непрозрачность слоя

Second Rainbow

И под конец, поскольку мы не хотим, чтобы вторая радуга была такой же яркой, как и первая, мы снизим непрозрачность слоя (в верхней части панели слоев) до 70 %:

Понижаем непрозрачность слоя Second Rainbow

И все, готово! Вот как выглядит наша созданная в Photoshop двойная радуга после снижения непрозрачности слоя:

Конечный результат с радугой

Вот и все!

Как добавить радугу на фото с помощью Фотошопе

Как вы сможете убедиться, добавить радугу на фото в Adobe Photoshop очень просто. Все, что вам понадобится – это Инструмент Градиент – Gradient Tool (G), так как в Photoshop уже есть встроенный радужный градиент. Затем мы немного подредактируем его для большей реалистичности.

Действия описанные в этом уроке можно выполнить в версиях Photoshop CC и CS6.

Пример HTML-страницы

Шаг 1.

Создание нового слоя.

Для начала откройте в Photoshop ваш пейзаж.

Шаг 2.

Создание нового слоя.

Затем создайте новый слой (Ctrl + Shift + N), назовите его, например, “Радуга”.

Шаг 3.

Добавление градиента.

Далее возьмите Инструмент Градиент – Gradient Tool (G)

Шаг 4.

Добавление градиента.

Далее кликните на стрелочку справа от миниатюры градиента.

Шаг 5.

Добавление градиента.

Теперь кликните иконку шестеренки в правом верхнем углу

и выберите пункт Специальные эффекты (Special Effects)

Шаг 6.

Добавление градиента.

Появится окошко, где вам будет предложено заменить градиенты. Нажмите кнопку Добавить (Append).

Шаг 7.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Итак, теперь выберите из предложенных градиент Радуга Рассела (Russell’s Rainbow)

Шаг 8.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Далее измените тип градиента на Радиальный (Radial), кликнув на соответствующую иконку.

Шаг 9.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Теперь кликните и протяните градиент, как показано на рисунке ниже:

Шаг 10.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Примерно такой градиент должен получиться:

Шаг 11.

Редактирование Градиента.

Теперь измените режим наложения слоя с градиентом на Экран (Screen):

Шаг 12.

Редактирование Градиента.

Вот так теперь будет выглядеть ваше изображение:

Шаг 13.

Редактирование Градиента.

Далее кликните правой кнопкой мыши по слою с радугой и выберите в меню Преобразовать в смарт-объект (Convert to Smart Object).

Шаг 14.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Теперь добавьте Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur)

Шаг 15.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Установите Радиус (Radius) 50 пикселей и нажмите ОК. Вы можете установить этот параметр на свое усмотрение (чем он больше, тем сильнее эффект размытия).

Шаг 16.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Вот так выглядит результат размытия с радиусом 50 пикселей:

Шаг 17.

Добавление маски слоя (Layer Mask).

Итак, теперь нам нужно скрыть части градиента, находящиеся на земле.

Для этого кликните по иконке Добавить маску слоя (Add layer mask) внизу панели Слои (Layers):

Шаг 18.

Добавление маски слоя (Layer Mask).

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

Шаг 19.

Добавление маски слоя (Layer Mask).

Теперь выберите в качестве Основного цвета (Foreground color) черный. Для этого нажмите клавишу D (устанавливает основной и фоновый (Background) цвета по умолчанию), затем нажмите X, чтобы поменять эти цвета местами.