Kwik Page Turn Animation

• Може 10, 2024

През последните няколко урока работихме върху шаблона на страницата за нашето приложение за книги Kwik. Имаме още нещо, което да добавим към шаблона, а това е линейната анимация, която емулира завой на страницата.

Ще искаме тази анимация да се възпроизвежда веднага, когато страницата се зареди. Вече имаме графиката за анимацията на слоя kwkpgTurn в page1. Също така този слой е зададен като споделен актив, така че да работи чрез приложението за книги.

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

На този етап ще създаваме много проста анимация и ще използваме повечето от настройките по подразбиране. Но ще научим много за линейните анимации, тъй като добавяме много от тях към книгата.

Линейна анимация премества обект от една точка на екрана в друга. Следователно основните настройки за линейна анимация са началната и крайната точка. Kwik автоматично задава началната точка за анимацията като текущо положение на обекта върху слоя. Ще трябва да определим крайната точка на анимацията.

Също така ще зададем продължителността на анимацията за секунди, тъй като това ще определи колко бързо се движи обектът. Накрая ще настроим анимацията да започне, когато страницата се зареди.

Анимация на страницата

1. В секцията Страница / Компоненти на панела Kwik изберете страница1. Трябва да видите „@ page1“ в горната част на секцията.
   
   
2. Кликнете върху Превключете към икона Преглед на компоненти, за да видите списъка си с компоненти, които вече са добавени към тази страница.
   
   
3. Изберете слоя kwkpgTurn в панела Слоеве.
   
   
4. От лентата с категории щракнете върху Икона за анимации.
   
   
5. Кликнете върху Икона за линейна анимация (първа икона в първия ред инструменти).
   
   
6. В диалоговия прозорец Линейна анимация преименувайте анимацията "pgTurn".
   
   
7. Layer kwkpgTurn: Това казва на Kwik да използва графиката на слоя kwkpgTurn за анимация. Дръжте това избрано
   
   

В секцията Свойства Kwik ни показва позициите X и Y за обекта върху kwkpgTurn слоя и ширината и височината на графичния обект. Тъй като искаме да преместим цялата графика от екрана, ще трябва да я преместим поне същия брой пиксели като ширината на графиката (732 px). Нека го преместим 732 пиксела вляво. Тъй като текущата позиция X е 0. Това ще доведе до отрицателно число за крайната позиция. Ние не искаме да движим обекта вертикално, така че ще задържим позицията Y, зададена на 0. Това ще накара обекта да се движи само хоризонтално.

8. Крайна позиция:
   x -732
   y 0
   
   
9. Рандомизирана крайна позиция: Няма да използваме тази функция, затова я оставете зададена по подразбиране.
   
   
10. Продължителност: Искаме графиката да се движи много бързо, за да даде ефект на обръщане. Така че нека да настроим това на 1 секунда и .25 секунда закъснение.
    
    
11. Поставете отметка в квадратчето за пауза при завършване.
    
    
12. Loop: Задайте тази опция на l време.
    
    
13. Стартира: Задайте това, когато страницата се стартира.
    
    
14. Кликнете върху Създаване.
    
    
15. Трябва да видите, че анимацията pgTurn е добавена в списъка с компоненти за тази страница.
    
    

Сега е подходящ момент за тестване на проекта. Кликнете върху бутона Публикуване в панела Kwik. Тествайте навигационните бутони и анимацията за обръщане на страницата.

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.
Продуктът Kwik, логото на Kwik и Kwiksher са свойства на Kwiksher.com - Copyright 2011. Екранни снимки, използвани с разрешение.

Тези уроци са за по-старата версия на Kwik 2 и може да не са много полезни при използване на Kwik 3 и по-нови версии. Ако имате проблеми, моля, използвайте форума на Kwik.

Инструкции Видео: SKETCHBOOK TOUR 2019! (Може 2024).