Как сделать солнечный свет. Добавляем лучи солнца на фотографию в Photoshop

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

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

Шаг 1

Перенесите изображение в Adobe Photoshop либо просто откройте его в программе (Ctrl+ O).


Теперь давайте перейдём в фильтр Camera Raw , выбрав его во вкладке Filter (Фильтр) и применим такие же настройки, как на скриншоте с уже имеющимся результатом:

Шаг 2

Теперь давайте создадим новый слой (Shift+ Ctrl+ N) и назовём его rays , а затем применим к нему корректирующий слой Gradient (Градиент).

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

Примечание переводчика: в окне выбора Gradient Type (Тип градиента) выберите No ise (Шум).


Используя кнопку Randomize (Рандомизировать). (Примечание переводчика: либо сгенерировать ) нужно скомбинировать градиенты, выбрав тот, который получается на скриншоте либо похожий:

После увеличения значения Roughness (Шероховатость) до 100% , мы получим следующий результат:

Также, нужно будет изменить цветовую модель RGB на Lab,

а также спрятать светлые ползунки альфа-каналов под тёмные до результата на скриншоте:

Затем, снова используем кнопку Randomize (Рандомизировать), с помощью которой Adobe Photoshop исключает слишком выбивающиеся из общего ряда цвета.

и убираем метку рядом с надписью Restrict Colors (Ограничение цветов) (исключает особенно яркие или перенасыщенные цвета из шумового градиента).

И вот, что должно получиться:

Затем изменим в окошке настроек градиента Style (Стиль) на Angle (Угол) с появившимся результатом:

Изменим режим наложения этого слоя на Screen (Экран).

Затем, снова кликнем на значке корректирующего слоя Gradient Fill (Градиентная заливка) и перетащим получившийся результат в то же место, где предположительно находится источник света и немного изменим настройки:

Примечание автора: по причине того, что для смягчения краёв солнечных лучей, мы будем использовать фильтр Gaussian Blur (Размытие по Гауссу), с последующей возможностью редактирования, давайте преобразуем этот слой в S mart Object (Смарт объект) (правый клик на слой в палитре слоёв). Это действие поможет нам менять все числовые значения, которые мы зададим для данного слоя.

Переведём данный слой в режим Smart Object (Смарт-объект).

Примечание переводчика: в результате данного действия, маска слоя применится к слою. Затем перейдём в Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и поставьте радиус размытия в районе 47 пикселей. И вот результат:

Шаг 3

Примечание переводчика: для более реалистичного эффекта, используйте корректирующие слои Hue/Saturation (Цветовой тон/Насыщенность) либо Curves (Кривые) и Levels (Уровни) в качестве Clipping Mask (Обтравочной маски) к слою rays и добавьте немного жёлтого тона с помощью Curves (Кривых) или Levels (Уровней).

Создайте новый корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) и примените его в качестве Clipping Mask (Обтравочной маски) к слою rays. Поставьте такие же настройки, как на скриншоте:

Затем, cоздайте новый корректирующий слой Curves (Кривые) и также примените его в качестве Clipping Mask (Обтравочной маски). Скорректируйте такие же настройки, как на скриншоте:

Шаг 4

Дважды кликните на слой rays и измените настройки градиента на те, которые указаны на скриншоте. Опять же, комбинируйте варианты градиента при помощи кнопки Randomize (Рандомизировать):

Примечание переводчика: автор очень часто использует кнопку R andomize (Рандомизировать) для того, чтобы сделать будущие солнечные лучи как можно более реалистичными.

Затем создайте Layer mask (Маску слоя) для слоя rays и, на ней, при помощи инструмента Gradient (Градиент) (G) (от чёрного к белому) с Angle (Угловым) стилем протяните его так, как указано на скриншоте:

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

Дважды кликнем на созданный ранее корректирующий слой Hue/Saturation (Цветовой тон/ Насыщенность) и чуть подкорректируем его, как на скриншоте:

Шаг 5

Создайте новый слой Shift+Ctrl+N и сразу измените его режим наложения на Screen (Экран). На нём, при помощи инструмента Brush (Кисть) (B), среднего диаметра, с цветом # a99446 b сделайте 1 клик в той области, откуда светит солнце.

Также, давайте кликнем дважды на созданном ранее корректирующем слое Hue/Saturation (Цветовой тон/ Насыщенность) и сдвинем ползунок Lightness (Яркость) чуть влево, как на скриншоте:

Теперь давайте создадим новый корректирующий слой Color Lookup (Поиск цвета) в самом верху палитры слоёв и применим такие же настройки, как на скриншоте:

Затем изменим режим наложения данного корректирующего слоя на Hue (Цветовой тон) и уменьшим Opacity (Непрозрачность) до 35-40% . Получившийся результат:

И в завершение, создадим новый корректирующий слой Curves (Кривые) и применим такие же настройки, как на скриншоте:

Результат:

Ну вот и всё! Оказывается так просто можно нарисовать солнечные лучи. Надеюсь, что урок вам понравился.

Вот решила сделать собственный мастер-класс. Он очень простой, рассчитан на людей, только осваивающих фотошоп. Постаралась сделать все предельно ясно, чтобы любой чайник смог разобраться)

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

Итак, нам понадобятся:

Любая версия Photoshop (у меня стоит CS3);

Любая фотография;

Руки (можно даже кривые).

Результат у меня получился такой:

Приступим.

Открываем через фотошоп фотографию, на которую хотим добавить света.

Создадим новый слой, на который и "прольем" лучи: кликаем иконку внизу панели слоев. На картинке все указано)

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

Нажимаем ОК.

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

Убедимся, что активный слой - наш новый, не в коем случае не слой с самой фотографией. Активный слой показан темно-серым (на панели слоев справа).

Теперь нам нужно сделать так, чтобы желтый цвет был вверху, а черный - внизу. Для этого нажмем стрелочку над черным и желтым квадратами. (Если не поняли - я все указала на картинке =))

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

Не пугайтесь, что все стало черным) Так и должно быть. Чтобы эта чернота исчезла, изменим режим наложения слоя на Screen. Это делается так: на панели слоев мы видим окошко со словом Normal. Нажимаем стрелочку у окошка и из открывшегося списка выбираем Screen.

Вуаля! Теперь наше фото выглядит гораздо лучше. Но это еще не все.

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

Лично меня устроил результат 70%.

Вот теперь можно с уверенностью сказать, что наше фото стало более солнечным, летним и жизнерадостным!

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

А если вас не очень устраивает цвет вашего "солнца", можно его подкорректировать, нажав ctrl+U и поиграть ползунками. Например, так:

А теперь, обещанная фотография с цветными градиентами:

Совет: если ваш "свет" заслоняет объект съемки (человека, животное) - возьмите инструмент "Ластик" с прозрачностью около 15-20 и пройдитесь по местам, на которые свет не должен падать. Это поможет вашей фотографии стать еще выразительнее.

И если вы делаете много градиентов, не забудьте поменять режим КАЖДОГО слоя на screen.

Ну вот и все! Надеюсь, вам было понятно и интересно) Это самый простой урок, который я могла сделать. Повторюсь, что это было написано для абсолютных новичков в фотошопе.

Удачных экспериментов!

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

Делаем копию слоя Ctrl+J.

Режим наложения изменяем на Screen (Осветление)

Теперь создаем лучи. Открываем: Фильтр-Размытие-Радиальное размытие (Filter - Blur - Radial Blur). Настраиваем фильтр так, как будет лучше для вашего изображения.

На рисунке 6а можно увидеть то, что должно получиться. Теперь нужно разместить лучи в правильном месте. Нажав на клавишу V, мы можем перемещать слой с лучами по плоскости изображения. При помощи трансформации (Ctrl+T) растягиваем лучи до нужных размеров.

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

Теперь можно сравнить снимки.

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

На основе материалов с сайта:

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

Делаем копию слоя Ctrl+J.

Режим наложения изменяем на Screen (Осветление)

Теперь создаем лучи. Открываем: Фильтр-Размытие-Радиальное размытие (Filter - Blur - Radial Blur). Настраиваем фильтр так, как будет лучше для вашего изображения.

На рисунке 6а можно увидеть то, что должно получиться. Теперь нужно разместить лучи в правильном месте. Нажав на клавишу V, мы можем перемещать слой с лучами по плоскости изображения. При помощи трансформации (Ctrl+T) растягиваем лучи до нужных размеров.

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

Теперь можно сравнить снимки.

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

На основе материалов с сайта:

Солнечные лучи (3 способа)
Автор: Сатин
3 простых урока научат вас создавать разными способам легкие
солнечные лучи на своей аватаре. Отличное украшение аватары для
любителей аккуратной и нежной анимации.

C чем мы познакомимся в этом уроке:
использование инструментов "Gradient tool" и "Brush tool", фильтры
"Noise" и "Blur - Radial Blur", режимы смешивания слоев - "Overlay" и
"Lighten"
Потребуется знание урока: , Работа с Brushes (кистями)
Для быстрого перехода к нужному уроку, щелкните по заинтереcовавшему вас результату :

Способ №1. При помощи градиента
Спосою №2. С помощью фильтров. Способ №3. С использованием готовых кистей-солнечных лучей.

Способ №1
С помощью инструмента Gradient Tool


2. Создаем новый слой. С помощью лучи 1:

3. Берем инструмент "Gradient tool" (Градиент (G) )

На панели параметров инструмента (наверху) выираем тип градиента "Angle" (угловой):

После этого щелкаем на этой панели по самому градиенту и настраеваем окно "Gradient Editor", которе появляется перед нами:

Выберите любой тип градиента и настройте его под себя, а именно:
- смените тип градиента с "Solid" на "Noise" (Шумовой)
- поиграйте с белыми и черными ползунками на RGB, чтобы достичь нужного оттенка градиента
- "Roughness" (Плавность) ставьте с 50 % на 100%.
- Поставьте галочки около "Restrict color" (ограничить цвета) и "add transparency" (добавить прозрачность)
4. Проводим градиентом по новому слою от самого верха до низа

5. Ставим для этого слоя режим наложения Overlay (перекрытие) с 50% прозрачностью (transparency):

6. Теперь повторяем пункты 2-5 два раза .
У вас должно получиться три слоя с градиентом:

Каждый раз ваши лучи будут располагатьс чуть иначе, так как практически невозможно попасть дважды в тоже место.
5. Переходим в Image Ready:


6. В панели "Animation" (Анимация) создаем еще три кадра

7. Выстраиваем видимость слоев для этих кадров.


8. Промежуточные кадры. Делаем растяжку -
промежуточные кадры между всеми основными кадрами. Я сделала под два
кадра растяжки. + скопировала первый кадр, поставила его в конец
анимации и сделала растяжку между ним и предпоследним кадром. Таким
образом анимация будет плавной. После этого кадр-дубликат первого кадра
я удалила:

Примечание: подробнее о промежуточных кадрах читайте в уроке " Плавный переход между кадрами "
Результат трудов:

Способ №2
С помощью фильтров
Результат урока:

1. Открываем картинку в фотошопе.

2. Создаем новый слой. С помощью(Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

3. При помощи инструмента "Paint bucket tool" (заливка) красим новый слой в белый цвет:

4. Применение фильтров .
Следующим шагом применяем такие фильтры:
Filter - Noise - Add Noise (Фильтр --- Шум ---- Добавить шум):

C настройками:

Amount (количество) - 400%
Distribution (распределение) - "Uniform" (равномерное)
Галочка около "Monochoromatic" (монохромный) для того, чтобы добавленыый шум был черно-белым.
И сразу применим следуюший фильтр
Filter – Blur – Radial Blur (Фильтр - Размытие - Радиальное размытие):

С настройками:

Amount (количество) - 400%
Blur Method (метод размытия) - Zoom (линейный)
Quality (качество) - Good (хорошее)
Примечание : Центр размытия вы можете выбрать
самостоятельно, подвигав скрещенные линии на примере. Это позволит вам
сделать лучи, расходящиеся от солнышка, где бы оно не находилось.

5. Режимы наложения слоев .
Сейчас наш аватар выглядит так:

Но не пугайтесь. Сейчас будем менять режим наложения слоев и все будет в норме.
Поменяем режим наложения слоя (луч 1) с "Normal" (Нормального) на "Lighten" (Замена светлым) с прозрачность 20%:


6. Создаем еще 2 новых слоя . Назовем их соответственно лучи2, лучи3 и применим к ним пункты с 3 по 5 включительно.
Теперь у нас 4 слоя:
1 слой - база
2 слой - луч1
3 слой - луч2
4 слой - луч3

7. Анимация и кадры . Переходим в Image Ready:


7. В панели "Animation" (Анимация) создаем еще три кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

8. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3:


Ставим время смены кадров от 0,1 до 0,2 сек и сохраняем анимацию:

Способ №3

Использование кистей с готовыми солнечными лучами.
Результат урока:

Для выполнения этого урока нам понадобятся новые кисти для фотошопа. Скачать кисти с солнечными лучами
Примечание: о том, как устанавливать в photoshop новые кисти, читайте в уроке " Работа с Brushes (кистями) "
1. Открываем картинку в фотошопе.

2. Выбираем инструмент "Brush tool" (кисть):

3. Выбираем нужную кисть. На верхнем панели параметров
инструментов находим закладочку "Brushes" (кисти), жмем на нее
воспользовавшись кнопкой выпадающего списка, выбираем закаченную кисть:

4. Создаем новый слой. С помощью(Shift+Ctrl+N), или на панели "layers" (слои) кнопка "create a new layer" (создать новый слой). Называем его лучи 1:

5. Применяем кисти. Я взяла из списка 7-ю кисть, довольно сильно увелиила ее (кнопки на клавиатуре "х" и "ъ") и применила ее в углу нашей аватары:

6. Прозрачность. Немного измените настройки прозрачности (opacity) для слоя с лучами. Я оставила значение 60%:

7. Создание других слоев. Создайте еще пару слоев и
таким же образом римените к ним кисть и измените прозрачность слоя, НО
на этот раз немного сдвигайте кисть перед применением в сторону, чтобы
лучи визуально сдвинулись. Таким образом перед нами 4 слоя:
- база
- лучи1
- лучи2
- лучи3

8. Анимация и кадры
Переходим в Image Ready:


9. В панели "Animation" (Анимация) создаем еще два кадра с помощью кнопки "Duplicate current frame" (дублировать активный кадр):

10. Выстраиваем видимость слоев для этих кадров. Для первого кадра - фоновая картинка + лучи1, для второго кадра - фотоновая + лучи2, для третьего кадра - фоновая + лучи3: