🏠

АНИМАЦИЯ ОГНЯ в фотошопе

Это текстовая версия YouTube-видео "АНИМАЦИЯ ОГНЯ в фотошопе".

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

Всем привет, меня зовут Дмитрий и в данном видео мы будем делать анимацию огня фотошопе. В одном из видео я показывал, как анимировать фото и в работе использовал видео-футаж падающего снега. Чтобы сделать реалистичный огонь мы также будем использовать футажи, которые вы можете скачать вместе со всеми исходниками урока по ссылочке в описании. Там несколько разных футажей огня, они разной формы и интенсивности. Данных футажей будет достаточно для большинства ситуаций, плюс именно этих футажей в том, что они подготовлены покадрово. Если бы они были видеофайлами, то они намного больше бы весили, ну а как с ними работать мы сейчас и разберемся. Для работы я взял вот такое фото с костром. Первым делом, как обычно, снимаем блокировку слоя, если она стоит. Теперь меняем рабочую среду на движение, создаем шкалу времени для видео и теперь мы будем открывать футаж огня. Выбираем "файл" - "открыть" и у меня сразу открылась папочка с футажами. Там вы посмотрите, огонь есть разный. Для того, чтобы посмотреть как это выглядит, можно здесь увеличить превьюшки, нажать правой кнопкой мыши "вид" и "огромные значки". Так, это я открыл искры, открываем вот огонь. Есть вот такой огонь, есть вот такой.. Для данного случая, мы выберем огонь вот такой вот. И так, я нажал "файл" - "открыть", выбираю первое фото самое первое из футажа и вот здесь вот ставлю галочку "последовательности изображений". Нажимаем "открыть", и здесь выдает, что у нас всего 30 кадров. Нажимаем "Ок" и вот у нас открылся футаж. Если мы его проиграем, то увидим вот такой вот огонь. Если у вас анимация останавливается и вы хотите ее смотреть в зацикленном варианте, то для этого вот здесь, в настройках, вам нужно просто поставить галочку "цикл воспроизведения". Берем этот слой с огнем и перетаскиваем на наше изображение. Теперь, включаем наложение "экран" и у нас получается вот такой вот огонь. Здесь нам необходимо настроить временную шкалу изображения под временную шкалу футажа. Для этого просто берем так за кончик шкалу изображения и подтаскиваем ее под размер футажа. Теперь это можно проиграть. Вот у нас футаж работает, теперь нам необходимо настроить этот огонь по размерам костра, то есть наложить его туда куда нужно, вот на эту вот палку. Можно еще на какую-нибудь, для этого мы преобразуем слой с футажем в смарт-объект. Кликаем по нему правой кнопкой "преобразовать смарт-объект" и возьмем "редактирование" - "свободное трансформирование". Настроим его просто по нужным нам размерам, допустим вот так. Наложим его вот на эту вот палку как-нибудь и вот так, можно его повернуть чуть-чуть. Сделаем вот так вот. Применяем и смотрим, что у нас получилось. Получилась вот такая вот анимация. Можно еще раз его скопировать на новый слой, удерживая клавишу "Alt" тащим вот этот слой, делаем его копию. И еще куда-нибудь его прямо здесь, например, на эту палку положим, вот так. Смотрим, что у нас получается, вот такой костерок у нас получился. Для того, чтобы анимацию сделать более реалистичной мы можем сюда добавить искры от костра. Открываем также футаж с искрами. "Файл" - "Открыть", выбираем здесь искры и смотрим какие у нас есть. Вот эти и возьмем. Первый кадр выбираем, ставим здесь галочку, нажимаем "Открыть". Берем этот футаж, этот слой и также накладываем на наше изображение. Точно также выставляем здесь экран и настраиваем нужный нам размер. "Преобразовать в смарт-объект", он нам сразу предложил и автоматически преобразовал. Ну и как-то вот так получается. Давайте посмотрим на эффект и как мы видим, анимации получилась уже более реалистичной. Теперь рассмотрим немного другую ситуацию. Я взял вот такое изображение с горящей газетой и здесь нужно не просто наложить огонь а наложить его по форме горящей газеты. Для этого мы проделаем все тоже самое, что делали в предыдущих случаях. Открываем футаж огня, на этот раз я возьму вот такой огонь, переносим слой на наше изображение, включаем "экран" и настраиваем. "Редактирование" - "свободное трансформирование" - "Преобразовать в смарт-объект". Так мы его перевернем, посмотрим как у нас это будет выглядеть. Можно его отразить по горизонтали и сюда вот его настроим, максимально приблизительно. Ну допустим вот так сделаем. Теперь надо настроить размер анимации изображения под анимацию футажа. Включаем и смотрим. Анимация выглядит не реалистично, потому что огонь горит не вверх, получается как-то в бок. Нам нужно настроить его форму. Это можно сделать с помощью деформации. Выделяем этот слой с огнем, выбираем "Редактирование" - "Трансформирование" и "Деформация". Устанавливаем точки в нужных нам местах и деформируем огонь. Настраиваем его форму вверх. Такие точки можно ставить только в новой версии photoshop 2020, в 2019-й версии такой возможности нет, но с помощью той деформации тоже можно более-менее настроить вид огня. Конечно, в последней версии это делать намного удобнее. Вот так как-то оставлю и посмотрим что у нас получилось. Видите, уже видно что огонь горит в вверх и по контуру газеты. Вот таким образом можно настроить футаж огня на любой предмет. Возьмем еще один футаж и я настрою его прямо на плечо. Включаем "экран", "Редактирование" - "Свободное трансформирование", преобразуем в смарт-объект. Я его сейчас сделаю по плечу человека. Сначала настрою огонь в эту сторону, ну в принципе, давайте его так и оставим. Сделаем поменьше, вот так, приблизим, возьмем деформацию и выставим точки. Настроим огонь в нужном направлении и по нужной форме. По форме плеча сейчас я его настрою. Примерно вот так. Посмотрим, видите уже огонь горит по форме плеча. Здесь небольшой вот артефакт появился, его можно просто немного затереть маской. Для этого мы берем этот слой с огнем, накладываем на него маску и просто закрашиваем ненужные нам фрагменты огня. Берем кисть какую-нибудь мягкую, черный цвет, маска и вот так вот стираем, чтобы у нас этих некрасивых артефактов не было. Смотрим что получается. Ну и рассмотрим еще один вариант работы с огнем. Я взял для примера вот такое изображение. Думаю, все знают этого героя - это Cаб-зиро из Мортал Комбат. Мы сделаем из огня холодное пламя. Также, открываем футаж, на этот раз я возьму вот такое пламя шарообразное. Ставим галочку, нажимаем "Открыть" - "Ок". Вот такое пламя я возьму, перетаскиваем футаж на изображение и ставим "экран". Теперь нам нужно настроить цвет огня, чтобы он был у нас не огненный, а именно ледяной. Для этого преобразуем в "смарт-объект" наш слой с футажем, переходим в "Изображение" - "Коррекция" - "Цветовой тон/насыщенность" и здесь, в цветовом тоне, мы задаем цвет. Теперь опять, "Изображение" - "Коррекция" - "Цветовой баланс" и выставляем голубой. Получается вот такой огонь. Теперь мы также, берём этот слой, делаем "Редактирование" - "Свободное трансформирование" - "ok" и просто его настраиваем под шар ледяной, который в руке у Саб-Зиро. Применяем и смотрим, что получается. Получилась вот такая анимация. Сюда можно так же наложить искры. Открываем футаж с искрами, берем их и накладываем сюда, ставим "экран", настраиваем размер. Далее "Изображение" - "Коррекция" - "цветовой тон/насыщенность". Здесь мы выставляем нужный цвет, вот такой и цветовой баланс настраиваем, вот так вот. Как видите, уже намного интересней стала анимация. Ну и до кучи, сюда можно во весь экран наложить искры. Вот такие большие во весь экран. Берем футаж, перетаскиваем на изображение, накладываем и растягиваем по всему изображению. Получается вот такая анимация. Устанавливаем здесь экран, наложение и смотрим что у нас получается. Получается вот такая картинка. Ну и естественно, настраиваем цвет. Примерно вот так. И вот такое изображение у нас получается. После того, как вы создали анимацию, вы ее можете сохранить в gif формате, отослать кому-нибудь, разместить где-то. Для этого нужно нажать "Файл" - "Экспортировать" - "Сохранить для web". И вот здесь выбрать gif формат и установить параметры повторов "Постоянно", для того чтобы гифка постоянно повторялась. Как мы видим, изображение было слишком большое, поэтому гифка весит аж 17 мегабайт - это очень много, поэтому такие изображения лучше конечно сделать меньшего размера. Для этого просто берем "Изображение" - "Размер изображения", не full hd сделаем, а 500 на 281, вот такой размер. И сохраняем. Смотрим, на этот раз, всего лишь полтора мегабайта. Сохраняем гифку куда нам нужно. Вот такую разную анимацию можно делать с помощью футажей огня. А на этом у меня всё, всем пока, до скорых встреч!

Ad Х
Ad Х