Δημιουργία Περιεχομένου II Διάλεξη 3: Σχεδιοκίνηση με ενδιάμεση παραγωγή κίνησης (motion tweening)

Transcript

1 Δημιουργία Περιεχομένου II Διάλεξη 3: Σχεδιοκίνηση με ενδιάμεση παραγωγή κίνησης (motion tweening) Παράδειγμα 1: (1) Δημιουργήστε ένα νέο αρχείο Flash (Actionscript 3.0): Ερώτηση: Τι είναι το ActionScript 3.0; (2) Σώστε το αρχείο που μόλις δημιουργήσατε με το όνομα leciii 1.fla.

2 Ερώτηση: Ποια η διαφορά ανάμεσα σε ένα αρχείο με επέκταση.fla και σε ένα αρχείο με επέκταση.swf; Με ποια προγράμματα μπορούμε να επεξεργαστούμε (να το τροποποιήσουμε) ένα αρχείο.swf; (3) Μετονομάστε το μοναδικό layer της ταινίας σε Background (το αρχικό όνομα λογικά είναι Layer 1). (Για να κάνετε αυτό κάντε διπλό κλικ στο όνομα του layer και γράψτε background) (4) Κατασκευάστε ένα ορθογώνιο χρώματος «ανοικτό πορτοκαλί» και καλύψτε με αυτό όλο το σκηνικό.

3 (5) Δημιουργήστε ένα νέο layer και ονομάστε το «Circle_Layer». Φροντίστε να το τοποθετήσετε πάνω από το layer Background. (6) Αφού κλειδώσετε για επεξεργασία το layer «Background» δημιουργήστε στο καρέ 1 (του layer Circle_Layer) ένα κύκλο (με περίγραμμα 3 pixels μαύρο και εσωτερικό χρώματος μπλε)

4 (7) Μετατρέψτε τον κύκλο σε σύμβολο (δεξί κλικ πάνω στον κύκλο), με όνομα circle, τοποθετήστε τον στην κάτω αριστερή γωνία του καρέ και δώστε του διαστάσεις 100x100 pixels (επιλέξτε από την εργαλειοθήκη το σύμβολο για free transform). Ερώτηση: (1) Τι κερδίζουμε με την μετατροπή σε σύμβολο; (2) Που μπορούμε να δούμε που βρίσκονται τα σύμβολα μας; (3) Ποια η διαφορά ανάμεσα στους τύπους συμβόλου Movie clip, Button και Graphic (8) Δημιουργήστε ένα keyframe (καρέ κλειδί) στο καρέ 30. Ερώτηση: (1) Σε ποιο layer πρέπει να τοποθετήσουμε το καρέ κλειδί; (2) Θα χρειαστεί να προσθέσουμε και μία παύση (απλό καρέ) στο καρέ 30 του layer Background. Γιατί;

5 (9) Μετακινήστε τον κύκλο στην πάνω δεξιά γωνία του καρέ 30 και δημιουργήστε ενδιάμεση κίνηση στο καρέ 1. Ερώτηση: Ποια είναι η θέση του κύκλου στο καρέ 15; (10) Τροποποιήστε το μέγεθος, το χρώμα και την παραμόρφωση (skew) του κύκλου στο καρέ 30. Ελέγξτε την ταινία που δημιουργήθηκε.

6 (11) Κάντε τον κύκλο να επανέρχεται σταδιακά στην αρχική του θέση, χρώμα και σχήμα. (Για να το κάνετε αυτό θα χρειαστεί να εισάγετε ένα κενό keyframe στο καρέ 60, να αντιγράψετε το keyframe 1 στο keyframe 60 και να εισάγετε παραγωγή ενδιάμεσης κίνησης στο καρέ 30. Επίσης θα πρέπει να εισάγετε ένα κενό καρέ στο καρέ 60 του layer Background )

7 Να λύσετε τις πιο κάτω ασκήσεις με αντίστοιχο τρόπο όπως το Παράδειγμα Ι. Άσκηση 1 Σε ένα νέο αρχείο: 1. Γράψτε στο όνομα σας στο καρέ 1 και τοποθετήστε κάτω αριστερά. 2. Προσθέστε ένα keyframe στο καρέ 30. Αλλάξτε το μέγεθος (ώστε να καλύπτει όλο το σκηνικό), χρώμα, περιστροφή, και παραμόρφωση του ονόματος σας. 3. Δοκιμάστε να δημιουργήσετε ενδιάμεση κίνηση. Τι παρατηρείτε; 4. Παρατηρήστε τη βιβλιοθήκη. Ποια σύμβολα έχουν δημιουργηθεί; 5. Επαναλάβετε τα βήματα (1) (3) αλλά στο βήμα μετατρέψτε το όνομα σας σε σύμβολο 6. Τι παρατηρείτε; Άσκηση 2 1. Δημιουργήστε ένα κύκλο με κίνηση yo yo (από πάνω προς τα κάτω και ξανά στην αρχική θέση) 2. Δοκιμάστε να κάνετε την κίνηση του κύκλου προς τα κάτω να είναι επιταχυνόμενη και προς τα πάνω επιβραδυνόμενη. Με ποιο τρόπο μπορείτε να το πετύχετε; 3. Επιθυμούμε ο κύκλος με το που ακουμπά κάτω να παραμορφώνεται και αμέσως μετά (πριν ξεκινήσει την άνοδο του) να επανέρχεται στο κανονικό του σχήμα. Τι τροποποιήσεις θα χρειαστεί να κάνουμε; Άσκηση 3 Δημιουργήστε ένα νέο αρχείο Flash (Actionscript 3.0): 1. Στο καρέ 1 δημιουργήστε 1 κύκλο στην αριστερή πλευρά του σκηνικού. Μετατρέψτε τον κύκλο σε σύμβολο και ονομάστε το στρώμα στο οποίο εργάζεστε σε «ball». 2. Δημιουργήστε ένα keyframe στο καρέ 30. Μετακινήστε τον κύκλο στα δεξιά του καρέ και παραμορφώστε έτσι ώστε να μοιάζει με μπάλα του μπέιζμπολ. 3. Δημιουργήστε ένα νέο στρώμα. Ονομάστε το Path. Στο πρώτο καρέ τραβήξτε μια ευθεία γραμμή από αριστερά προς τα δεξιά. Τροποποιήστε τη γραμμή ώστε να μοιάζει με ημικύκλιο. Δημιουργήστε ένα keyframe στο καρέ 30. Αλλάξτε τον τύπο του στρώματος σε Guide 4. Αλλάξτε τον τύπο του στρώματος «Ball» σε Guided. Δημιουργήστε ενδιάμεση κίνηση στο καρέ 1 επιλέγοντας και την επιλογή «orient to path» Άσκηση 4 Δημιουργήστε μια ταινία με δύο κύκλους οι οποίοι κινούνται από αριστερά προς τα δεξιά αλλά με διαφορετική ταχύτητα: 1. Μπορείτε να δοκιμάσετε σε κάποιο σημείο οι κύκλοι να επικαλύπτονται 2. Φροντίστε οι κύκλοι να επιστρέφουν στην αρχική τους θέση. Κατά την επιστροφή οι κύκλοι να έχουν αντίστροφη επικάλυψη

8 Παραδοτέα: Γραπτή αναφορά με τις απαντήσεις σας και screenshots όπου μπορείτε καθώς και τα αρχεία.fla. Ημερομηνία Παράδοσης: 27/9/2010