Очень часто при создании анимированных открыток используется такой прием, как бегущие огоньки или блики по контуру рисунка. На этом уроке попробуем разобраться, как это можно сделать.

Вот, к примеру, такой цветок  как на рисунке слева. Бегущие огоньки идут по всем краям цветочных лепестков.

Впрочем, начнем с примера попроще.
Не будем обводить контур готового рисунка, создадим его сами, произвольный.
Просто для примера у меня будет сердечко на черном фоне. Сегодня все-таки 14 февраля - день святого Валентина, вот и создадим небольшую валентинку.

Начнем, пожалуй.
Для начала создадим новый документ размером 400 на 400 px и закрасим его в черный цвет.

Уроки по фотошопу

С помощью инструмента Shape (Фигура) нарисуем сердечко. То есть, выбираем на панели слева инструмент, а затем сверху среди всех фигур находим сердце. 
Обязательно переключаем режим с рисования фигуры на рисование контура.

Уроки фотошопа

Уроки фотошопа

Следующим шагом надо настроить кисть так, чтобы она рисовала бликами, звездочками или крестиками.
Выбираем инструмент Brush (Кисть)  и вызываем панель настройки кисти F5.

НАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕ	Выбираем форму кисти и ее размер
НАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕ	Изменяем расстояние между нашими бликами
НАСТРАИВАЕМ КИСТЬ В ФОТОШОПЕ	Делаем блики разными, изменяем размер, поворачиваем отдельные блики, увеличиваем разброс и так далее.  Просто двигаем ползунки туда-сюда, подбирая лучшее расположение бликов.

Следующий шаг - создаем пять-шесть пустых слоев.
Создаем пустые слои в фотошопе
Делаем активным самый верхний слой, переключаемся на закладку Paths (Контуры)
Щелкаем правой кнопкой мыши по слою с контуром и  в открывшемся меню выбираем пункт  Stroke Path (Обводка контура) 
обводка контура
Возвращаемся на вкладку Laeyrs (Слои), убираем глазок у верхнего слоя, делаем активным слой пониже и обводку уже для него.
следующий слой
Повторяем действия для всех слоев.
После того, когда обводка создана для всех слоев, делаем их видимыми (щелкаем глазики на каждом слое) и вызываем панель анимации Окно - Анимация (Window - Animation).
На панели анимации вызываем меню и выбираем пункт Создать кадры из слоев (Make frames from layers)
Анимация в фотошоп
Для второго кадра делаем видимыми первый и второй слой. 

Для третьего кадра - видимыми будут первый и третий слой, для четвертого кадра соответственно будут видимыми первый и четвертый слои. И так далее.
Первый кадр у нас пустой, просто черный, его нужно удалить.
Время для каждого кадра нужно установить в 0,05 сек. И вот она - наша анимация.


Для красоты можно добавить блики чуть большего размера прямо на кадрах.


И вот он последний результат:

 
Понятно, что черный фон не очень-то красит рисунок-анимацию. Но это просто для того, чтобы на уроке видны были блики. Естественно, фон может быть любой, точно так же как и контур.
На этот раз точно все. Удачи в работе!