Создание эффекта взрыва в фотошопе

Посмотреть видео-урок

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

Эффект взрыва в фотошопе

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

1. Создаём эффект взрыва на чёрном фоне

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

И так, создаём холст, размером 1920х1080 пикселей и заливаем его чёрным цветом. Для этого выбираем в верхнем меню "Файл" - "Создать" и задаём нужный размер. После этого в левой панели выбираем инструмент "Заливка", устанавливаем чёрный цвет и заливаем холст.

Эффект взрыва в фотошопе

Теперь, прямо на этом слое нужно той-самой кистью отрисовать область взрыва. Берём нашу кисть и настраиваем её. Для дальнейшей работы. Задаём ей белый цвет, выставляем непрозрачность примерно на 20% и нажим на 100%. Теперь настраиваем её параметры, первым делом нтервалы можно выставить примерно на значение 10. 

Эффект взрыва в фотошопе

Подключаем "Динамику формы" и настраиваем её значение на глаз, у меня получились вот такие настройки.

Эффект взрыва в фотошопе

Потом подключаем "Рассеивание" и примерно такие настройки выставляем.

Эффект взрыва в фотошопе

Тут нет каких-то точных параметров, главное, чтобы кисть приблизительно вот так рисовала, рисуем ей область взрыва, в виде облака.

как нарисовать взрыв в photoshop

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

как нарисовать взрыв в photoshop

Далее устанавливаем данному слою непрозрачность примерно на 30% и параметры наложения "Цветность".

как нарисовать взрыв в photoshop

Создаём сверху еще один корректирующий слой "Цвет" и задаём ему красный оттенок. Так же, как и предыдущему слою выставляем непрозрачность примерно на 30% и режим наложения "Цветность".

как нарисовать взрыв в photoshop

После этого, слою с красным цветом нужно сделать инверсию маски. Т.е. сейчас у нас маска белая, поэтому она показывает полностью данный слой, нам наоборот нужно скрыть его полность. Для этого мы выделим маску, кликнув по ней левой кнопкой мыши и нажмём на клавиатуре комманду клавиш "Ctrl + i", таким образом маска стала чёрной и скрыла полностью слой с красной заливкой.

как нарисовать взрыв в photoshop

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

взрыв в фотошопе

Далее создаём корректирующий слой с кривой, кликнув по соответствующей пентограмме.

взрыв в фотошопе

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

взрыв в фотошопе

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

взрыв в фотошопе

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

взрыв в фотошопе

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

как сделать эффект взрыва в фотошопе

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

как сделать эффект взрыва в фотошопе

После этого создаём поверх всех слоёв еще один корректирующий слой с кривой, выбираем красный и поднимаем "выход", примерно до 25.

как сделать эффект взрыва в фотошопе

Затем выбираем синий и поднимаем "выход" примерно до 5.

как сделать эффект взрыва в фотошопе

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

как сделать эффект взрыва в фотошопе

Делаем этому корректирующему слою инверсию маски, для этого зажимаем команду клавиш "Ctrl + i" и нашей кистью белого цвета проходим края. Таким образом мы задаём взрыву объём - центр оставляем ярким, а края менее выражены.

реалистичный взрыв в фотошопе

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

реалистичный взрыв в фотошопе

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

реалистичный взрыв в фотошопе

Мне еще на данный момент не нравится, что тут мало красного. Давайте выделим маску слоя с красной заливкой, установим непрозрачность кисти на 100%, зададим ей белый цвет и аккуратно пройдёмся местами по взрыву.

реалистичный взрыв в фотошопе

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

2. Добавляем эффекты частиц взрыва

Последним моментом, перед наложением взрыва на фон, мы добавим разлитающиеся частицы, с помощью кисти, которая называется "explosion brush". Данную кисть вы можете скачать с исходниками урока. Создаём новый слой, поверх всех слоёв проекта, открываем панель кистей и ищем кисти "explosion brush". Тут имеется много разных вариантов, я возьму вот этот.

реалистичный взрыв в фотошопе

Настраиваем подходящий размер и рисуем в некоторых местах частицы взрыва просто чёрным цветом.

Эффект взрыва в фотошопе

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

Эффект взрыва в фотошопе

Теперь выделяем верхний слой с частицами, кликнув по нему левой кнопкой мыши и выбираем в верхнем меню "Изображение" - "Коррекция" - "Уровни". С помощью уровней мы сделаем частицы светлыми. Тянем ползунок "выходного значения вправо и добиваемся нужного результата.

Эффект взрыва в фотошопе

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

Эффект взрыва в фотошопе

Частицы стали выглядеть уже более реалистично, так как появился эффект объёма.

3. Накладываем эффект взрыва на фон

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

Эффект взрыва в фотошопе

Сгруппируем все слои эффекта. Для этого выделяем их, удерживая "Shift" кликаем левой кнопкой мыши по самому верхнему и потом по самому нижнему слою. Затем кликаем по пентограмме группировки слоёв.

как нарисовать взрыв в photoshop

Далее размещаем наш фон под папку со слоями эффекта, ну или эту папку перетаскиваем в документ с фоном, без разницы.

как нарисовать взрыв в photoshop

Теперь открываем папку с эффектом и на нижний слой накладываем маску, кликнув по соответствующей пентограмме.

как нарисовать взрыв в photoshop

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

как нарисовать взрыв в photoshop

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

как нарисовать взрыв в photoshop

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

Поделиться:

Комментарии ()

  1. L L 27 апреля 2021, 20:14 # 0
    Если взять просто черный фон и просто нажать один раз на него парой кисточек из исходника к уроку, получится классный фон для баннера.
    1. Семен Кузнецов 27 апреля 2021, 20:15 # 0
      Какую комбинацию нужно зажать, что бы выделить все слои?
      1. Дмитрий 27 апреля 2021, 20:16 # 0
        Нужно либо удерживать Ctrl и кликать по каждому слою мышкой, либо с зажатым Shift кликнуть по самому верхнему слою, а потом по самому нижнему.
      2. Марго Марго 27 апреля 2021, 20:16 # 0
        Супер!!!
        1705
        Посмотреть видео-урок Смотреть видео-урок Скачать исходники урока Скачать исходники урока