Kwik 2 Path анимация за клип или спрайт

• Април 28, 2024

Сега можем да създадем анимацията на пътя. Разликата между линейна и анимация на пътя е линията. И в двете анимации обектът се движи по определена линия. Както открихме с анимацията за обръщане на страницата, линейна анимация премества обекта по права линия. В тази анимация на пътя ние ще начертаем път по извита линия за обекта, който да следва. Първата ни стъпка е да начертаем пътя с инструмента Photoshop Pen.

1. С избрания слой, съдържащ обекта (клипа на летящия филм), щракнете върху мухата с инструмента Pen. Ще поставим втората точка за пътеката около 3 летни дължини над горната част на страницата. Кликнете върху тази втора точка и плъзнете мишката нагоре и надясно, за да направите извита линия.
   
   
2. В панела „Пътища“ (групиран с панела „Слоеве“) преименувайте работния път на „flypath1“.
   
   Сега можем да кажем на Kwik да използва този път за нашата Path Animation.
   
   
3. Когато слоят fly_pg8 все още е избран, щракнете върху Икона на анимации в лентата с категории.
   
   
4. Кликнете върху Икона за анимация на пътя, за да отворите диалоговия прозорец.
   
   
5. Назовете тази анимация „fly1Ani“.
   
   
6. Тази анимация ще бъде за слой fly_pg8.
   
   
7. Path: Изберете пътя flypath1 от падащия списък.
   
   Докато мухата се движи по завоя, ние искаме той да се завърти леко, така че главата му да продължава да сочи в посоката на пътеката.
   
   
8. Поставете отметка в полето за автоматично завъртане и задайте сумата за ъгъла на завъртане на едва -10 градуса.
   
   
9. Мухите се движат бързо. Нека да зададем Продължителността на 1 или .5 секунда.
   
   
10. Искаме мухата да остане извън страницата след анимацията. Поставете отметка в квадратчето за пауза при завършване и задайте контура на 1 път. Оставете Reverse в края, премахнете отметката.
    
    
11. Нека добавим малко реализъм, като накараме мухата да се колебае при щракване и след това да отлети. Можем да направим това, като зададем Easing на inOutExpo.
    
    
12. Задайте Точката на котва на TopCenter, така че тялото му да се върти повече от главата му.
    
    
13. Не искаме мухата да се движи, докато не се натисне бутона. Задайте заявка за изчакване.
    
    
14. Оставете полето за връщане към начална позиция отметнато.
    
    
15. Кликнете върху Създаване.
    
    

Сега можем да добавим бутона. Все още на слоя fly_pg8.

1. Щракнете върху Икона за взаимодействия от лентата с категории.
   
   
2. Щракнете върху Добавете икона на бутона, за да отворите диалоговия прозорец.
   
   
3. Назовете бутона "fly1btn".
   
   
4. Искаме слоя fly_pg8 както за състоянията на бутона по подразбиране, така и за над.
   
   
5. От раздела „Взаимодействия“ разгънете секцията „Анимация“.
   
   
6. Изберете Възпроизвеждане на анимация. Изберете fly1Ani от падащия списък.
   
   
7. Разширете секцията Аудио.
   
   Изберете Stop Audio и изберете първия звук от падащия списък.
   
   Все още в секцията Audio, изберете Play Audio и изберете втория аудио файл от падащия списък.
   
   
8. Кликнете върху Създаване.
   
   

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

Запазете промените на страница8.

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

Отидете в папката LearnKwik и направете резервно копие на папката на проекта Шаблон. Преименувайте папката за архивиране, като добавите текущата дата до края. (TemplateMM-DD-YY).

← Назад

Тези уроци са за по-старата версия на Kwik 2 и може да не са много полезни при използване на Kwik 3 и по-нови версии. Ако имате проблеми, моля, използвайте форума на 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. Екранни снимки, използвани с разрешение.

Инструкции Видео: Делаю графику и анимацию для игр за 5 минут / Рисование и создание игр на Unity (Април 2024).