Άςκηςη: Εργαλεία Σχεδιαςμοφ

Transcript

1 Άςκηςη: Εργαλεία Σχεδιαςμοφ 1. Κάντε κλικ ςτο κουμπί Size 550x440 του παρακφρου Properties. Το πλαίςιο διαλόγου του Document Properties εμφανίηεται. Κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 2. Επιλζξτε View > Grid > Edit Grid. Το πλαίςιο διαλόγου του Grid εμφανίηεται. Κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 3. Επιλζξτε View > Antialias για τθν ομαλοποίθςθ των ακμϊν του αντικειμζνου που ςχεδιάηετε. 4. Επιλζξτε Window > Color. Στο πλαίςιο διαλόγου του Color που εμφανίηεται, κακορίςτε τισ ακόλουκεσ ρυκμίςεισ:

2 5. Επιλζξτε το εργαλείο ςχεδίαςθσ ορκογϊνιο. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 6. Κάντε κλικ οπουδιποτε μζςα ςτθ ςκθνι ςασ και ζχοντασ πατθμζνο το αριςτερό πλικτρο του ποντικιοφ ςχεδιάςτε ζνα ορκογϊνιο ςτθν ςκθνι. 7. Μετατρζψτε το ορκογϊνιο ςε ςφμβολο. (δεξί κλικ->convert TO SYMBOL ι MODIFY->CONVERT TO SYMBOL. Κακορίςτε τισ ακόλουκεσ ρυκμίςεισ:

3 8. Πατιςτε το πλικτρο Delete για να διαγράψετε το ορκογϊνιο από τθν ςκθνι. 9. Επιλζξτε View > Grid > Edit Grid άπό το μενοφ. Αποεπιλζξετε Snap to Grid. 10. Επιλζξτε το εργαλείο μολφβι. 11. Όταν επιλζξετε το εργαλείο μολφβι από τθ εργαλειοκικθ, κοντά ςτο πλαίςιο Options εμφανίηει τον επιλογζα Pencil Mode και τισ τρεισ επιλογζσ του. Επιλζξτε τθν επιλογι Smooth για τθν παραγωγι ομαλϊν καμπφλων. 12. Κάντε κλικ ςτο εικονίδιο του Stroke color box και επιλζξτε το καφζ ωσ χρϊμα περιγράμματοσ. 13. Κάντε κλικ ςτο εικονίδιο του Fill color box και επιλζξτε το καφζ ωσ χρϊμα γεμίςματοσ. 14. Χρθςιμοποιιςτε το εργαλείο ςχεδίαςθσ μολφβι για να ςχεδιάςετε τον κορμό ενόσ δζντρου. 15. Επιλζξτε το εργαλείο κουβά μπογιάσ. 16. Κάντε κλικ ςτο εςωτερικό του κορμοφ του δζντρου για να το γεμίςετε με το επιλεγμζνο χρϊμα (δθλ. το καφζ). Σημείωςη: Εάν ο κορμόσ του δζντρου δεν γεμίηει με το επιλεγμζνο χρϊμα, τότε κάντε κλικ ςτο Gap Size modifier και επιλζξτε Close Large Gaps. 17. Επιλζξτε το εργαλείο μολφβι.

4 18. Κάντε κλικ ςτο εικονίδιο του Stroke color box και επιλζξτε το πράςινο ωσ χρϊμα περιγράμματοσ. 19. Κάντε κλικ ςτο εικονίδιο του Fill color box και επιλζξτε το πράςινο ωσ χρϊμα γεμίςματοσ. 20. Σχεδιάςτε το φφλλωμα του δζντρου. 21. Επιλζξτε το εργαλείο κουβά μπογιάσ. 22. Κάντε κλικ ςτο εςωτερικό του φυλλϊματοσ του δζντρου για να το γεμίςετε με το επιλεγμζνο χρϊμα (δθλ. το πράςινο). 23. Επιλζξτε το εργαλείο επιλογισ. 24. Επιλζξτε το φφλλωμα του δζντρου. 25. Σφρετε το φφλλωμα του δζντρου ςτο κορμό του δζντρου. 26. Χρθςιμοποιιςτε το εργαλείο επιλογισ για να ςχεδιάςετε ζνα ορκογϊνιο γφρω από το δζντρο. Ζτςι, επιλζγετε το δζντρο. 27. Επιλζξτε Modify > Group. 28. Επιλζξτε Modify > Convert to Symbol. Το πλαίςιο διαλόγου του Symbol Properties εμφανίηεται. Κακορίςτε τισ ακόλουκεσ ρυκμίςεισ:

5 29. Διαγράψτε το δζντρο από τθν ςκθνι. 30. Επιλζξτε View > Grid > Snap to Grid. 31. Επιλζξτε το εργαλείο ςχεδίαςθσ κφκλοσ. 32. Κάντε κλικ ςτο εικονίδιο του Stroke color box και επιλζξτε το γκρι ωσ χρϊμα περιγράμματοσ. 33. Κάντε κλικ ςτο εικονίδιο του Fill color box και επιλζξτε το γκρι ωσ χρϊμα γεμίςματοσ. 34. Σχεδιάςτε τθν ηάντα. 35. Μετατρζψτε τθν ηάντα ςε ςφμβολο. Κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 36. Διαγράψτε τθ ηάντα από τθν ςκθνι. 37. Επιλζξτε το εργαλείο ςχεδίαςθσ κφκλοσ. 38. Κάντε κλικ ςτο εικονίδιο του Stroke color box και επιλζξτε το μαφρο ωσ χρϊμα περιγράμματοσ. 39. Κάντε κλικ ςτο εικονίδιο του Fill color box και επιλζξτε το μαφρο ωσ χρϊμα γεμίςματοσ. 40. Σχεδιάςτε τισ δφο ρόδεσ.

6 41. Επιλζξτε το εργαλείο ςχεδίαςθσ γραμμι. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 42. Σχεδιάςτε το ςαςί. 43. Επιλζξτε το εργαλείο κουβά μπογιάσ. 44. Κάντε κλικ ςτο εικονίδιο του Fill color box και επιλζξτε το κόκκινο ωσ χρϊμα γεμίςματοσ. 45. Κάντε κλικ ςτο εςωτερικό του αυτοκινιτου για να το γεμίςετε με το επιλεγμζνο χρϊμα (δθλ. το κόκκινο). 46. Γεμίςτε τα φϊτα με άςπρο χρϊμα. 47. Επιλζξτε από τθ βιβλιοκικθ Window > Library το ςφμβολο Cap (ηάντα) και ςφρετε ζνα αντίγραφο του Cap ςτο κζντρο τθσ μιασ ρόδασ.

7 48. Κάντε κλικ ξανά ςτο εικονίδιο που είναι δίπλα ςτο ςφμβολο Cap (ηάντα) και ςφρετε ζνα άλλο αντίγραφο του Cap ςτο κζντρο τθσ άλλθσ ρόδασ. 49. Χρθςιμοποιιςτε τα βελάκια για να προςαρμόςετε τθν κζςθ των ηάντων. 50. Χρθςιμοποιιςτε το εργαλείο επιλογισ για να ςχεδιάςετε ζνα ορκογϊνιο γφρω από το αυτοκίνθτο. Ζτςι, επιλζγετε το αυτοκίνθτο. 51. Μετατρζψτε το ςε ςφμβολο με τισ εξισ ιδιότθτεσ: 52. Διαγράψτε το αυτοκίνθτο από τθν ςκθνι. 53. Επιλζξτε το εργαλείο ςχεδίαςθσ γραμμι. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 54. Σχεδιάςτε το ακόλουκα κτίρια.

8 55. Προςκζςετε χρϊμα ςτα κτίρια 56. Κάντε διπλό κλικ ςτο όνομα του επιπζδου Layer 1 ςτο Timeline και μετονομάςτε το ςε Building. 57. Δθμιουργιςτε ζνα νζο επίπεδο για τον ουρανό (sky).

9 58. Κάντε κλικ ςτο εικονίδιο από τθ βιβλιοκικθ που είναι δίπλα ςτο ςφμβολο Sky και ςφρετε ζνα αντίγραφο του Sky ςτθν ςκθνι. Περιςτροφή και κλιμάκωςη (rotate and scale) 1. Επιλζξτε το εργαλείο μετατροπισ (free transform tool). 2. Επιλζξτε τθν επιλογι τθσ περιςτροφισ (Rotate modifier). 3. Κατευκφνουμε το δείκτθ ςε μια από τισ γωνίεσ του ςχιματοσ και με κλικ και ςφρςιμο περιςτρζφουμε το αντικείμενο, ζτςι ϊςτε το γζμιςμα να είναι οριηόντιο. 4. Επιλζξτε τθν επιλογι τθσ κλιμάκωςθσ (Scale modifier).

10 5. Τροποποιιςτε τισ διαςτάςεισ του αντικειμζνου, μετακινϊντασ τισ κορυφζσ του, ζτςι ϊςτε να καλφπτει τα κτίρια. Αναδιοργάνωςη των επιπζδων Θζλουμε να τοποκετιςουμε τον ουρανό πίςω από τα κτίρια. 1. Επιλζξτε το επίπεδο Sky και ςφρετε το κάτω από το επίπεδο Building. Προςθήκη πράςινου

11 1. Επιλζξτε το επίπεδο Building. 2. Κάντε κλικ ζξω από τθν ςκθνι για να αποεπιλζξετε τα κτιρια. 3. Επιλζξτε το εργαλείο ςχεδίαςθσ ορκογϊνιο. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 4. Κάντε κλικ οπουδιποτε μζςα ςτθ ςκθνι ςασ και ζχοντασ πατθμζνο το αριςτερό πλικτρο του ποντικιοφ ςχεδιάςτε ζνα ορκογϊνιο μπροςτά από τα κτιρια. Προςθήκη δρόμου 1. Επιλζξτε το εργαλείο ςχεδίαςθσ ορκογϊνιο. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 2. Κάντε κλικ οπουδιποτε μζςα ςτθ ςκθνι ςασ και ζχοντασ πατθμζνο το αριςτερό πλικτρο του ποντικιοφ ςχεδιάςτε ζνα ορκογϊνιο μπροςτά από το πράςινο.

12 Προςθήκη περιοχήσ τίτλου 1. Επιλζξτε το εργαλείο ςχεδίαςθσ ορκογϊνιο. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 2. Κάντε κλικ οπουδιποτε μζςα ςτθ ςκθνι ςασ και ζχοντασ πατθμζνο το αριςτερό πλικτρο του ποντικιοφ ςχεδιάςτε ζνα ορκογϊνιο μπροςτά από το δρόμο. Προςθζςετε δζντρα ςτην ταινία ςασ 1. Επιλζξτε το επίπεδο Building. 2. Κάντε δεξί κλικ ςτο επίπεδο Building και επιλζξτε Insert Layer. Ζνα νζο επίπεδο εμφανίηεται πάνω από το επίπεδο Building. 3. Κάντε διπλό κλικ ςτο όνομα αυτοφ του επιπζδου και μετονομάςτε το ςε Trees. Ειςαγωγή του δζντρου (tree) από την βιβλιοθήκη ςτη ςκηνή 1. Επιλζξτε Window > Library. 2. Κάντε κλικ ςτο εικονίδιο που είναι δίπλα ςτο ςφμβολο Tree και ςφρετε ζνα αντίγραφο του Tree ςτθν ςκθνι.

13 Προςαρμογή του Tree 1. Επιλζξτε το εργαλείο επιλογισ. 2. Επιλζξτε το εργαλείο μετατροπισ (free transform tool). 5. Επιλζξτε τθν επιλογι τθσ κλιμάκωςθσ (Scale modifier). 3. Τροποποιιςτε κατάλλθλα τισ διαςτάςεισ του αντικειμζνου. 4. Τοποκετείςτε το δζντρο ςτθ ςκθνι μπροςτά από τα κτιρια. 5. Επαναλάβετε τθν διαδικαςία και τοποκετείςτε ζνα άλλο δζντρο ςτθ ςκθνι. Καρζ-κλειδιά (keyframes) Τα keyframes χρθςιμοποιοφνται για τον κακοριςμό αλλαγϊν ςτο animation. Τθν τρζχουςα ςτιγμι, κάκε επίπεδο τθσ ταινίασ είναι διάρκειασ ενόσ καρζ (frame). Ειςάγοντασ ζνα καρζ-κλειδί ςτο καρζ 20 για κάκε επίπεδο, αυτό ζχει ωσ αποτζλεςμα να παραμείνουν ςτθ ςκθνι τα επίπεδα μζχρι και το καρζ 20. Χρονικι επζκταςθ του επιπζδου Sky 1. Κάντε κλικ ςτο καρζ 20 του επιπζδου Sky. 2. Επιλζξτε Insert > Keyframe.

14 Χρονικι επζκταςθ του επιπζδου Buildings 1. Κάντε κλικ ςτο καρζ 20 του επιπζδου Building. 2. Επιλζξτε Insert > Keyframe. Χρονικι επζκταςθ του επιπζδου Trees 1. Κάντε κλικ ςτο καρζ 20 του επιπζδου Trees. 2. Επιλζξτε Insert > Keyframe. Προςθήκη νζου επιπζδου, με το όνομα Car 1. Επιλζξτε το επίπεδο Trees. 2. Κάντε δεξί κλικ ςτο επίπεδο Trees και επιλζξτε Insert Layer. Ζνα νζο επίπεδο εμφανίηεται πάνω από το επίπεδο Trees. 3. Κάντε διπλό κλικ ςτο όνομα αυτοφ του επιπζδου και μετονομάςτε το ςε Car. Ειςαγωγι του αυτοκινιτου (Car) από τθν βιβλιοκικθ ςτθ ςκθνι 1. Κάντε κλικ ςτο πρϊτο καρζ του επιπζδου Car. 2. Επιλζξτε Window > Library. 3. Κάντε κλικ ςτο εικονίδιο που είναι δίπλα ςτο ςφμβολο Car και ςφρετε ζνα αντίγραφο του Car ςτθν ςκθνι. 4. Επιλζξτε το εργαλείο επιλογισ. 5. Επιλζξτε το εργαλείο μετατροπισ (free transform tool). 6. Επιλζξτε τθν επιλογι τθσ κλιμάκωςθσ (Scale modifier). 7. Τροποποιιςτε κατάλλθλα τισ διαςτάςεισ του αντικειμζνου.

15 Κίνηςη (motion tween) Θζςτε το αυτοκίνθτο ςε κίνθςθ 1. Τοποκετιςτε το αυτοκίνθτο ςτα αριςτερά τθσ ςκθνισ. 2. Κάντε κλικ ςτο Frame 20 του επιπζδου Car. 3. Επιλζξτε Insert > Keyframe. 4. Κάντε κλικ ςτο Frame 1 του επιπζδου Car. 5. Τοποκετιςτε το αυτοκίνθτο ςτα δεξιά τθσ ςκθνισ. 6. Βεβαιωκείτε ότι είναι επιλεγμζνο το Frame 1 του επιπζδου Car. 6. Επιλζξτε Insert > Create Motion Tween. 7. Επιλζξτε Control > Rewind. 8. Επιλζξτε Control > Play. Το αυτοκίνθτο μετακινείται κατά μικοσ τθσ ςκθνισ. Προςθήκη ήχου Θα προςκζςουμε τον ιχο από το κλάξον του αυτοκινιτου. Ειςαγωγή ήχου 1. Επιλζξτε File > Import. Βρείτε και επιλζξτε το αρχείο shorthrn.wav. Κάντε κλικ ςτο Open. Το αρχείο shorthrm.wav εμφανίηεται ςτθν Library. Προςκικθ ιχου 1. Επιλζξτε το επίπεδο Car. 2. Κάντε δεξί κλικ ςτο επίπεδο Car και επιλζξτε Insert Layer. Ζνα νζο επίπεδο εμφανίηεται πάνω από το επίπεδο Car. 3. Κάντε διπλό κλικ ςτο όνομα του επιπζδου αυτοφ και μετονομάςτε το ςε Horn.

16 4. Κάντε κλικ ςτο Frame 10 του επιπζδου Horn. 5. Επιλζξτε Insert > Keyframe. 6. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: ΣΥΝΕΧΕΙΑ 1. Επιλζξτε View > Antialias για τθν ομαλοποίθςθ των ακμϊν του αντικειμζνου που ςχεδιάηετε. 2. Επιλζξτε το εργαλείο ςχεδίαςθσ κφκλοσ. Στο παράκυρο Properties κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 3. Κάντε κλικ οπουδιποτε μζςα ςτθ ςκθνι ςασ και ζχοντασ πατθμζνο το αριςτερό πλικτρο του ποντικιοφ ςχεδιάςτε μια ζλλειψθ ςτθν ςκθνι. 4. Επιλζξτε το εργαλείο επιλογισ. 5. Κάντε διπλό κλικ ςτθν ζλλειψθ. 6. Επιλζξτε Insert > Convert to Symbol. Το πλαίςιο διαλόγου του Symbol Properties εμφανίηεται. Κακορίςτε τισ ακόλουκεσ ρυκμίςεισ: 7. Στο παράκυρο των Properties δϊςτε ςτο πεδίο instance name τθν τιμι strt_btn. 8. Πατιςτε το πλικτρο Delete για να διαγράψετε τθν ζλλειψθ από τθν ςκθνι. Μθν ανθςυχείτε. Ζνα αντίγραφο του Start Button υπάρχει ςτθ βιβλιοκικθ των ςυμβόλων (Library). Σταμάτημα της ενέργειας (stopping the action) Όηαλ δεκνζηεύεηε ηελ ηαηλία ζαο, παξαηεξείηε όηη ην απηνθίλεην αξρίδεη λα θηλείηαη ακέζωο. Αλ ζέινπκε ε έλαξμε ηεο θίλεζεο ηνπ απηνθηλήηνπ λα ξπζκίδεηαη από ην πάηεκα ελόο θνπκπηνύ, ηόηε ζα θάλνπκε ηα εμήο: α) ζα πξνζζέζνπκε έλα script γηα λα ζηακαηήζνπκε νπνηαδήπνηε ελέξγεηα πξνεγείηαη ηνπ παηήκαηνο ελόο θνπκπηνύ β) ζα πξνζζέζνπκε έλα θνπκπί, πνπ όηαλ θάλεη θιηθ ζε απηό ν ρξήζηεο, ην απηνθίλεην αξρίδεη λα θηλείηαη.

17 Να ζηακαηήζνπκε νπνηαδήπνηε ελέξγεηα 1. Επηιέμηε ην επίπεδν Horn. 2. Κάληε δεμί θιηθ ζην επίπεδν Horn θαη επηιέμηε Insert Layer. Έλα λέν επίπεδν εκθαλίδεηαη πάλω από ην επίπεδν Horn. 3. Κάληε δηπιό θιηθ ζην όλνκα ηνπ επηπέδνπ απηνύ θαη κεηνλνκάζηε ην ζε Action. 4. Κάληε θιηθ ζην Frame 1 ηνπ επηπέδνπ Action. 5. Κάληε δεμί θιηθ ζην Frame 1 θαη επηιέμεηε Actions. Πλθκτρολογιςτε τον ακόλουκο κϊδικα Αναπαραγωγή της ταινίας 1. Επηιέμηε Control > Test Movie. Τν απηνθίλεην δελ κεηαθηλείηαη. Προσθήκη κοσμπιού Πξνζζήθε λένπ επηπέδνπ 1. Επηιέμηε ην επίπεδν Actions. 2. Κάληε δεμί θιηθ ζην επίπεδν Actions θαη επηιέμηε Insert Layer. Έλα λέν επίπεδν εκθαλίδεηαη πάλω από ην επίπεδν Actions. 3. Κάληε δηπιό θιηθ ζην όλνκα ηνπ επηπέδνπ απηνύ θαη κεηνλνκάζηε ην ζε Button. Εηζαγωγή ηνπ Start Button από ηελ Library 1. Επηιέμηε Window > Library. 2. Κάληε θιηθ ζην εηθνλίδην πνπ είλαη δίπια ζην ζύκβνιν Start Button θαη ζύξεηε έλα αληίγξαθν ηνπ Start Button ζηελ ζθελή. Επεμεξγαζία ηνπ ζπκβόινπ 1. Επηιέμηε Edit > Edit Symbols. 2. Επηιέμηε ην Over Frame. 3. Επηιέμηε Insert > Keyframe. 4. Κάληε θιηθ ζην εηθνλίδην ηνπ Fill color box θαη επηιέμηε πξάζηλν. 5. Επηιέμηε ην Down Frame. 6. Επηιέμηε Insert > Keyframe. 7. Κάληε θιηθ ζην εηθνλίδην ηνπ Fill color box θαη επηιέμηε θαθέ. 8. Κάληε θιηθ ζην Scene 1.

18 9. Κάληε δεμί θιηθ ζην θνπκπί ηεο ζθελή ζαο. 10. Επηιέμηε Actions και πλθκτρολογιςτε τον ακόλουκο κϊδικα: strt_btn.addeventlistener(mouseevent.click, buttonclickhandler); function buttonclickhandler(event:mouseevent):void {gotoandplay(1);} Αλαπαξαγωγή ηεο ηαηλίαο 1. Επηιέμηε Control > Test Movie. 1. Κάληε θιηθ ζην Start Button γηα λα θάλεηε ην απηνθίλεην λα θηλεζεί. 2. Κιείζηε ην παξάζπξν. Το εργαλείο κειμένοσ (the text tool) Πξνζζήθε θεηκέλνπ ζην θνπκπί 1. Επηιέμηε ην εξγαιείν θεηκέλνπ. Σην παξάζπξν Properties θαζνξίζηε ηηο αθόινπζεο ξπζκίζεηο: 2. Πιεθηξνινγήζηε Start Movie ζην θνπκπί. 3. Κάληε θιηθ έμω από ηελ ζθελή. 4. Χξεζηκνπνηήζηε ην εξγαιείν επηινγήο γηα λα πξνζαξκόζεηε ηε ζέζε ηνπ θεηκέλνπ. 5. Κάληε θιηθ έμω από ηελ ζθελή. Πξνζζήθε ηίηινπ 1. Επηιέμηε ην εξγαιείν θεηκέλνπ. Σην παξάζπξν Properties θαζνξίζηε ηηο αθόινπζεο ξπζκίζεηο: 2. Πιεθηξνινγήζηε Ghost Town θάηω αξηζηεξά ζηελ ζθελή. 3. Κάληε θιηθ έμω από ηελ ζθελή. Αλαπαξαγωγή ηεο ηαηλίαο

19 1. Επηιέμηε Control > Test Movie. 3. Κάληε θιηθ ζην Start Button γηα λα θάλεηε ην απηνθίλεην λα θηλεζεί. 4. Κιείζηε ην παξάζπξν.