Создаем анимированный пожар используя Фотошоп

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания анимированного пожара.


Финальный результат

Создаем анимированный пожар используя Фотошоп

Приступаем к уроку Фотошопа


Результатом будет видео файл, в уроке используеться Photoshop CS3 и установленные кодеки Quick Time.


1. Открываем фотографию нашего здания (File > Open (Файл > Открыть / Сочетание клавиш "Ctrl+O")). Я выбрал вот это: ↓


Создаем анимированный пожар используя Фотошоп

2. Выбираем инструмент Cropping Tool Инструмент - Кадрирование (Кадрирование / Клавиша "C"). Со следующими настройками: ↓


Создаем анимированный пожар используя Фотошоп

И обрезаем изображение под размер видео кадра. ↓


Создаем анимированный пожар используя Фотошоп

3. Создаем новый слой Layer 1 (Слой 1). Заливаем его черным цветом (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")) и устанавливаем режим наложения Lighten (Замена светлым).


4. Нажимаем D, а затем X. Основной цвет стал белым. Выбираем инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") устанавливаем необходимый диаметр (в моем случае 21 px) и максимальную мягкость. И на слое Layer 1 (Слой 1) рисуем белые пятна в тех местах где будет огонь.


Создаем анимированный пожар используя Фотошоп

5. Поворачиваем изображение по часовой стрелке. Image > Rotate Canvas > 90° CW (Изображение > Повернуть холст > 90˚ по часовой стрелке). Применяем к слою Layer 1 (Слой 1) фильтр Filter > Stylize > Wind (Фильтр > Стилизация > Ветер).


Создаем анимированный пожар используя Фотошоп

Нажимаем Ctrl+F. Для повторного применения фильтра. Разворачиваем изображение обратно Image > Rotate Canvas > 90° CCW (Изображение > Повернуть холст > 90˚ против часовой стрелки). И применяем ещё фильтры Filter > Distort > Ripple (Фильтр > Искажение > Рябь) и Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Настройки подбираем на своё усмотрение, но размытие не ставим очень сильным. Теперь меняем режим наложения слоя Layer 1 (Слой 1) на Darken (Затемнение). В результате чего получим, что то вроде этого: ↓


Создаем анимированный пожар используя Фотошоп

6. Создам новый слой Layer 2 (Слой 2) (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Поместим его выше остальных слоев и применим фильтр Filter > Render > Clouds (Фильтр > Рендеринг > Облака). А затем несколько раз фильтр Filter > Render > Difference Clouds (Фильтр > Рендеринг > Облака с наложением). Потом нажмем Ctrl+Alt+U и установим следующие настройки. ↓


Создаем анимированный пожар используя Фотошоп

7. Создадим копию слоя Layer 2 (Слой 2) и совместим слои Layer 2 (Слой 2) и Layer 2 copy (Слой 2 копия) следующим образом. ↓


Создаем анимированный пожар используя Фотошоп

Сливаем Layer 2 copy (Слой 2 копия) с Layer 2 (Слой 2) (Выделяем слои через Alt и жмем Ctrl+E). Теперь нам нужно избавиться от линии перехода. Для этого можно воспользоваться мягким - Clone Stamp Tool Инструмент - Клонирующий штамп (Инструмент Клонирующий штамп / Клавиша "S") диаметром 90-100 px.


8. Следующим шагом установим слой Layer 2 (Слой 2) таким образом, чтобы его верхняя граница касалась верхнего края изображения. Я специально оставил вверху отступ, чтобы было понятнее (черная линия). Так вот этого отступа быть недолжно.


Создаем анимированный пожар используя Фотошоп

9. Открываем окно анимации Window > Animation (Окно > Анимация) и устанавливаем время для первого кадра 0,1 секунды. Создаем новый кадр и перемещаем слой Layer 2 (Слой 2). Так что бы его нижняя граница совпадала с нижним краем изображения. Опять же отступа с низу быть не должно, я его оставил только для наглядности.


Создаем анимированный пожар используя Фотошоп

10. Снова выделяем первый кадр устанавливаем слою Layer 2 (Слой 2) режим наложения Color Dodge (Осветление основы). Получим вот что: ↓


Создаем анимированный пожар используя Фотошоп

Затем делаем копию слоя Background (Фоновый слой). Устанавливаем слой Background copy (Фон копия) поверх остальных и ставим ему режим наложения Lighten (Замена светлым).


Сейчас наши дела обстоят примерно следующим образом. ↓


Создаем анимированный пожар используя Фотошоп

У нас есть фон и три слоя Background copy (Lighten (Замена светлым)), Layer 2 (Color Dodge (Осветление основы)) и Layer 1 (Darken (Затемнение) или Hard Light (Жесткий свет)).


11. Выделяем оба кадра и нажимаем в окне анимации на кнопку Twins (выделена на рисунке выше ↑ красным кружком). Ставим добавить 99 кадров и нажимаем Ok. У нас получилось 101 кадров анимации. Удаляем 101 – й кадр. Так как он повторяет первый, а этого нам ненужно. (Для того чтобы поменять режим наложения какого ни будь слоя, нужно выделить все 100 кадров. Для этого выделяем первый, а затем, удерживая Shift нажимаем на последний кадр.


12. Теперь сохраняем видео. File > Export > Render Video (Файл > Экспортировать > Просмотреть видео).


Создаем анимированный пожар используя Фотошоп

В появившемся окне напротив Quick Time Export я выбрал AVI. Затем нажал Settings > Параметры. А дальше такие настройки. ↓


Создаем анимированный пожар используя Фотошоп

Потом нажимаем Ok, и ещё Ok, а теперь Render. Не забудете глянуть куда рендерится ваше видео, по умолчанию это папка мои документы.


Вот и всё.


Финальный результат

Создаем анимированный пожар используя Фотошоп

Автор: badmaster;

Текст доработан командой сайта PhotoshopPro.ru