Kwik Page Turn Animation
Останні кілька навчальних посібників ми працювали над шаблоном сторінки для нашого додатка книги Kwik. До шаблону є ще одна річ, яку слід додати, а саме лінійна анімація, яка імітує розворот сторінки.

Ми хочемо, щоб ця анімація відтворювалася негайно, коли сторінка завантажується. У нас вже є графіка для анімації на шарі 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. Це призведе до переміщення об'єкта тільки по горизонталі.

  1. Кінцеве положення:
    х -732
    y 0

  2. Випадкова кінцева позиція: ми не будемо використовувати цю функцію, тому залиште її за замовчуванням.

  3. Тривалість: Ми хочемо, щоб графіка рухалася дуже швидко, щоб надати ефект відкидання. Тож давайте встановимо це на 1 секунду та на затримку .25 секунди.

  4. Поставте прапорець Призупинено після завершення.

  5. Цикл: встановіть цю опцію на l час.

  6. Починає: встановіть це, коли сторінка починається.

  7. Натисніть Створити.

  8. Ви повинні побачити, що анімація pgTurn була додана до списку компонентів для цієї сторінки.

Зараз хороший час для тестування проекту. Натисніть кнопку Опублікувати на панелі Kwik. Перевірте навігаційні кнопки та анімацію повороту сторінки.

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe перевидано з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, 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! (March 2024).