Главная » Уроки » Уроки анимации в фотошопе
Перевод основных меню в Adobe Photoshop

Анимированный огонь

Создаем новый документ,размер сделайте немного больше чем вам надо
(если вам нужно изображение 200х200,то сделайте холст размером 300х300)

Сделайте
#414141 цветом переднего плана(foreground) и белый - цветом заднего
плана(background). Зайдите в Фильтр - Рендиринг  -Облака  Filter > Render > Clouds и примините
к слою. Теперь зайдите в Фильтр - Рендиринг - Волокна  Filter > Render > Fibers и примините с
такими настройками :
Несовпадения Variance: 17.0, Интенсивность Strength: 4.0



Продублируйте слой Ctrl+J. Выберите первый слой,нажмите Изображение - Коррекция - Цветовой тон/Насыщенность Ctrl+U,

Поставьте галочку напротив Тонирование colorize и примените с такими настройками :
Цветовой тон Hue: 0, Насыщенность Saturation: +80, Яркость Lightness: +10



Сделайте тоже самое для продублированного слоя, но с другими настройками :
Цветовой тон Hue: +50, Насыщенность Saturation: +90, Яркость Lightness: 0



Продублируйте жёлтый слой и измените опции смешивания на Линейный затемнитель Linear Burn
Выберите жёлтый слой, измените опции смешивания на ЗАМЕНА СВЕТЛЫМ lighten и непрозрачность слоя на 70%.


Объедините все слои.



Зайдите в Фильтр - Искажение - Искривление  Filter > Distort > Shear и сделайте волну из точек по мини графику


Далее, примените Фильтр - Размытие - Размытие в движении Motion blur с такими настройками
угол angle: 90 смещение distance: 15px.



Подготовим огонь к анимации.

Пишем любой текст, желательно толстый. Убираем значок замка на слое фон. Растрируем наш текст ( внимание! После этого шага изменить текст нельзя). Переносим слой фон выше слоя с текстом. 

Теперь кликаем на слое с огнем и в меню выбираем Создать обтравочную маску.

Теперь создадим фон. Новый слои и заливаем черным цветом. Переносим его в самый низ.

Анимация.

Идем в меню с верху Окно - Анимация, открылось окно с анимацией . Заставим огонь двигаться. 

Берем инструмент   перемещение. 

В окне Анимация у нас уже есть 1 слой. 

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

Теперь создадим второй слов панели анимации. Кликните на иконку создания слоя 

Теперь снова будем работать с нашим огнем. Теперь мы огонь поднимаем выше.

В панели Анимация добавим кадры для плавности. Для этого кликаем на 1 слой, чуть ниже картинки выставляем время 0,1 , выбираем иконку Создание промежуточных кадров , в окне ставим 5 кадров нажимаем ок и у нас автоматически добавилось 5 кадров. Чем больше кадров,тем плавнее анимация.  Мы можем нажать плей и тогда увидим анимацию.

Можете продолжить дальше добавлять кадры . Я так и сделаю. Я проделаю предыдущие шаги и подвину наш фон еще выше и прибавлю еще 5 кадров. 

Что бы сохранить нажимаем Фаил -Сохранить для web устройств. В появившемся окне нажимаем сохранить. 

Перевод основных меню в Adobe Photoshop

Сообщить о проблемном уроке

Категория: Уроки анимации в фотошопе | Добавил: To4kA (02.10.2007)
Просмотров: 4183 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
1 grjaban  
Не могу понять как это потянуть гориз.направляющую и отметиь центр? Вернее чем? Можно чуть по подробнее это место,а то зависла на этом шаге

dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Код *: