Волшебный закат. Добавление лучей солнечного света

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

Шаг 1.1
Создаем в фотошопе новый квадратный документ размером 500х500 пикселей, заливаем его цветом #0488e4.

Шаг 1.2
Выбираем инструмент «Текст» (Type Tool), выбираем цвет текста #46a9ee и с помощью обычного тире пишем посередине документа пунктирную строчку от края до края. Настройки текста такие, как на рисунке ниже.

Шаг 1.3
После этого на слое нажимаем правую кнопку мыши и выбираем пункт «Растрировать текст» (Rasterize Type). Потом нажимаем Ctrl+T и растягивает пунктирную полоску вверх и вниз до краев документа.

Шаг 1.4

Шаг 1.5
После этого в меню выбираем «Фильтр» (Filter) > «Искажение» (Distort) > «Полярные координаты» (Polar Coordinates). Устанавливаем настройки, как на рисунке ниже и нажимаем кнопку «Да».

Шаг 1.6
Должен получиться такой результат.

Шаг 2.1
Это второй способ получения расходящихся лучей. Для этого жесткой кистью размером 300 пикселей на новом слое щелкаем в центре документа.

Шаг 2.2
Устанавливаем для этого слоя «Растворение» (Затухание) (Dissolve) и снижаем прозрачность слоя до 10%. Теперь надо щелкнуть правой кнопкой мыши по слою и выбрать пункт «Сгруппировать в новый смарт-объект» (Convert to Smart Object). Потом опять щелкаем правой кнопкой мыши по слою и выбираем пункт «Растрировать слой» (Rasterize Layer).

Солнечные лучи (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:

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

Создание солнечных лучей в программе 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 (Кривые) и применим такие же настройки, как на скриншоте:

Результат:

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

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

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

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

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

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

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

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

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

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

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

Необходимые средства

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

Инструкция

В данной инструкции солнечные лучи в Фотошопе добавляются с использованием инструмента «градиент». Для быстрого выбора этого средства можно применить горячую клавишу G.

  • Первым делом добавляем изображение в графический редактор. Можно просто перенести снимок в программу либо нажать Ctrl + O, а уже оттуда выбрать нужный файл.
  • Добавляем новый слой. Можно воспользоваться комбинацией клавиш Ctrl + Shift + N. Либо в открыть вкладку «Слои» и выбрать пункт «новый», где находится кнопка «Слой».
  • Выбираем инструмент «градиент». Если вы используйте горячую клавишу G, то можете выбрать другое средств (заливка). В этом случае нажмите правой кнопкой мышки по этому инструменту в панели управления. И вручную выберите нужное средство.
  • Сверху в панели параметров градиента необходимо выбрать тип «угловой» или «конусовидный» (в некоторых версиях перевод различается). Далее нужно нажать на оттенки используемых цветов (слева от выбора вида градиента).
  • Выставляем следующие значения: градиент - шум; плавность - 100%. Поставьте галочки напротив параметров «ограничить цвета» и «включить прозрачность». В панели выбора цвета поменяйте положение ползунков, чтобы получился светлый оттенок.
  • На слое, который был создан на втором этапе, используйте инструмент «градиент». Для этого с самого верха до низа протяните курсор (с зажатой левой клавишей мыши). В результате должны получиться очень яркие солнечные лучи.
  • Чтобы избавить от излишнего света, нужно снизить параметр «непрозрачность» в панели слоев. Выставляйте примерно 50%. В параметрах наложения слоя выберите пункт «перекрытие».
  • Если вам кажется, что лучей слишком мало, то повторите инструкцию, начиная с 3 пункта.
  • Если лучей слишком много, то уменьшайте параметр «непрозрачность».

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

Заключение

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