Анимация огня в фотошопе
Шаг 1

Для начала создайте новый документ, я создал документ размерами 700х700 пикселей. В дальнейшем, нам придётся поворачивать текст, так что позаботьтесь о том, чтобы он помещался как по горизонтали так и по вертикали. Заполните фон чётным цветом, после чего напишите любой текст белым цветом (шрифт используемый в уроке можно скачать в самом низу урока):



Анимация огня в фотошопе


Шаг 2

Далее повернём наш текст, выполним команду Редактирование -> Трансформирование -> Поворот на 90 градусов по часовой. Далее применим к тексту Фильтр -> Стилизация -> Ветер установив значения как на картинке ниже. Далее нажмём горячие клавиши Ctrl+F, благодаря этой команде мы повторим применение фильтра ветер, следует нажать 1-3 раза в зависимости от размера вашего текста (я нажимал 2 раза)

Анимация огня в фотошопе


Шаг 3

Далее будем применять ещё один фильтр,

нажимаем Фильтр -> Искажение -> Рябь и устанавливаем настройки как на картинке (этот фильтр так же следуем применить несколько раз)

Анимация огня в фотошопе


Теперь переворачиваем текст обратно, выполнив команду Редактирование -> Трансформирование -> Поворот на 90 градусов против часовой. У нас должен получиться такой эффект:

Анимация огня в фотошопе


Шаг 4

С текстом закончили, переходим к самому интересному. Создайте новый слой, нажмите клавишу D и выполните две команды: Фильтр -> Рендеринг -> Облака и Фильтр -> Рендеринг -> Облака с наложением, затем нажмите знакомое нам сочетание клавиш Ctrl+F. Должно получиться так:

Анимация огня в фотошопе


Теперь нажимаем Изображение -> Коррекция -> Цветовой тон/насыщенность , в появившемся окне задаём параметры как на картинке:

Анимация огня в фотошопе


Шаг 5

После этого устанавливаем слою с облаками режим наложения - Яркий свет. И создаём 2 дубликата этого слоя. У вас должно получиться три одинаковых слоя, к слою который находится по середине применяем команду Редактирование -> Трансформирование -> Отразить по вертикали, далее располагаем эти слои друг под другом как показано на схеме:

Анимация огня в фотошопе


Благодаря этой операции вы сможете создать незаметный переход анимации (переход с последнего кадра на первый). Как только слои будут расположены в нужном порядке, объедините их с помощью горячих клавиш Ctrl+E(если режим наложения сбросился, то вновь установите его - Яркий свет). Выберите инструмент перемещение и попробуйте передвигать слой с облаками, вы увидите как происходит эффект огня.

Анимация огня в фотошопе


Шаг 6

Для того что бы создать анимацию, нажмите Окно -> Анимация, появится окошко (обратите на обведённые иконки, они нам понадобятся):

Анимация огня в фотошопе


Создайте новый кадр нажав на иконку 2, и передвиньте слой с облаками как показано на схематичном изображении, самое главное что бы первый и последний кадр были визуально одинаковыми:

Анимация огня в фотошопе


Шаг 7

Далее выделите оба кадра и нажмите на иконку 1, в появившемся окне задайте цифру 30-40, нажмите "Ок". После чего удалите самый последний кадр, ваше изображение готово.

Вот что получилось в конечном итоге (весит чуть больше 2х метров):

Анимация огня в фотошопе




  • 30 января 2012 23:40
  • Комментов: 0
  • Никита
  • Группа: Гости

Хехе, очень просто и интересно как раз для моего уровня wink
  • 2 мая 2012 21:30
  • Комментов: 0
  • mike
  • Группа: Гости

кто поможет с этим уроком напишите в скайп rayman3192 или дайте свой плз не пойму
  • 12 мая 2012 15:40
  • Комментов: 69
  • Lektor
  • Группа: Администраторы

Пиши мне в скайп lektor-ps
  • 29 августа 2012 16:58
  • Комментов: 0
  • Антошка
  • Группа: Гости

Огромнейшее спасибо, написал автору в скайп, помог!
жаль что тут нету системы репутации, а то поставил бы плюсик!:)
  • 23 февраля 2014 23:09
  • Комментов: 0
  • Stims
  • Группа: Гости

круто конечно, но не очень реалистично:)
если будет возможность сделайте пожалуйста урок в котором огонь будет как настоящий am
  • 24 февраля 2014 10:27
  • Комментов: 69
  • Lektor
  • Группа: Администраторы

Цитата: Stims
круто конечно, но не очень реалистично:)
если будет возможность сделайте пожалуйста урок в котором огонь будет как настоящий am



Постараемся сделать подобный урок как только будет возможность:)
Информация
Комментировать статьи на нашем сайте возможно только в течении 10 дней со дня публикации.