Τρίτη 1 Ιανουαρίου 2013

Flash Μέρος Γ: Animation-Shape Tween

Δραστηριότητα

Σε αυτήν την δραστηριότητα θα χρησιμοποιήσουμε την τεχνική Shape tween. Συγκεκριμένα θα έχουμε αρχικά ένα τετράγωνο το οποίο θα μετασχηματίζεται σταδιακά σε ένα κύκλο. Το Shape tween είναι και αυτός ένας όρος, όπως το Motion Tween, που χρησιμοποιεί η flash για να αναφερθεί στο μετασχηματισμό ενός σχήματος από μια μορφή σε μια άλλη.

Απάντηση

1. Πριν δημιουργήσουμε το Shape Tween χρειαζόμαστε ένα σχήμα το οποίο θα το χρησιμοποιήσουμε στο animation. Πρώτα λοιπόν δημιουργήστε στο Frame 1 του Layer 1 ένα απλό τετράγωνο όπως αυτό που φαίνετε παρακάτω. Για την δημιουργία του ανατρέξτε και πάλι στην εργαλειοθήκη της flash και επιλέξτε το εργαλείο τετράγωνο (rectangle tool).
 

 2. Επιλέξτε το frame 30 από την Timeline και εισάγετε ένα keyframe. Όμοια επιλέξτε το frame 60 και εισάγετε και εκεί ένα επιπλέον keyframe. Παρατηρήστε πως τα Frames 1 έως και 60 είναι σκιασμένα με χρώμα γκρι, αυτή είναι η χρονική περιοχή στην οποία το animation θα λάβει χώρα.


3. Εμείς θέλουμε να μετασχηματίσουμε ένα σχήμα σε ένα άλλο για αυτόν τον λόγο ας φτιάξουμε στο frame 30 ένα κίτρινο κύκλο. Για αυτόν τον λόγο αρχικά επιλέξτε το frame 30 και σχεδιάστε έναν κίτρινο κύκλο πάνω ακριβώς από το μπλε τετράγωνο που είναι ήδη πάνω στην σκηνή πατώντας συγχρόνως και το πλήκτρο shift έτσι ώστε το τετράγωνο σας να καλυφθεί τελείως. Τώρα το σκηνικό σας για το Frame 30 πρέπει να μοιάζει κάπως έτσι:


 4. Επιλέξτε ένα οποιοδήποτε frame ανάμεσα στα frame 2 και 29 κάνοντας δεξί κλικ με το ποντίκι σας.  Από το πτυσσόμενο μενού επιλέξτε Create Shape Tween.

5. Εισάγετε ένα τρίτο keyframe στο frame 31 και όμοια με πριν επιλέξτε ένα τυχαίο frame ανάμεσα στα Frames 32 και 59 κάνοντας δεξί κλικ με το ποντίκι σας.  Από το πτυσσόμενο μενού επιλέξτε Create Shape Tween.
Προσέξτε και πάλι εάν τα βέλη δεν είναι συνεχόμενα αλλά σπαστά βεβαιωθείτε πως ακολουθήσατε σωστά τα παραπάνω βήματα.

7. Μόλις έχετε ολοκληρώσει ένα ακόμα animation, επιλέξτε Control | test Movie από το κύριο μενού του Flash για να δείτε το αποτέλεσμα της δραστηριότητας. Θα πρέπει να βλέπετε αρχικά ένα μπλε τετράγωνο να μετατρέπετε σταδιακά σε ένα κίτρινο κύκλο και μόλις η ταινία σας φτάσει στο keyframe 30 γίνετε ακριβώς το αντίστροφο ο κίτρινος κύκλος μετασχηματίζεται στο μπλε τετράγωνο που είχαμε αρχικά.