Добавление анимации в InVision относительно просто. Существует несколько различных инструментов анимации, которые вы можете использовать, и все они работают практически одинаково.
Сначала необходимо импортировать файл анимации в InVision. Это можно сделать, нажав на кнопку «Анимация» на панели проекта или выбрав в меню «Файл» пункт «Импорт -> Анимация».
После того как файл анимации будет импортирован, необходимо найти временную шкалу файла анимации. Для этого откройте панель временной шкалы и нажмите на головку воспроизведения слева от файла анимации.
Это откроет временную шкалу в редакторе.
Далее необходимо найти кадры, которые нужно анимировать. Для этого выделите кадры, которые хотите анимировать, а затем нажмите на кнопку Добавить контроллер справа от кадра.
Откроется диалоговое окно Добавить контроллер.
В диалоговом окне Добавить контроллер необходимо выбрать инструмент анимации, который вы хотите использовать. Доступными инструментами анимации являются:
-
Ключевые кадры
-
Траектории движения
-
Пружины
-
Петли
-
Временные линии
-
Траектории
-
Ротоскопы
-
Триггеры
-
Действия
После выбора инструмента анимации, который вы хотите использовать, вам нужно указать свойства анимации. Свойства, которые необходимо указать, следующие:
>
Имя файла анимации
Продолжительность анимации
Время начала анимации
Время окончания анимации
Тип анимации (ключевые кадры, траектории движения, пружины, циклы, временные шкалы, пути, ротоскопы, триггеры, действия)
Начальная точка анимации
Конечная точка анимации
Угол анимации
Коэффициент смягчения анимации
После того, как вы указали свойства анимации, вам нужно нажать кнопку OK, чтобы завершить добавление контроллера.
Теперь необходимо добавить анимацию в сцену. Для этого нужно выбрать сцену, которую вы хотите анимировать, а затем нажать кнопку Добавить анимацию справа от файла анимации.
Откроется диалоговое окно Добавить анимацию.
В диалоговом окне Добавить анимацию необходимо указать свойства анимации. Вот свойства, которые необходимо указать:
После указания свойств анимации нужно нажать кнопку OK, чтобы завершить добавление анимации в сцену.
Теперь необходимо добавить анимацию в пользовательский интерфейс. Для этого нужно выбрать элемент пользовательского интерфейса, который вы хотите анимировать, а затем нажать на кнопку Добавить анимацию справа от файла анимации.
После указания свойств анимации необходимо нажать кнопку OK, чтобы завершить добавление анимации к элементу пользовательского интерфейса.
- Тип анимации (ключевые кадры, моти