Анимация отсчета времени

Анимация заставки отсчета выполняется при помощи разбивки на сектора слоя, выполняющего функцию бегущего времени.

Создаем новый файл. Создаем новый слой. Включаем «Вспомогательные элементы» – «Сетка» во вкладке «Просмотр». Инструментом «Овальная область» создаем круг и заливаем его серым цветом.

Анимация обратного отсчета-01

Инструментом «Фигура» создаем прямые черного цвета, располагая их по центру круга.

Анимация обратного отсчета-02

В настройках инструмента «Фигура» выбираем окружность с толстым контуром.

Анимация обратного отсчета-03

Дублируем слой с окружностью и «Масштабированием» делаем дубликаты окружности меньше.

Анимация обратного отсчета-04

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

Анимация обратного отсчета-05

Инструментом «Перо» выделяем образовавшийся треугольник на сером круге.

Анимация обратного отсчета-06

Нажимаем правой кнопкой мыши по рабочему полю и в контекст ном меню выбираем «Выделить область». В диалоговом окошке нажимаем «ОК».

Анимация обратного отсчета-07

Выделенную область вырезаем и вставляем отдельным слоем. Инструментом «Перемещение» сдвигаем вырезанный сектор так, чтобы он стыковался краями в месте среза на круге.

Анимация обратного отсчета-08

И так каждый сектор вырезаем и вставляем.

Анимация обратного отсчета-09

Создаем текстовые слои с цифрами.

Анимация обратного отсчета-10

Создаем анимацию. Во вкладе «Окно» нажимаем «Шкала времени». Создаем раскадровку. На первом кадре задаем «Выбор времени отображения кадра» – 0,1 сек и «Выбор параметров цикла» – «Постоянно».

Для первого кадра снимаем видимость со всех слоев с секторами.

Анимация обратного отсчета-11

Для второго делаем видимым один из секторов.

Анимация обратного отсчета-12

Для третьего кадра делаем видимым следующий слой с сектором, а с предыдущего не снимаем видимость.

Анимация обратного отсчета-13

Таким образом, делаем видимыми все сектора.

Анимация обратного отсчета-14

Сменяем цифру и начинаем заново возвращать видимость каждому из секторов, начиная с первого.

Анимация обратного отсчета-15

Как только круг станет цельным на следующем кадре сменяем цифру.

Анимация обратного отсчета-16

Сохраняем анимацию: вкладка «Файл» – «Сохранить для web и устройств».

Анимация обратного отсчета-17

РЕЗУЛЬТАТ

Анимация обратного отсчета

Источникfotokomok.ru

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ