Добавление солнечного света через деревья с помощью Photoshop — разъясняем досконально

Прежде чем мы начнем … Эта версия нашего учебника Добавление солнечного света через деревья была первоначально опубликована для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6, ознакомьтесь с нашим обновленным и расширенным учебным пособием «Эффект солнечного света через деревья» .

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


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

Вот изображение, с которого я начну в этом уроке по Photoshop:

Adobe Photoshop учебное изображение.

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

И вот как это будет выглядеть после добавления наших солнечных лучей:

Adobe Photoshop учебное изображение.

Конечный результат.

Этот урок из нашей серии фотоэффектов . Давайте начнем!

Шаг 1: найдите цветной канал с максимальной контрастностью

С нашим изображением, открытым в Photoshop, первое, что нам нужно сделать, это выяснить, какой из трех наших цветовых каналов (красный, зеленый и синий) содержит наибольшее количество контраста. Для этого переключитесь на палитру «Каналы» , которая по умолчанию сгруппирована рядом с палитрой «Слои». Вы увидите перечисленные каналы «Красный», «Зеленый» и «Синий», которые в совокупности создают все цвета, которые мы видим на нашем изображении. Вы также увидите четвертый канал, канал «RGB» вверху, но на самом деле он представляет собой просто композицию каналов красного, зеленого и синего («RGB» означает «красный, зеленый и синий») и не сам канал:

Adobe Photoshop учебное изображение.

Палитра каналов в фотошопе.

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

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

Adobe Photoshop учебное изображение.

Черно-белая версия канала Blue предлагает лучший контраст между небом, деревьями и землей.

Шаг 2: сделайте копию канала

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

Adobe Photoshop учебное изображение.

Скопируйте канал, перетащив его на значок «Новый канал».

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

Adobe Photoshop учебное изображение.

Скопируйте канал, перетащив его на значок «Новый канал».

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

Нам нужно еще больше увеличить контраст в нашем скопированном канале, сделав темные области полностью черными, и мы можем сделать это легко с помощью команды Photoshop’s Levels . Чтобы получить доступ к уровням, перейдите в меню « Изображение» в верхней части экрана, выберите « Коррекция» , а затем выберите « Уровни» или для более быстрого доступа используйте сочетание клавиш Ctrl + L (Победа) / Command + L(Mac). В любом случае открывается диалоговое окно Уровни. Непосредственно под гистограммой (черный график, который выглядит как горная цепь) в центре вы увидите три маленьких ползунка — черный слева, белый справа и серый в середине. Нажмите на черный слева и начните перетаскивать его вправо. Когда вы перетаскиваете ползунок, темные области на вашем изображении становятся еще темнее. Продолжайте перетаскивать ползунок вправо, пока все темные области на изображении не будут заполнены черным цветом:

Adobe Photoshop учебное изображение.

Перетаскивайте черный ползунок вправо, пока все темные области на изображении не будут заполнены сплошным черным.

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

Adobe Photoshop учебное изображение.

Копия синего канала после затемнения темных областей с помощью уровней.

Шаг 4. Загрузите канал как выделение.

Удерживая нажатой клавишу «Ctrl» («Выиграть») / « Command» (Mac), щелкните по каналу в палитре «Каналы».

Adobe Photoshop учебное изображение.

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите на скопированный канал в палитре «Каналы».

Это загружает канал как выделение на изображении:

Adobe Photoshop учебное изображение.

Канал был загружен как выбор в документе.

Шаг 5: добавь новый пустой слой

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

Adobe Photoshop учебное изображение.

Нажмите на значок «Новый слой» в нижней части палитры слоев.

Вы увидите, что ваше изображение снова станет полноцветным, как только вы нажмете на значок, и Photoshop добавит новый пустой слой с именем «Слой 1» над фоновым слоем в палитре слоев:

Adobe Photoshop учебное изображение.

Новый пустой слой добавляется над фоновым слоем.

Шаг 6: заполните выделение белым

Нажмите букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона, если это необходимо, при этом черный цвет задается как цвет переднего плана, а белый — как цвет фона. Затем используйте сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы заполнить выделение белым на новом слое. Возможно, будет нелегко сказать, что что-то произошло, если ваше небо уже было довольно белым, как у меня, поэтому я не включил скриншот здесь, но теперь мы залили область неба сплошным белым и мы собираемся использовать его для создания наших солнечных лучей.

Шаг 7: продублируйте новый слой

Выбрав «Слой 1» в палитре «Слои» (текущий выбранный слой выделен синим цветом), используйте сочетание клавиш Ctrl + J (Победа) / Command + J (Mac), чтобы дублировать слой. Копия слоя, которую Photoshop называет «Слой 2», появляется в верхней части палитры слоев:

Adobe Photoshop учебное изображение.

Палитра «Слои» в Photoshop, показывающая «Слой 2», теперь появляется над «Слоем 1».

Шаг 8: примени фильтр «Radial Blur» к «Layer 2»

Теперь мы собираемся создать наши солнечные лучи. Выбрав «Слой 2» в палитре «Слои», перейдите в меню « Фильтр» в верхней части экрана, выберите « Размытие» , а затем « Радиальное размытие» . Это вызывает диалоговое окно фильтра Radial Blur. Увеличьте опцию Amount в верхней части где-то около 80 , хотя это значение будет зависеть от размера вашего изображения и того, как долго вам нужны ваши солнечные лучи. Чем выше вы установите это значение, тем дольше они будут, поэтому вам, вероятно, придется немного поэкспериментировать здесь. Выберите Zoom для Blur Method , который даст нам форму солнечных лучей, и установите для параметра Quality значение Best., Если вы работаете в Photoshop на более медленном компьютере и в этот момент вы просто экспериментируете со значением «Сумма», вы можете установить для параметра «Качество» значение «Хорошее» или «Черновое», что обеспечит более низкое качество солнечных лучей во время работы. вы экспериментируете, но Photoshop не займет так много времени для их рендеринга. Вы захотите установить его на «Лучший», хотя, когда вы будете готовы создать фактический эффект.

В правом нижнем углу диалогового окна вы увидите опцию Blur Center . Именно здесь мы говорим Photoshop, откуда нужно, чтобы солнечные лучи начинались (место, откуда они будут «уменьшаться»). Квадратная область представляет ваше изображение (хотя ваше изображение, вероятно, не квадратное). Нажмите в общем месте, откуда вы хотите, чтобы солнечные лучи исходили. Я хочу, чтобы мои солнечные лучи начинались примерно на четверть пути от верхнего центра изображения, поэтому я щелкнул внутри квадрата:

Adobe Photoshop учебное изображение.

Настройки фильтра «Радиальное размытие» в Photoshop. Измените настройки, обведенные красным.

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

Adobe Photoshop учебное изображение.

Изображение после применения фильтра Radial Blur для создания первых солнечных лучей.

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

Шаг 9: добавь стиль слоя «Outer Glow»

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

Adobe Photoshop учебное изображение.

Нажмите на значок «Стили слоя» в нижней части палитры «Слои».

Затем выберите Outer Glow из появившегося списка стилей слоя:

Adobe Photoshop учебное изображение.

Нажмите на слова «Outer Glow».

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

Adobe Photoshop учебное изображение.

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

Солнечные лучи теперь намного лучше выделяются благодаря нанесенному на них Outer Glow:

Adobe Photoshop учебное изображение.

Изображение после нанесения Outer Glow на солнечные лучи.

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

Солнечные лучи сейчас немного интенсивнее, поэтому давайте сделаем их более реалистичными, и мы можем сделать это, просто изменив режим наложения слоя, на котором они находятся. С выбранным слоем 2 перейдите к параметрам режима наложения в левом верхнем углу палитры слоев. По умолчанию режим наложения установлен на «Нормальный». Нажмите на стрелку, направленную вниз, справа от слова «Normal» и выберите режим наложения Soft Light из списка:

Adobe Photoshop учебное изображение.

Измените режим наложения «Слой 2» на «Мягкий свет», чтобы лучи света выглядели менее интенсивными и более реалистичными.

Вот мое изображение после изменения режима наложения на «Soft Light»:

Adobe Photoshop учебное изображение.

Изображение после применения изменяет режим наложения «Слой 2» на «Мягкий свет».

Шаг 11: Дублируйте «Слой 2»

С выбранным слоем 2 нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы дублировать его. Photoshop копирует слой, добавляет его над «Слой 2» в палитре слоев и называет его «Слой 2 копия»:

Adobe Photoshop учебное изображение.

Нажмите «Ctrl + J» (Победа) / «Command + J» (Mac), чтобы дублировать «Слой 2».

Шаг 12: Удлини солнечные лучи с помощью команды «Свободное преобразование»

Теперь у нас есть две копии наших солнечных лучей, одна на «Слой 2», а другая на «Слой 2». Давайте сделаем солнечные лучи на «копии 2-го слоя» длиннее, чтобы добавить им разнообразия, и мы можем легко это сделать с помощью команды « Свободное преобразование» в Photoshop . Однако, прежде чем мы сделаем это, если вы в настоящее время работаете со своим изображением в окне документа, нажмите букву F на клавиатуре, чтобы переключить режим экрана в полноэкранный режим с помощью строки меню , что значительно упростит процесс просмотра. ты делаешь. Затем нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы открыть окно «Свободное преобразование» и обвести изображение.

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

Adobe Photoshop учебное изображение.

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

Как только вы переместили значок цели на новое место, удерживайте Shift + Alt (Победа) / Shift + Option (Mac) и перетащите любой из угловых маркеров наружу, чтобы вытянуть солнечные лучи. Удерживая нажатой клавишу «Shift» во время перетаскивания, мы сообщаем Photoshop ограничить пропорции изображения, а удерживая нажатой клавишу «Alt / Option», Photoshop указывает расположение этой маленькой иконки-мишени, которую мы переместили минуту назад, в качестве центра. трансформации, поэтому лучи света простираются от этой точки. Здесь я перетаскиваю нижнюю левую ручку, чтобы сделать солнечные лучи длиннее:

Adobe Photoshop учебное изображение.

Удерживая нажатой клавишу «Shift + Alt» (Победа) / «Shift + Option» (Mac), перетащите любую из четырех угловых рукояток, чтобы продлить лучи света на «Слой 2».

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.

Шаг 13: измените размер и переместите «слой 1», чтобы создать наземные отражения

На этом этапе наши лучи света на деревьях завершены, но давайте закончим и добавим немного реализма, заставляя их светиться на земле после того, как они пройдут сквозь деревья. Если вы помните из предыдущего урока, мы создали выделение из канала, который мы скопировали, затем добавили новый слой («Слой 1») и залили его белым. До сих пор мы ничего не делали с этим слоем, но мы собираемся использовать его прямо сейчас, чтобы создать свет, сияющий на земле.

Для этого сначала нажмите «Слой 1» в палитре слоев, чтобы выбрать его. Затем еще раз нажмите Ctrl + T (Победа) / Command + T, чтобы открыть окно Free Transform и маркеры. Щелкните в любом месте внутри изображения (кроме значка цели в центре) и перетаскивайте изображение вниз, пока заполненные белым цветом области не появятся над землей. Эти белые области станут светом на земле. Скорее всего, вам также потребуется изменить их размер, перетащив верхнюю и нижнюю центральные ручки внутрь, чтобы «сжать» их немного в нужное положение:

Adobe Photoshop учебное изображение.

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

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.

Шаг 14: измени режим смешивания «Layer 1» на «Overlay»

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

Adobe Photoshop учебное изображение.

Измените режим наложения «Слой 1» на «Наложение».

И с этим мы закончили! Вот мое оригинальное изображение еще раз для сравнения:

Adobe Photoshop учебное изображение.

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

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

Adobe Photoshop учебное изображение.

Конечный результат.

И там у нас это есть! Вот как добавить лучи солнца через деревья с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *