Animacja Kwik 2 Path do klipu filmowego lub duszka

• Może 5, 2024

Teraz możemy stworzyć animację ścieżki. Różnica między animacją liniową a ścieżką to linia. W obu animacjach obiekt porusza się wzdłuż wyznaczonej linii. Jak odkryliśmy przy animacji odwracania strony, animacja liniowa przesuwa obiekt wzdłuż linii prostej. W tej animacji ścieżki narysujemy ścieżkę wzdłuż zakrzywionej linii, aby obiekt mógł podążać. Naszym pierwszym krokiem jest narysowanie ścieżki za pomocą narzędzia Photoshop Pen.

1. Po zaznaczeniu warstwy zawierającej obiekt (klip filmowy w locie) kliknij w locie za pomocą narzędzia Pióro. Drugi punkt ścieżki umieścimy na około 3 długościach nad górą strony. Kliknij ten drugi punkt i przeciągnij myszą w górę i w prawo, aby utworzyć zakrzywioną linię.
   
   
2. W panelu Ścieżki (zgrupowanym z panelem Warstwy) zmień nazwę ścieżki roboczej na „flypath1”.
   
   Teraz możemy powiedzieć Kwikowi, aby użył tej ścieżki do naszej animacji ścieżki.
   
   
3. Przy nadal zaznaczonej warstwie fly_pg8 kliknij przycisk Ikona animacji na pasku kategorii.
   
   
4. Kliknij na Ikona animacji ścieżki, aby otworzyć okno dialogowe.
   
   
5. Nazwij tę animację „fly1Ani”.
   
   
6. Ta animacja będzie dla warstwy fly_pg8.
   
   
7. Ścieżka: wybierz ścieżkę flypath1 z listy rozwijanej.
   
   Gdy mucha porusza się po łuku, chcemy, aby lekko się obrócił, tak aby jego głowa nadal wskazywała kierunek ścieżki.
   
   
8. Zaznacz pole Auto Turn i ustaw wartość kąta obrotu na zaledwie -10 stopni.
   
   
9. Muchy poruszają się szybko. Ustawmy Czas trwania na 1 lub 0,5 sekundy.
   
   
10. Chcemy, aby mucha pozostała poza stroną po animacji. Zaznacz pole Wstrzymaj po zakończeniu i ustaw Pętlę na 1 raz. Usuń zaznaczenie Odwróć na końcu.
    
    
11. Dodajmy trochę realizmu, wahając się, kiedy kliknie, a potem odlatuje. Możemy to zrobić, ustawiając Easing na inOutExpo.
    
    
12. Ustaw punkt kontrolny na TopCenter, aby jego ciało obracało się bardziej niż głowa.
    
    
13. Nie chcemy, aby mucha się poruszała, dopóki przycisk nie zostanie kliknięty. Ustaw żądanie oczekiwania.
    
    
14. Pozostaw niezaznaczone pole Powrót do pozycji początkowej.
    
    
15. Kliknij Utwórz.
    
    

Teraz możemy dodać przycisk. Nadal na warstwie fly_pg8.

1. Kliknij Ikona interakcji z paska kategorii.
   
   
2. Kliknij Dodaj ikonę przycisku, aby otworzyć okno dialogowe.
   
   
3. Nazwij przycisk „fly1btn”.
   
   
4. Chcemy warstwy fly_pg8 dla stanów przycisku Domyślny i Ponad.
   
   
5. W sekcji Interakcje rozwiń sekcję Animacja.
   
   
6. Wybierz Odtwórz animację. Wybierz fly1Ani z rozwijanej listy.
   
   
7. Rozwiń sekcję Audio.
   
   Wybierz Zatrzymaj audio i wybierz pierwszy dźwięk z rozwijanej listy.
   
   Nadal w sekcji Audio wybierz Play Audio i wybierz drugi plik audio z rozwijanej listy.
   
   
8. Kliknij Utwórz.
   
   

Teraz możemy przetestować naszą interaktywną sekwencję. Gdy strona się ładuje, mucha powinna trzepotać skrzydłami na stronie, a dźwięk much w tle będzie odtwarzany nieprzerwanie. Kiedy klikamy na stronę, powinniśmy usłyszeć głośniejszy dźwięk muchy, a on schodzi ze strony.

Zapisz zmiany na stronie 8.

Kliknij na Ikona Eksportuj tylko bieżącą stronę i przycisk Publikuj, aby przetestować animację.

Przejdź do folderu LearnKwik i wykonaj kopię zapasową folderu projektu szablonu. Zmień nazwę folderu kopii zapasowej, dodając bieżącą datę na końcu. (Szablon MM-DD-RR).

← Wstecz

Te samouczki dotyczą starszej wersji Kwik 2 i mogą nie być bardzo pomocne podczas korzystania z Kwik 3 i nowszych wersji. Jeśli masz problemy, skorzystaj z forum Kwik.

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą 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 i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.
Produkt Kwik, logo Kwik i Kwiksher są własnością Kwiksher.com - Copyright 2011. Zrzuty ekranu wykorzystane za zgodą.

Instrukcje Wideo: The Undebunkable (Może 2024).