Kwik 2 Path Animation για ένα Movie Clip ή Sprite

• Απρίλιος 24, 2024

Τώρα μπορούμε να δημιουργήσουμε το Animation Path. Η διαφορά μεταξύ της γραμμικής κίνησης και της κίνησης διαδρομής είναι η γραμμή. Και στις δύο κινήσεις το αντικείμενο μετακινείται κατά μήκος μιας καθορισμένης γραμμής. Όπως ανακαλύψαμε με το animation flip σελίδας, ένα γραμμικό κινούμενο σχέδιο κινεί το αντικείμενο κατά μήκος μιας ευθείας γραμμής. Σε αυτήν την κίνηση διαδρομής, θα σχεδιάσουμε μια διαδρομή κατά μήκος μιας καμπύλης γραμμής για να ακολουθήσει το αντικείμενο. Το πρώτο βήμα είναι να σχεδιάσουμε τη διαδρομή με το εργαλείο του Photoshop Pen.

1. Με το επιλεγμένο στρώμα που περιέχει το αντικείμενο (το κλιπ ταινίας μύγας), κάντε κλικ με το εργαλείο πένας. Θα τοποθετήσουμε το δεύτερο σημείο για το μονοπάτι με μήκος 3 μύγες πάνω από το επάνω μέρος της σελίδας. Κάντε κλικ σε αυτό το δεύτερο σημείο και σύρετε το ποντίκι επάνω και προς τα δεξιά για να κάνετε μια καμπύλη γραμμή.
   
   
2. Στον πίνακα "Διαδρομές" (ομαδοποιημένος με τον πίνακα "Επίπεδα"), μετονομάστε τη διαδρομή εργασίας στο "flypath1".
   
   Τώρα μπορούμε να πούμε στο Kwik να χρησιμοποιήσει αυτή τη διαδρομή για την κίνηση Path μας.
   
   
3. Με το layer fly_pg8 ακόμα επιλεγμένο, κάντε κλικ στο Εικονίδιο κινούμενων εικόνων στη γραμμή κατηγοριών.
   
   
4. Κάνε κλικ στο Εικονίδιο διαδρομής κίνησης για να ανοίξετε το παράθυρο διαλόγου.
   
   
5. Ονομάστε αυτή την κίνηση "fly1Ani".
   
   
6. Αυτή η κινούμενη εικόνα θα είναι για το layer fly_pg8.
   
   
7. Διαδρομή: Επιλέξτε τη διαδρομή flypath1 από την αναπτυσσόμενη λίστα.
   
   Καθώς η μύγα κινείται κατά μήκος της καμπύλης, θέλουμε να περιστραφεί ελαφρά ώστε το κεφάλι του να συνεχίσει να δείχνει προς την κατεύθυνση του μονοπατιού.
   
   
8. Επιλέξτε το πλαίσιο για αυτόματη περιστροφή και ρυθμίστε το ποσό για τη γωνία περιστροφής σε μόλις -10 μοίρες.
   
   
9. Οι μύγες κινούνται γρήγορα. Ας ορίσουμε τη Διάρκεια σε 1 ή .5 δευτερόλεπτο.
   
   
10. Θέλουμε η μύγα να παραμείνει εκτός σελίδας μετά την κίνηση. Επιλέξτε το πλαίσιο για Παύση όταν ολοκληρωθεί και ρυθμίστε το βρόχο σε 1 ώρα. Αφήστε την αντίστροφη στο τέλος να αφαιρεθεί.
    
    
11. Ας προσθέσουμε λίγο ρεαλισμό κάνοντας την πτήση να διστάζει όταν είναι κλικ και στη συνέχεια να πετάξει μακριά. Μπορούμε να το κάνουμε αυτό ρυθμίζοντας το Easing στο inOutExpo.
    
    
12. Ρυθμίστε το σημείο αγκύρωσης στο TopCenter έτσι ώστε το σώμα του να περιστρέφεται περισσότερο από το κεφάλι του.
    
    
13. Δεν θέλουμε να μετακινηθεί η μύγα μέχρι να πατηθεί το κουμπί. Ορίστε την αίτηση αναμονής.
    
    
14. Αφήστε το κουτί για επιστροφή στην αρχική θέση ανεξέλεγκτο.
    
    
15. Κάντε κλικ στην επιλογή Δημιουργία.
    
    

Τώρα μπορούμε να προσθέσουμε το κουμπί. Ακόμα στο layer fly_pg8.

1. Κάντε κλικ στο Εικονίδιο αλληλεπιδράσεων από τη γραμμή κατηγοριών.
   
   
2. Κάντε κλικ στο Προσθήκη εικονιδίου κουμπιού για να ανοίξετε το παράθυρο διαλόγου.
   
   
3. Ονομάστε το κουμπί "fly1btn".
   
   
4. Θέλουμε το layer fly_pg8 τόσο για τις καταστάσεις προεπιλογής όσο και για το πλήκτρο Over.
   
   
5. Από την ενότητα Αλληλεπιδράσεις, αναπτύξτε την ενότητα Animation.
   
   
6. Επιλέξτε Παιχνίδι κίνησης. Επιλέξτε fly1Ani από την αναπτυσσόμενη λίστα.
   
   
7. Αναπτύξτε την ενότητα Ήχος.
   
   Επιλέξτε Stop Audio και επιλέξτε τον πρώτο ήχο από την αναπτυσσόμενη λίστα.
   
   Ακόμα στην ενότητα Ήχος, επιλέξτε Αναπαραγωγή ήχου και επιλέξτε το δεύτερο αρχείο ήχου από την αναπτυσσόμενη λίστα.
   
   
8. Κάντε κλικ στην επιλογή Δημιουργία.
   
   

Τώρα μπορούμε να δοκιμάσουμε τη διαδραστική αλληλουχία μας. Όταν η σελίδα φορτώνεται, η μύγα θα πρέπει να κτυπήσει τα φτερά της στη σελίδα με τον ήχο του μουσικού φόντου να παίζει συνεχώς. Όταν κάνουμε κλικ στη σελίδα, πρέπει να ακούσουμε έναν πιο δυνατό ήχο και να απομακρυνθεί από τη σελίδα.

Αποθηκεύστε τις αλλαγές στη σελίδα8.

Κάνε κλικ στο Εξαγωγή εικονιδίου Εξαγωγή τρέχουσας σελίδας και του κουμπιού "Δημοσίευση" για να δοκιμάσετε την κινούμενη εικόνα

Μεταβείτε στο φάκελο LearnKwik και δημιουργήστε ένα αντίγραφο ασφαλείας του φακέλου έργου Template. Μετονομάστε το φάκελο αντιγράφων ασφαλείας προσθέτοντας την τρέχουσα ημερομηνία στο τέλος. (TemplateMM-DD-YY).

← Πίσω

Αυτά τα μαθήματα είναι για την παλαιότερη έκδοση του Kwik 2 και μπορεί να μην είναι πολύ χρήσιμα όταν χρησιμοποιείτε το Kwik 3 και παραπάνω. Εάν αντιμετωπίζετε προβλήματα, χρησιμοποιήστε το φόρουμ Kwik.

Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.
Το προϊόν Kwik, το λογότυπο Kwik και το Kwiksher είναι ιδιότητες του Kwiksher.com - Copyright 2011. Προβολές οθόνης που χρησιμοποιούνται από την άδεια.

Οδηγίες Βίντεο: But what is a Neural Network? | Deep learning, chapter 1 (Απρίλιος 2024).