Kwik Page Turn анимация

• May 9, 2024

В последних нескольких уроках мы работали над шаблоном страницы для нашего приложения Kwik book. У нас есть еще одна вещь, которую нужно добавить в шаблон, это линейная анимация, которая имитирует поворот страницы.

Мы хотим, чтобы эта анимация воспроизводилась сразу после загрузки страницы. У нас уже есть графика для анимации на слое kwkpgTurn на странице 1. Также этот слой был установлен как общий актив, чтобы он работал в приложении книги.

Линейная анимация

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

Линейная анимация перемещает объект из одной точки на экране в другую. Поэтому основными настройками линейной анимации являются начальная и конечная точки. Kwik автоматически установит начальную точку анимации в качестве текущей позиции объекта на слое. Нам нужно будет установить конечную точку для анимации.

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

Анимация перелистывания страниц

1. В разделе Страница / Компоненты панели Kwik выберите страницу1. Вы должны увидеть «@ page1» в верхней части раздела.
   
   
2. Нажать на Переключитесь на значок просмотра компонентов, чтобы увидеть список компонентов, уже добавленных на эту страницу.
   
   
3. Выберите слой kwkpgTurn на панели «Слои».
   
   
4. На панели категорий нажмите на Значок анимации.
   
   
5. Нажать на Значок линейной анимации (первый значок в первом ряду инструментов).
   
   
6. В диалоговом окне «Линейная анимация» переименуйте анимацию «pgTurn».
   
   
7. Слой kwkpgTurn: говорит Kwik использовать графику на слое kwkpgTurn для анимации. Оставьте это выбранным
   
   

В разделе «Свойства» Kwik показывает нам положения X и Y для объекта в слое kwkpgTurn, а также ширину и высоту графического объекта. Поскольку мы хотим переместить всю графику за пределы экрана, нам нужно переместить ее как минимум на то же количество пикселей, что и ширина графики (732 пикселя). Давайте переместим его на 732 пикселя влево. Поскольку текущая позиция X равна 0. Это приведет к отрицательному числу для конечной позиции. Мы не хотим перемещать объект по вертикали, поэтому мы будем держать позицию Y равной 0. Это приведет к тому, что объект будет двигаться только горизонтально.

8. Конечная позиция:
   х-732
   у 0
   
   
9. Случайное конечное положение: мы не будем использовать эту функцию, поэтому оставьте ее по умолчанию.
   
   
10. Продолжительность: мы хотим, чтобы графика двигалась очень быстро, чтобы дать эффект переворота. Итак, давайте установим это на 1 секунду и задержку 0,25 секунды.
    
    
11. Установите флажок «Приостановлено после завершения».
    
    
12. Цикл: установите для этого параметра значение l время.
    
    
13. Запуски: установите для этого параметра, когда начинается страница.
    
    
14. Нажмите Создать.
    
    
15. Вы должны увидеть, что анимация pgTurn была добавлена ​​в список компонентов для этой страницы.
    
    

Сейчас самое время протестировать проект. Нажмите кнопку «Опубликовать» на панели Kwik. Проверьте навигационные кнопки и анимацию перелистывания страниц.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.
Продукты Kwik, логотип Kwik и Kwiksher являются собственностью Kwiksher.com - Copyright 2011. Снимки экрана, используемые с разрешения.

Эти учебные пособия предназначены для более старой версии Kwik 2 и могут не сильно помочь при использовании Kwik 3 и выше. Если у вас возникли проблемы, пожалуйста, используйте форум Kwik.

Видео инструкция: Симпсоны Антология. Том 1 (May 2024).