Анімація Kwik 2 для фільму або спрайту

• Може 1, 2024

Тепер ми можемо створити анімацію шляху. Різниця між лінійною та анімацією контуру - це лінія. В обох анімаціях об’єкт рухається по визначеній лінії. Як ми виявили за допомогою анімації фліп сторінки, лінійна анімація переміщує об’єкт по прямій лінії. У цій анімації контуру ми проведемо шлях за вигнутою лінією для об'єкта, який слід слідувати. Наш перший крок - намалювати шлях за допомогою інструмента Photoshop Pen.

1. Вибравши шар, що містить об'єкт (кліп із фільму про льот), натисніть на льоту за допомогою інструмента «Перо». Ми розмістимо другу точку за стежкою приблизно на 3 літаки над вершиною сторінки. Клацніть на цій другій точці та перетягніть мишу вгору та праворуч, щоб зробити вигнуту лінію.
   
   
2. На панелі «Шляхи» (згруповано з панеллю «Шари») перейменуйте робочий шлях на «flypath1».
   
   Тепер ми можемо сказати Квіку використовувати цей шлях для нашої Анімації Шляхів.
   
   
3. Якщо шар fly_pg8 все ще вибраний, натисніть на Значок анімації на панелі категорій.
   
   
4. Натисніть на Значок "Анімація шляху", щоб відкрити діалогове вікно.
   
   
5. Назвіть цю анімацію "fly1Ani".
   
   
6. Ця анімація буде для шару fly_pg8.
   
   
7. Шлях: оберіть шлях flypath1 зі спадного списку.
   
   Коли муха рухається по кривій, ми хочемо, щоб він трохи обертався, щоб його голова продовжувала вказувати у напрямку шляху.
   
   
8. Поставте прапорець Автоповорот і встановіть кількість кута повороту лише -10 градусів.
   
   
9. Мухи рухаються швидко. Давайте встановимо Тривалість на 1 або .5 секунди.
   
   
10. Ми хочемо, щоб муха залишалася поза сторінкою після анімації. Установіть прапорець Пауза при завершенні та встановіть цикл на 1 раз. Залиште реверс в кінці.
    
    
11. Додамо трохи реалізму, зробивши муху колись, коли вона клацає, а потім злетить. Ми можемо це зробити, встановивши Easing на inOutExpo.
    
    
12. Встановіть Точку прив’язки до TopCenter, щоб його тіло оберталося більше, ніж голова.
    
    
13. Ми не хочемо, щоб муха рухалася, доки не натиснеться кнопка. Встановіть Запит на очікування.
    
    
14. Залиште прапорець для повернення до початкової позиції галочкою.
    
    
15. Натисніть Створити.
    
    

Тепер ми можемо додати кнопку. Ще на шарі fly_pg8.

1. Клацніть на Значок взаємодії на панелі категорій.
   
   
2. Клацніть на Додати значок кнопки, щоб відкрити діалогове вікно.
   
   
3. Назвіть кнопку "fly1btn".
   
   
4. Ми хочемо, щоб шар fly_pg8 як для стандартних, так і для надмірних станів.
   
   
5. У розділі «Взаємодії» розгорніть розділ «Анімація».
   
   
6. Виберіть «Анімація відтворення». Виберіть fly1Ani зі спадного списку.
   
   
7. Розгорніть розділ Аудіо.
   
   Виберіть Зупинити аудіо та виберіть перший аудіо зі спадного списку.
   
   Все ж у розділі "Аудіо" виберіть "Відтворити аудіо" та виберіть другий аудіофайл зі спадного списку.
   
   
8. Натисніть Створити.
   
   

Тепер ми можемо протестувати нашу інтерактивну послідовність. Коли сторінка завантажується, муха повинна махати крилами на сторінці, коли фоновий звук летить постійно. Коли ми натискаємо на сторінку, ми повинні почути голосніший летячий звук, і він рухається зі сторінки.

Збережіть зміни на сторінці8.

Натисніть на Експортуйте значок лише для поточної сторінки та кнопку Опублікувати, щоб перевірити свою анімацію.

Перейдіть у папку LearnKwik та зробіть резервну копію папки проекту Шаблон. Перейменуйте папку резервного копіювання, додавши поточну дату до кінця. (ШаблонMM-DD-YY).

← Назад

Ці навчальні посібники призначені для старішої версії Kwik 2 і, можливо, не дуже допоможуть при використанні Kwik 3 і вище. Якщо у вас виникли проблеми, скористайтеся форумом 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. Знімки екрана, які використовуються дозволом.

Відео Інструкція: CS50 2016 Week 0 at Yale (pre-release) (Може 2024).