Как анимировать огонь в фотошопе
В этой статье я расскажу, как создать реалистичную анимацию огня в программе Photoshop, не используя какие-либо мудрёные инструменты, приёмы или методики.
С помощью данного способа можно создать gif анимацию практически любого предмета, здесь я покажу это на примере анимации огненного текста.
Причём, анимировать текст можно двумя способами: огонь будет гореть на буквах, и, другой вариант — огонь буде гореть не на буквах, а в виде букв, т.е. мы создадим анимацию пламени в виде текста.
Примеры результатов анимации горения букв и огня в виде текста, которые можно получить с помощью методики, описанной в материале:
Открываем программу Фотошоп, создаём документ 400 на 400 пикселей.
На клавиатуре жмём клавишу D, цвета в цветовой палитре на панели инструментов становятся чёрным и былым, причём чёрный — основной, затем жмём сочетание клавиш Alt+Delete, документ зальётся чёрным (основным) цветом.
Теперь пишем текст с помощью инструмента Горизонтальный текст (Horizontal Type Tool) какое-нибудь слово. Вот что получились у меня:
Если Вы заранее не задали цвет тексту (например, текст получился одного цвета с фоном, в нашем случае, чёрным, и поэтому текст не виден из-за сливания с фоном), то необходимо придать тексту другой цвет.
Для этого в панели слоёв нужно дважды кликнуть по миниатюре текстового слоя (она имеет вид белого квадрата с буквой Т), при этом выделится весь текст, затем вверху рабочего окна Photoshop`а, под главным меню, кликнуть по окошку цвета текста:
После чего откроется цветовая палитра, в которой Вы можете задать тексту любой цвет.
Копируем текстовый слой методом перетаскивания слоя на иконку «Создать новый слой» (Create New Layer).
Отключаем видимость верхнего текстового слоя.
Зажимаем клавишу Ctrl и кликаем по нижнему текстовому и фоновому слою, при этом они выделятся, и нажимаем комбинацию клавиш Ctrl+E для объединения выделенных слоёв в один.
Далее поворачиваем холст на 90 градусов по часовой стрелке, для этого идём по вкладке главного меню Изображение —> Вращение изображения —> 90° по часовой (Image —> Image Rotation —> 90° CW).
Затем применяем фильтр «Ветер», вкладка Фильтр —> Стилизация —> Ветер (Filter —> Stylize —> Wind).
Выставляем метод Ветер (Wind), направление — Слева (Direction From the left). Применяем фильтр ещё три-пять раз, нажав для этого три-пять раз Ctrl+F.
Затем поворачиваем холст обратно с помощью Изображение —> Вращение изображения —> 90° против часовой (Image —> Image Rotation —> 90° CCW).
У меня получилась вот такая картинка:
После этого применяем фильтр Рябь ( Фильтр —> Искажение —> Рябь, или Filter —> Distort —> Ripple) с параметром Количество (Amount) 77% и Размер: Большая ( Size: Medium).
Затем два раза применяем Фильтр размытие по Гауссу со значением радиуса размытия один пиксель.
В результате получаем следующее:
Вот уже вроде как похоже на огонь, что, несомненно, радует.
Теперь создаём новый документ, нажав Ctrl+N, делаем размер поболее, скажем, 1200 на 1200 пикселей. И применяем к нему Фильтр —> Рендер —> Облака (Filter —> Render —> Glouds), затем четыре раза применяем Фильтр —> Рендер —> Облака с наложением (Filter —> Render —> Difference Glouds).
Далее изменяем цвет изображения. Нажимаем клавиши Ctrl+U (либо вкладка меню Изображение —> Коррекия —> Цветовой тон/Насыщенность, в английском Image —> Adjustments —> Hue/Saturation). Открывается окно Цветовой тон/Насыщенность, в котором ставим галку у Тонирование (Colorize), также задаём параметр Цветовой тон (Hue) равным 40, а Насыщенность (Saturation) 80. В результате у меня получился вот что:
Назову этот слой «Облака».
Далее, открываем оба документа в режиме окон (переключить режим отображения документов можно с помощью клавиши F), главное окно Фотошопа буде выглядеть вот так:
И с помощью инструмента «Перемещение» (Move Tool, клавиша V) мышкой перетаскиваем документ с облаками на документ с текстом. В панели слоёв располагаем слой «Облака» между слоями, выбираем режим наложения «Осветление основы» (Color Dodge), а непрозрачность заливки задаём 85%.
Затем, инструментом «Перемещение» перетаскиваем слой «Облака» максимально вниз, но так, чтобы он полностью перекрывал слой «Фон»
Открываем панель анимации, Окно —> Анимация (Window —> Animation). Мы видим, что первый фрейм анимации был создан автоматически. Задаём время отображения кадра 0,1 секунда, для этого надо кликнуть по чёрному треугольничку на иконке фрейма:
Создаём второй фрейм анимации, кликнув по иконке (создание копии выделенных кадров) в панели анимации.
Затем, с помощью инструмента «Перемещение» перетаскиваем слой «Облака» максимально вверх, но так, чтобы он полностью перекрывал слой «Фон». Можно перетащить этот слой не строго вверх, а вверх и вбок, т.к. линейный размер этого слоя значительно больше фонового.
Теперь создаём промежуточные кадры анимации между этими двумя. Кликаем по кнопке «Создание промежуточных кадров»
В открывшемся окне вбиваем в параметр «Добавить кадров» значение 10, жмём ОК. Между двумя нашими кадрами добавятся ещё десять переходных, отличие которых заключается в разном положении слоя «Облака» у каждого кадра.
Запускаем анимацию. У меня получилось это:
Ну вот, уже похоже на анимацию огня, но вроде как не виден сам текст. В решении этой проблемы нам поможет текстовый слой с отключенной видимостью, который был продублирован в самом начале.
Важно! В палитре анимации перейдите на первый кадр.
Как мы помним, для создания данной анимации в слое «Облака» был использован режим наложения «Осветление основы» (Color Dodge), а непрозрачность заливки была 85%.
Попробуем использовать другие значения.
Переходим на первый кадр в палитре анимации, это важно!
Меняем режим наложения слоя «Облака» на Перекрытие (Overlay), а непрозрачность делаем 100%, затем запускаем анимацию огня. Смотрим результат:
А вот этот огонь мне больше нравится, чем первый вариант. Можно ещё немного уменьшить непрозрачность слоя «Облака».
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
В данном уроке мы рассмотрим способ создания анимации блика на объекте. Я на днях делал фото своего китового объектива и решил продемонстрировать создание анимации именно на нём. Потому что на данном примере мы рассмотрим два вида анимации блика - это контурный блик и простой - на плоском объекте. Объектив отлично для этого подойдёт. Мы сделаем анимированный блик на его плоском защитном стекле линзы и контурный блик на хромированной коёмке.
1. Анимация блика на стекле линзы
И так, у меня открыто фото объектива, размеры я ему задал стандартные 1920x1080 пикселей. Начнём с блика на защитном стекле линзы. В первую очередь необходимо нарисовать фигуру стекла, по которой мы будем пускать блик. Если у вас другой объект, то нужно отрисовать фигуру той части объекта, на которой вы будите делать анимацию блика. Снимаем блокировку слоя, кликнув по иконке замочка у слоя с изображением, хотя в данном случае это можно и не делать.
Создаём новый слой, на котором будем рисовать фигуру, кликнув левой кнопкой мыши по соответствующему значку в панели слоёв.
Чтобы отрисовать фигуру защитного стекла линзы Воспользуемся инструментом "Эллипс". Нам нужна фигура чёрного цвета. Но сначала, для редактирования, лучше устанавливать её цвет, исходя из цвета самого объекта. Так как объектив чёрный, то фигуру черного цвета на его фоне будет плохо видно и мы не сможем чётко подогнать её по границам стекла. Поэтому в данном случае лучше задать фигуре какой-нибудь яркий цвет, например красный.
Рисуем на глаз фигуру стекла на объективе и переходим в "Редактирование" - "Трансформирование" - "Искажение". С помощью данного инструмента подгоняем эллипс под фигуру стекла.
Теперь меняем цвет фигуры обратно на чёрный.
После этого задаём данному слою параметры наложения "Экран".
Фигура стекла у нас есть, теперь нужно изобразить на ней блик. Для этого создаём еще один новый слой.
Накладываем данный слой на фигуру стекла. Для этого удерживая "Alt" на клавиатуре наводим курсор между этими слоями до появления пинтограммы "изогнутая стрелка" и нажимаем левую кнопку мыши.
Для удобства можно переименовать этот слой в "блик". Теперь берём инструмент "Градиент", устанавливаем ему параметр "Зеркальный", выбираем белый цвет и рисуем данным градиентом на стекле объектива блик под необходимым вам углом. Я сделаю вот такой угол и не большую ширину.
Если мы возьмём инструмент "Перемещение" и подвигаем блик по фигуре стекла, то увидим, что блик смотриться не плохо.
Но можно его сделать немного прозрачнее, я сделаю примерно 35%. Вот теперь блик выглядит более реалистично, остаётся его только заанимировать.
Меняем рабочую среду на "Движение"
и создаём шкалу времени для видео.
В шкале времени имеется слой с бликом, которуму нужно задать анимацию движения.
Чтобы это сделать мы, с помощью инструмента "Перемещение" берём блик и устанавливаем его в начальную точку, из которой он начнёт движение. Ползунок на таймлайне должен находится на первом кадре. И во вкладке слоя блик нажимаем на "часики" значения "Позиция". Таким образом мы создали ключ.
Теперь передвигаем ползунок на таймлайне, берём блик и перетаскиваем его в конечную точку, в которой он завершит движение по стеклу. И на шкале автоматически появляется второй ключ.
Если проиграть анимацию, нажав на пробел, то можно увидеть, что блик движется по стеклу в заданном нами направлении. Чтобы увеличить скорость его движения перетащим конечный ключ немного ближе к начальному на шкале времени и снова проиграем анимацию.
Таким образом настраиваем скорость анимации блика, перемещая второй ключ по тайм-лайну ближе или дальше от первого ключа.
2. Анимация блика на каёмке объектива
Один блик готов, теперь будем делать второй вот на этой хромированной каёмке. Как и в предыдущем случае нам нужно отрисовать фигуру этой каёмки и так же наложить на неё блик.
Как и в первом случае, создаём новый слой, берём инструмент "Эллипс" и рисуем контур каёмки. Я сделаю слой немного прозрачным, чтобы было удобнее совмещать фигуру с каёмкой объектива. И точно так же, инструментом "искажение" совмещаем край фигуры с краем кромки.
Теперь возвращаем фигуре непрозрачность на 100% и делаем копию этого слоя с фигуруй. Удерживая "Alt" на клавиатуре перетаскиваем слой выше и получаем его копию.
Задаём этой копии фигуры черный цвет.
Теперь немного сдвигаем слой с копией фигуры вправо - это можно делать мышкой, используя инструмент "Перемещение", а можно стрелочками на клавиатуре, так будет намного точнее. Получаем вот такую фигуру каёмки, которую нам теперь нужно просто вырезать с нижнего красного слоя.
Выделяем чёрную фигуру, удерживая "Ctrl" и кликнув в панели слоёв по значку этого слоя левой кнопкой мыши.
Теперь скрываем этот слой, кликнув по значку "глаза", выделяем слой с красной фигурой и растрируем его, кликнув правой кнопкой мыши и выбрав в меню "Растрировать слой".
Нажимаем Delete на клавиатуре и выделення лишняя часть красной фигуры удаляется, остаётся только фигура каёмки.
Фигура получилась не совсем точной, поэтому можно снова взять инструмент "Искажение" и подкорректировать её форму.
Скрытую копию слоя с чёрным эллипсом можно удалить из панели слоёв, она нам больше не понадобиться.
И так, каёмку мы сделали, теперь нужно создать блик и заанимировать его движение. Для начала мы сделаем каёмку чёрной. Кликаем по слою с ней правой кнопкой мыши и выбираем параметры наложения.
Здесь подключаем параметр "Цвет" и задаём чёрный.
Теперь кликаем по слою правой кнопкой мыши и преобразуем фигуру в смарт-объект.
Задаём данному слою параметр наложения экран.
Да, кстати, тут можно сделать не простой блик, а поинтереснее. Для этого мы размоем фигуру каёмки по гауссу. Выберем в верхнем меню "Фильтр" - "Размытие" - "Размытие по Гауссу"
и выставим радиус примерно на 3 пикселя.
После чего преобразуем этот слой в смарт-объект, кликнув по нему правой кнопкой мыши и выбрав в меню "Преобразовать в смарт-объект". Теперь создаём новый слой, на котором будем рисовать блик, называем его "блик" и накладываем его на фигуру с каёмкой.
Берём простую мягкую кисть белого цвета и рисуем ею блик. Получается вот такой вот эффект.
Зададим слою с каёмкой параметр наложения "Экран" и смотрим что у нас получилось.
Если перемещать блик по каёмке, то видно, что он не с жёсткими ровными краями, а подразмытый потому что мы размыли по гауссу саму фигуру каёмки. Так блик выглядит естественнее.
Теперь сделаем его анимацию. Выровнием слои в шкале времени и заанимируем движение блика по каёмке.
Делается это как и в первом случае с помощью параметра "Позиция". Ставим ключевую точку на первом кадре. Для того, чтобы движение блика было по окружности каёмки, придётся добавить не две ключевые точки, а несколько, через одинаковое расстояние на шкале времени. Я поставлю еще четыре точки.
И так первую мы поставили, перемещаем ползунок на таймлайне и двигаем по каёмке блик, затем снова перемещаем ползунои и опять сдвигаем блик. В последнем положении мы просто сдвигаем блик в сторону, чтобы он пропадает с каёмки. Ну и можно настроить продолжительность анимации, отрегулировав размер дорожек.
3. Сохранение анимации в Gif формат
Для того, чтобы сохранить получившуюся анимацию гифкой, выбираем в верхнем меню "Файл" - "Экспортировать" - "Сохранить для веб".
Тут выставляем формат Gif и задаем параметры повторов "Постоянно", чтобы анимация бесконечно проигрывалась или "Однократно", чтобы анимация проигрывалась один раз. Нажимаем сохранить и выбираем путь сохранения.
Вот таким образом можно сделать анимацию бликов на каком нибудь объекте, на тексте, да на чём угодно, всё зависит уже от ваших задач и фантазии.
Анимация в фотошопе реализуется достаточно просто, а при использовании готовых футажей процесс просто превращается в одно удовольствие. В данной статье мы рассмотрим, как можно быстро и просто сделать анимацию огня в фотошопе из готовых футажей. Футажы огня и искр я приложил к данной статье и вы можете их скачать, данные футажи подойдут для большинства ситуаций. Плюс имеено этих футажей, в том, что они подготовлены покадрово, а не видео файлом, тем самым они весят намного меньше видео-футажей, ну а как с ними работать мы сейчас и разберемся.
Я рассмотрю три разных ситуации, в которых буду не просто делать анимацию огня из готового футажа, а менять размер и положение анимации, производить деформацию и накладывать маску слоя, а так же менять цветовой тон и баланс анимации.
1. Размер и положение
Для данной ситуации я подобрал фото с костром, на который и буду накладывать анимацию.
Первым делом, как обычно, снимает блокировку слоя, если она стоит. Для этого кликаем левой клавишей мыши по иконке "замочка".
Далее, меняем рабочую среду на "Движение", в верхнем правом углу.
Создаем шкалу времени для видео, кликнув по соответствующему пункту в нижней панели инструментов.
Теперь открываем футаж огня, выбрав в верхнем меню "Файл" - "Открыть", находим папку с футажом, и выделяем в нём первый кадр (фото). После этого ставим галочку на "Последовательность изображений" и нажимаем "Открыть". После этого всплывёт окошко, кв котором будет указано количество кадров в футаже - 30, просто жмём "Ок".
В результате, в отдельной вкладке откроется футаж огня. Выделяем слой с данным футажем в панели слоёв, кликнув по нему левой кнопкой мыши.
Теперь, перетаскиваем футаж на нашу вкладку с изображением костра, просто удерживая левой кнопкой мыши тащим его. Устанавливаем слою с футажем наложение "Экран".
Настраиваем временную шкалу изображения под шкалу футажа. Для этого просто тащим за кончик шкалу изображения, удерживая левую кнопку мыши.
Получается вот такая вот анимация огня.
Теперь необходимо настроить размер и положение данной анимации и разместить её на палки костра, например, вот в этих местах.
Для этого преобразуем слой с футажем в смарт-объект, кликнув по нему правой кнопкой мыши и выбрав соответствующий пункт.
Теперь, при выделенном данном слое, в верхнем меню выбираем "Редакторование" - "Свободное трансформирование".
Далее, настраиваем размер и положение футажа на нужный нам объект - палку.
Для того, чтобы сделать огонь на вторую палку, просто копируем этот слой с футажем, так же выбираем "Свободное трансформирование" и настраиваем его на второй объект.
В результате получается анимация огня, а точнее костра.
Теперь, чтобы анимация была более реалистичной, можно еще добавить анимацию искр костра. Для этого мы так же будем использовать футаж, который имеется в исходниках к уроку. Точно так же, как и в случае с футажем огня, открываем его, перетаскиваем на наше изображение, настраиваем временную шкалу, накладываем наложение "экран" и подгоняем по нужным размерам и положению с помощью "Свободного трансформирования". В результате получаем реалистичную анимацию костра.
2. Деформация и маска анимации огня
Теперь перейдём к другой ситуации, в которой "Свободного трансформирования" будет не достаточно, так как нужно реализовать анимацию огня по определённой форме.
Накладываем футаж огня - проделываем все те же действия, что и в случае с костром: открываем нужный футаж огня, перетаскиваем его на изображение, настраиваем временную шкалу, накладываем на слой с футажем "экран" и с помощью "Свободного трансформирования" подгоняем футаж по размеру и положению к газете.
Как мы видим, в данном случае во первых сам огонь с помощью "Свободного трансформирования" не получится подогнать под форму горящей газеты, а во вторых направление пламени огня не соответствует нашему изображению, пламя направлено не в верх, а в бок.
Для того, чтобы максимально точно подогнать футаж под наш объект (газету) мы воспользуемся инструментом "Деформация". Для этого, при выделенном слое с футажем, выбираем в верхнем меню "Редактирование" - "Трансформирование" - "Деформация".
Теперь мы выставляем точки для деформации в нужных местах, удерживая Alt и кликая в нужную область. Возможность выставлять точки для деформации появилась только в Photoshop CC2020, в ранних версиях инструмент деформация был проще, но им так же можно не плохо подогнать футаж под нужные формы.
Деформируем футаж под нужные формы и применяем изменения. Деформируем не только форму футажа под газету, но и направление пламени.
Таким образом можно деформировать футаж пламени под любую форму объекта, например под плечо человека.
Теперь, смотрите, в результате деформации остался не большой деффект анимации пламени, завитушка, которая выбивается не правильной формой.
Данный дефект можно удалить очень просто, с помощью маски слоя. Выделяем слой с футажем, создаём ему маску.
Берём кисть, устанавливаем ей чёрный цвет и просто закрашиваем не нужные области анимации.
3. Цветовой тон и цветовой баланс
Ну и рассмотрим еще один случай с анимацией, для работы я взял изображение известного персонажа из области компьютерных игр.
В данной ситуации все действия сопоставимы с предыдущими, но существует еще одна задача - сделать анимацию огня синим цветом, поскольку пламя должно быть именно ледяным. Для данной задачи производим все те же действия, что и в предыдущим ситуациях: открываем нужный футаж огня (в данном случае я возьму шарообразный огонь), перетаскиваем его на изображение, настраиваем временную шкалу, накладываем на слой с футажем "экран" и с помощью "Свободного трансформирования" подгоняем футаж по размеру и положению к руке персонажа.
Теперь, преобразуем слой с футажем в смарт-объект и настоим его цветовой тон и насыщенность, выбрав в верхнем меню "Изображение" - "Коррекция" - "Цветовой тон/Насыщенность".
Настраиваем ползунки под нужный результат и применяем изменения.
После этого таким же образом настраиваем "Цветовой баланс", выбрав в верхнем меню "Изображение" - "Коррекция" - "Цветовой баланс".
Настраиваем необходимый баланс цвета и применяем настройки.
В результате у нас получается синее пламя. Таким образом можно изменить цвет футажа под любой оттенок и вписать его в любое изображение. Ну и для большего эффекта, так же можно наложить искры и настроить их цет.
Вот такими не сложными действиями можно создать анимацию пламени в фотошопе под любое изображение, подогнать его по размерам, форме и цветовой гамме.
Добавлять огонь на изображения стало еще проще благодаря инструменту Render Flames в Photoshop CC 2014. В этом уроке я покажу, как использовать инструмент Render Flames, чтобы добавить огонь в неосвещенный камин в цифровом композите через Фотошоп. Я также предоставлю широкий спектр советов и техник, чтобы вписать пламя в ваше произведение искусства и создать реалистичное свечение.
Шаг 1
Откройте выбранное изображение в Photoshop и выберите инструмент Перо (P) . Убедитесь, что инструмент установлен на Контур в левом верхнем выпадающем меню панели Параметры .
Шаг 2
Создайте новый слой и назовите его «Пламя 1». Инструментом «Перо» щелкните и перетащите по документу, чтобы создать S-образный изогнутый контур в направлении, в котором должны появиться языки пламени, от x до x.
Шаг 3
Выберите Filter > Render > Flame , чтобы открыть диалоговое окно Flame в Photoshop.
Шаг 4
В раскрывающемся меню Тип пламени выберите Одно пламя вдоль контура .
Шаг 5
Теперь у вас есть возможность полностью настроить ваш огонь, включая ширину, сложность, турбулентность, непрозрачность, цвет и даже то, как пламя сужается от своего источника.
Эти параметры зависят от типа пламени, которое вы хотите создать. Поэкспериментируйте с параметрами, чтобы увидеть, как они работают. Я хочу, чтобы пламя струилось вверх, как в настоящем камине, и здесь вы можете увидеть параметры, которые я выбрал для этого.
Шаг 6
Нажмите OK для подтверждения и используйте инструмент Перемещение (V) с помощью клавиш со стрелками на клавиатуре, чтобы подтолкнуть пламя на место.
Шаг 7
На панели Paths нажмите на иконку Add New Path , чтобы создать новый слой контура, который позволит нам работать над вторым пламенем.
Шаг 8
Создайте второй слой и переименуйте его в «Пламя 2».
Снова используйте инструмент Перо (P) , чтобы создать новую S-образную кривую, которая дополнит огонь на слое «Пламя 1».
Шаг 9
Вместо того чтобы снова просматривать параметры Render Flame, мы можем создать пламя с настройками, соответствующими нашему первому пламени, нажав Cmd/Ctrl + F и используя функцию «повторить последний фильтр» в Photoshop.
Шаг 10
Повторите предыдущие два шага еще несколько раз, пока вы не останетесь довольны своим огнем.
Затем выделите все слои с пламенем и щелкните Shift + клик на слое «Добавить новую группу», чтобы объединить все слои с пламенем в одну группу. Переименуйте эту группу в «Пламя».
Шаг 11
Теперь начнем немного смешивать эти языки пламени с окружающей средой. Сначала добавьте корректирующий слой Hue/Saturation над группой «Flames».
Наведите курсор на линию между корректирующим слоем и группой, удерживая клавишу Alt , пока не появится белая рамка со стрелкой, а затем щелкните, чтобы скрепить их вместе. Это называется «Обтравка».
Шаг 12
Выберите корректирующий слой и перейдите на панель свойств. Уменьшите насыщенность огня, чтобы оно соответствовало окружающей среде.
Для большего контроля нажмите на Master , чтобы открыть выпадающее меню цветов. Выберите Желтый и уменьшите насыщенность, чтобы желтый был менее насыщенным, чем красный в пламени.
Шаг 13
Вернувшись на панель слоев, нажмите на значок «Создать новую заливку» и выберите «Сплошной цвет».
Поскольку окружение имеет серовато-голубой оттенок, мы выберем аналогичный цвет для заливки. Когда вы будете довольны цветом, нажмите OK.
Шаг 14
На панели слоев измените режим смешивания слоя Цветовая заливка на Перекрытие и закрепите этот слой на слое Цветовой тон/Насыщенность , расположенном ниже, выполнив те же действия, что и в шаге 11.
Шаг 15
Все еще находясь на панели слоев, измените непрозрачность слоя Цветная заливка до 35%, чтобы уменьшить тональный эффект на огне.
Шаг 16
Выделите группу «Пламя» и нажмите на значок Добавить маску слоя . На новой маске слоя мягкой черной кистью аккуратно затрите каминную решетку.
Шаг 17
Дублируйте фоновый слой и перейдите в меню Фильтр > Преобразовать для смарт-фильтров , чтобы превратить слой в смарт-объект.
Затем перейдите в меню Фильтр > Фильтр Camera Raw… , чтобы открыть диалоговое окно Camera Raw. Нажмите на значок Радиального фильтра и добавьте +0,5 Экспозиции и +50 Температуры, чтобы создать свечение для огня. После этого нажмите OK.
Шаг 18
С помощью мягкой черной кисти на слое Smart Filters замаскируйте теплое свечение вокруг камина, чтобы завершить работу.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Вы когда-нибудь хотели научиться магии? ОК, в этом интересном уроке, я покажу вам, как оживить рисунок, добавив к нему эффекты огня! Вы узнайте, как создать красивые эффекты огня в программе Photoshop. Итак, давайте приступим!
Итоговый результат
Исходные материалы:
Примечание: Автор использовал платные материалы. Ссылки на материалы и превью вы найдёте в архиве к уроку.
Создаём эффект рисунка
Шаг 1
Откройте все исходные изображения в программе Photoshop. Скопируйте / вклейте исходное изображение гитары в огне, расположив данное изображение поверх изображения с записной книжкой.
Шаг 2
С помощью трансформации (Ctrl+T), примените масштабирование, а также поверните изображение гитары таким образом, чтобы гитара подходила под записную книжку, далее, поменяйте режим наложения для слоя с гитарой на Разница (Difference). Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -100, таким образом, мы добавили полутона к изображению. Обратите внимание, что наше изображение уже похоже на настоящий рисунок!
Шаг 3
Скопируйте / вклейте изображение электрогитары на новый слой. Расположите слой с электрогитарой ниже слоя с гитарой в огне. Поменяйте режим наложения для слоя с электрогитарой на Замена тёмным (Darken), чтобы скрыть белый задний фон. Далее, точно так же, как и в предыдущем шаге, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments> Hue/Saturation). Уменьшите значение насыщенности до -100, преобразовав цвета изображения в полутона. Теперь наш рисунок ещё больше напоминает гитару.
Создаём огонь
Шаг 4
Далее, с помощью инструмента Лассо (Lasso Tool (L), выделите несколько фрагментов огня, используя набор текстур огня. Вклейте выделенные фрагменты огня на наш рабочий документ. В основном мы будем использовать два нижних слоя с огнём для создания данного эффекта, которые выделены на скриншоте ниже.
Шаг 5
Трансформируйте каждый фрагмент огня так, чтобы огонь охватывал гриф гитары. Нажмите клавиши (Ctrl+T) для масштабирования, а затем примените Деформацию (Warp), чтобы придать направление огню. Постарайтесь деформировать огонь таким образом, чтобы языки пламени поднимались кверху. Поиграйте с различными режимами наложения, для создания данного эффекта отлично подойдут режимы Замена светлым (Lighten) и Осветление (Screen), которые помогут скрыть чёрный задний фон. С помощью ластика, скройте лишние участки, чтобы сгладить неровные края.
Шаг 6
Единственные способ сделать рисунок по-настоящему пылающим – это добавить глубины между огнём с бумагой. Перейдите на слой с записной книжкой. С помощью инструмента Затемнитель (Burn Tool (O), в настройках данного инструмента установите Диапазон (Range) на Света (Highlights), затемните участки бумаги вокруг грифа гитары, где огонь мог бы больше всего повредить бумагу. Постарайтесь не трогать нижнюю часть рисунка, чтобы рисунок оставался видимым для наблюдателя. Далее, затемните верхнюю часть страницы записной книжки, чтобы усилить эффект. Теперь рисунок выглядит так, как будто огонь вырывается из страницы!
Шаг 7
Пришло время для добавления дыма! Создайте новый слой (Ctrl+Shift+N), выберите инструмент Кисть (Brush Tool (B). Добавьте эффект дыма с помощью мягкой круглой кисти. Чтобы облегчить задачу, просто скачайте любые кисти Дым, которые вы можете найти на стоковых ресурсах. Используйте серый цвет средних тонов в качестве основы для дыма, а затем добавьте световые блики к дыму с помощью белого цвета.
Шаг 8
Какой рисунок может быть без подписи, правильно? Данный шаг является выборочным. Самый отличный способ создать ощущение настоящего карандашного рисунка – это использовать кисть, чтобы быстро нанести инициалы в качестве подписи художника.
Заключительная коррекция
Шаг 9
Далее, мы применим корректирующие слои, чтобы вся картина выглядела гармонично! Идём Слой – Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves). Проведите коррекцию кривых RGB, Красного (Red) и Синего (Blue) канала. Далее, добавьте ещё один корректирующий слой, идём Слой – Новый корректирующий слой – Цветовой Баланс (Layer > New Adjustment Layer > Color Balance). Установите значения, которые указаны на скриншоте ниже. Усильте красные и жёлтые тона в режиме Средние тона (Midtones), а также проведите коррекцию синих тонов в режиме Света (Highlights), чтобы сделать дым более живым.
Шаг 10
В заключение, кадрируйте изображение, чтобы сфокусировать всё внимание на рисунке. И мы завершили урок! Произведите впечатление на своих друзей с помощью магии, оживив свои рисунки! Спасибо, что были со мной. Надеюсь, вам понравился этот урок.
Читайте также: