Unlimited After Effects and Premiere Pro templates, stock video, royalty free music tracks & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Photoshop Actions
Photography

Создаём Три Художественных Фона из Фотографий с помощью Экшенов Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

В этом уроке я покажу вам, как создать три разных потрясающих задних фонов из фотографий с помощью исходных материалов от Envato Elements. Эти исходные материалы являются комбинацией Экшенов и Кистей Photoshop, которые в сочетании позволяют сэкономить огромное количество часов, которые вы могли бы потратить, в противном случае, на создание этих фонов с нуля. Итак, начнем!

Что вам понадобится

Следующие исходные материалы были использованы для создания данного урока:

1. Рисуем Углём на Заднем Фоне 

Шаг 1

Начнём с рисунка углём на заднем фоне. Я использую этот потрясающий Экшен Рисунок Углём, который поможет мне создать заключительный результат. Вначале откройте исходное изображение с Эйфелевой Башней в программе Photoshop, убедитесь, чтобы размеры изображения были 1920x999 px.

Charcoal Pixabay Reference
Эйфелева Башня

Шаг 2

Теперь давайте настроим экшен. Идём Окно - Операции (Window > Actions) и загружаем экшен угольный рисунок в панели Операции (Actions).

Charcoal Photoshop Action

В наборе с экшеном идут кисти, поэтому, их то же нужно загрузить. Итак, нажмите клавишу 'B', чтобы выбрать инструмент Кисть (Brush Tool). В выпадающем меню, выберите опцию Заменить кисти (Replace Brushes) и в появившемся окне браузера, выберите файл .abr, чтобы заменить ваши текущие кисти на новые кисти Угольки.

Вот так должны выглядеть ваши кисти Угольки, которые вы только что загрузили, в окне Управление наборами (Preset Manager).

Charcoal Photoshop Brushes

Шаг 3

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

Теперь, создайте новый слой, назовите этот слой Кисть (brush). Выберите инструмент Кисть (Brush Tool (B). Прокрасьте чёрной кистью поверх изображения Эйфелевой Башни, в тех местах, где вы хотели бы применить эффект рисунка углём. Очень важно, чтобы мазки кистью были как можно чёткими, иначе это повлияет на результат работы экшена.

Applying the Charcoal Action

Когда вы будете готовы, выберите вкладку Стиль 1 (Style 1) внутри Экшена Рисунок Углём, а затем нажмите кнопку Воспроизвести (Play) в нижней части панели Операции (Actions).

Playing the Charcoal Action

Шаг 4

Это первоначальный результат после проигрывания экшена.

Charcoal Action Initial Result

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

Вначале отключите видимость слоя с группой Линии Эскиза 2 (Sketch Lines 2). Далее, выделите все три слоя с фотографией, чтобы поменять режим наложения для этих слоёв на Точечный свет (Pin Light), а также установите Непрозрачность (Opacity) этих слоёв на 100%. Затем выберите слой Контрастность (Contrast), установите Непрозрачность (Opacity) этого слоя на 100%. Это позволит лучше увидеть объект сцены через эффекты.

Adjust the Photo Layers

Чтобы добавить больше текстуры на задний фон, создайте новый слой поверх второго слоя с фотографией. Выберите инструмент Кисть (Brush Tool (B) и с помощью одной из кистей Угольки, нарисуйте большую кляксу серого цвета на новом слое. Щёлкните правой кнопкой по слою с нарисованной кляксой, чтобы открыть окно Параметров наложения (Blending Options). Примените стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

Apply a Gradient Overlay

Шаг 5

Для лёгкого оттенка цвета, добавьте корректирующий слой Поиск цвета (Color Lookup) поверх всех остальных слоёв. Идём Слой- Новый корректирующий слой- Поиск цвета (Layer > New Adjustment Layer > Color Lookup). Далее, в выпадающем меню 3DLUT File, выберите фильтр FoggyNight.

Add a Color Lookup Adjustment Layer

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

Charcoal Background Photoshop Tutorial

2. Создаём Задний Фон из Акварели

Шаг 1

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

Откройте свою исходную фотографию в программе Photoshop. Здесь я использую Женский Портрет со следующими размерами 1920x1079 рх.

Woman Portrait Pixabay Stock
Женский Портрет

Шаг 2

Итак, идём Окно - Операции (Window > Actions) и загружаем художественный экшен в панели Операции (Actions). 

Artist Photoshop Action

То же самое, нам также нужно загрузить все кисти, прикреплённые к этому экшену. Итак, выберите инструмент Кисть (Brush Tool). Щёлкните правой кнопкой мыши по холсту и в появившемся окне, нажмите кнопку Заменить кисти (Replace Brushes) из выпадающего меню. Выберите файл с художественными кистями, который расположен в той же самой папке с экшеном.

Новый набор кистей, который у вас должен появится.

Artist Action Brushes

Шаг 3

Чтобы запустить экшен, создайте новый слой, назовите этот слой Кисть (Brush). Выберите инструмент Кисть (Brush Tool (B) со 100% Жёсткостью (Hardness). С помощью чёрной кисти, закрасьте все области, где бы вы хотели применить эффект. В данном случае, я прокрасила женщину, а также стойки, расположенные за ней.

Paint the Woman to Apply the Action

Находясь на слое с заливкой кистью, нажмите кнопку Воспроизвести (Play) в нижней части панели Операции (Actions), чтобы запустить экшен. Ниже представлен первоначальный результат.

Initial Watercolor Action Result

Шаг 4

Несмотря на то, что мы собираемся создать акварельный эффект, давайте немного почистим результат. Вначале, отключите видимость слоя с группой Края Акварельных Брызг (Watercolor Edge Splatter). Далее, внутри групп Акварель (Watercolor) и Акварельная Текстура (Watercolor Texture), отключите видимость отдельных слоёв, чтобы портрет мог дышать. Не бойтесь экспериментировать, чтобы получить тот результат, который вам нравится.

Hide Some Texture Layers

Шаг 5

Чтобы улучшить цветовую палитру, добавьте корректирующий слой Карта градиента (Gradient Map). Идём Слой- Новый корректирующий слой- Карта градиента (Layer > New Adjustment Layer > Gradient Map). Создайте градиент с переходом от глубокого красного цвета #491802 до белого.

Add a Gradient Map

Шаг 6

Далее, мы немного доработаем задний фон с помощью текстуры. Загрузите кисти Акварельные Краски, о которых мы упоминали ранее, в панель кистей.

Handcrafted Watercolor Brushes

Создайте новый слой, а затем с помощью акварельной кисти белого цвета, прокрасьте вокруг холста. Я использовала кисти 1,15 и 17 с правой стороны, и кисти 15, 26 и 72 с левой стороны.

На скриншоте ниже вы можете увидеть итоговый результат с фоновым эффектом акварели.

Final Watercolor Background Photoshop Tutorial

3. Создаём Задний Фон с Брызгами Краски

Шаг 1

Для последнего заднего фона, мы создадим другой традиционный эффект с помощью Экшена Брызги Краски.

Здесь я использую изображение Тигра со следующими размерами 1920x1280 px. Откройте это изображение в программе Photoshop.

Tiger Stock Via Pixabay
Изображение Тигра

Шаг 2

Идём Окно - Операции (Window > Actions) и загружаем экшен брызги краски в панели Операции (Actions).

Paint Splatter Photoshop Action

То же самое, что и с предыдущими экшенами, вам нужно загрузить набор кистей, которые идут вместе с экшеном. Итак, выберите инструмент Кисть (Brush Tool (B), а затем щёлкните правой кнопкой мыши по холсту, чтобы вызвать окно управления наборами. Нажмите кнопку Заменить кисти (Replace Brushes) из выпадающего меню, чтобы заменить кисти на кисти брызги краски, которые расположены в той же самой папке с экшеном.

Paint Splatter Photoshop Brushes

Шаг 2

Теперь создайте новый слой, назовите этот слой Маска (mask). Выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть с Жёсткостью (Hardness) 0%. Прокрасьте свой объект на изображении с помощью чёрной кисти.

Mask the Tiger with Black

Когда вы будете готовы, перейдите на маску слоя, а затем нажмите кнопку Воспроизвести (Play) в нижней части панели Операции (Actions). Ниже представлен первоначальный результат.

Paint Splatter Initial Background

Шаг 3

Для дальнейшей коррекции заднего фона, отключите видимость слоя с группой CC Option 1, а вместо этого, включите видимость слоя с группой CC Option 2.

Change the Group Visibility

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

Result with Background Splashes

В заключение, добавьте новый корректирующий слой Фото Фильтр (Photo Filter). Установите фильтр Cooling Filter (80), а также увеличьте Плотность (Density) до 91%. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light) и эффект готов! Примечание переводчика: добавьте новый корректирующий слой Фото Фильтр (Photo Filter) поверх всех остальных слоёв.

Add a Cooling Photo Filter

На скриншоте ниже вы можете увидеть итоговый результат с брызгами краски на заднем фоне.

Final Paint Splatter Background

Заключение

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.