Flash Catalyst ΤΜ CS5

Transcript

1 Adobe Flash Catalyst ΤΜ CS5 ΒHΜΑ ΠΡΟΣ ΒHΜΑ Απόδοση: Αγαμέμνων Μήλιος Μηχανικός Λογισμικού Εκδόσεις: Μ. Γκιούρδας Ζωοδόχου Πηγής Τηλ.: Αθήνα,

2 Τίτλος Πρωτοτύπου: Adobe Flash Catalyst TM CS5 Classroom in a Book ISBN-13: ISBN-10: Copyright 2010 Adobe Systems Incorporated. 345 Park Avenue, San Jose, California 95110, USA Αποκλειστικότητα για την Ελληνική Γλώσσα Εκδόσεις: Μόσχος Γκιούρδας Ζωοδόχου Πηγής Τηλ.: Αθήνα, ISBN: Επιμέλεια κειμένων: Γιάννης Καρούζος Desktop Publishing: Λ. Καλαϊτζή, τηλ.: Εκτύπωση: ΑΛΦΑΒΗΤΟ Α.Ε.Β.Ε., τηλ.: Αναδημοσίευση του βιβλίου σε οποιαδήποτε μορ φή, ολόκληρου ή μέ ρους, καθώς και των περιεχομένων προ γραμ μά των, δεν επιτρέπεται χωρίς την έγγραφη εξου σιο δό τη ση του εκδότη.

3 ΤΙ ΥΠΑΡΧΕΙ ΣΤΟ ΙΣΚΟ Ακολουθεί μια περίληψη των περιεχομένων του δίσκου που συνοδεύει το βιβλίο Ο δίσκος που συνοδεύει το βιβλίο περιλαμβάνει τα αρχεία μαθημάτων που θα χρειαστείτε για την ολοκλήρωση των ασκήσεων που υπάρχουν στο βιβλίο, όπως και άλλο υλικό που θα σας βοηθήσει να μάθετε περισσότερα για το λογισμικό, ώστε να το χρησιμοποιείτε με μεγαλύτερη αποτελεσματικότητα και ευκολία. Το παρακάτω διάγραμμα παρουσιάζει τα περιεχόμενα του δίσκου, τα οποία θα πρέπει να σας βοηθήσουν να εντοπίσετε τα αρχεία που χρειάζεστε. CLASSROOM IN A BOOK ADOBE FLASH CATALYST TM CS5 WINDOWS /MAC OS 2010 Adobe Systems Incorporated All rights reserved. Made in the USA. ISBN-13: ISBN-10: /10 Adobe, the Adobe logo, Classroom in a Book and Flash Catalyst are trademarks of Adobe Systems Incorporated. Mac OS is a trademark of Apple, registered in the U.S. and other countries. Windows is either a registered trademark or a trademark of Microsoft Corporation in the U.S. and/or other countries. Αρχεία μαθημάτων Κάθε μάθημα έχει τον δικό του φάκελο μέσα στο φάκελο Lessons. Θα πρέπει να αντιγράψετε αυτούς τους φακέλους μαθημάτων στον σκληρό δίσκο σας πριν ξεκινήσετε κάθε μάθημα. Adobe Press Adobe Press Βρείτε πληροφορίες για άλλα βιβλία της Adobe Press, τα οποία καλύπτουν όλο το φάσμα των προϊόντων της Adobe, στο αρχείο Online Resources. Ηλεκτρονικοί πόροι Συνδέσεις για τη σελίδα βοήθειας της Adobe Community, σελίδες βοήθειας και υποστήριξης, Adobe Press, προγράμματα πιστοποίησης της Adobe, Adobe TV και άλλους χρήσιμους ηλεκτρονικούς πόρους, θα βρείτε μέσα σε ένα χρηστικό αρχείο HTML. Απλά ανοίξτε το στο πρόγραμμα περιήγησής σας στο Web και κάντε κλικ στις συνδέσεις συμπεριλαμβάνεται μια ειδική σύνδεση για τη σελίδα αυτού του βιβλίου, όπου θα μπορείτε να προσπελάσετε ενημερώσεις και πρόσθετο υλικό.

4 ΠIΝΑΚΑΣ ΠΕΡΙΕΧΟΜEΝΩΝ Εισαγωγή 1 Σχετικά με το Βήμα προς Βήμα...1 Προϋποθέσεις...2 Εγκατάσταση του Flash Catalyst... 2 Βελτιστοποίηση απόδοσης... 3 Έλεγχος για ενημερώσεις... 3 Έκδοση του Flash Player... 3 Αντιγραφή των αρχείων μαθημάτων... 3 Χρήση των μαθημάτων... 4 Στοιχεία του βιβλίου... 4 Πρόσθετοι πόροι... 5 Πιστοποίηση της Adobe Μάθετε τα βασικά για το Adobe Flash Catalyst CS5 8 Ανασκόπηση κεφαλαίου... 8 Σχετικά με το Flash Catalyst Το Flash Catalyst είναι το κατάλληλο εργαλείο για σας; Βασικά χαρακτηριστικά...11 Πρόσθετα οφέλη για σχεδιαστές Ροή εργασίας για σχεδίαση στο Flash Catalyst Άνοιγμα νέου έργου Flash Catalyst Βρείτε το δρόμο σας Χώρος σχεδίασης Χώρος κώδικα Άνοιγμα υπάρχοντος έργου Flash Catalyst... 19

5 Πίνακας περιεχομένων v Εξερεύνηση του χώρου σχεδίασης Μετακίνηση στο χώρο εργασίας Προσαρμογή παλετών Ζουμ στο artboard Κίνηση του artboard...22 Προεπισκόπηση έργου σε πρόγραμμα περιήγησης Βοήθεια για το Flash Catalyst Προετοιμασία, εισαγωγή και τοποθέτηση έργων 28 Ανασκόπηση κεφαλαίου Προετοιμασία εγγράφου σχεδίου Επιλογή εφαρμογής σχεδίου Σχεδιασμός δομής εφαρμογής Ομαδοποίηση σύνθετων αντικειμένων Συγχώνευση επιπέδων καλλιτεχνικών έργων με φίλτρα και εφέ ώστε ονόματα σε όλα τα στοιχεία Ενσωμάτωση εικόνων στο έγγραφο σχεδίου ιαχείριση γραμματοσειρών όταν μοιράζεστε αρχεία Αναγνώριση επαναλαμβανόμενων πόρων στοιχείων Ορισμός ιδιοτήτων στοιχείων στο Flash Catalyst ημιουργία απλού καλλιτεχνικού έργου για μια λίστα εικόνων ή κειμένου Απόκρυψη, εμφάνιση και κλείδωμα επιπέδων Εξαγωγή αρχείου FXG από το Adobe Fireworks Εισαγωγή καλλιτεχνικού έργου Εισαγωγή εγγράφου σχεδίου Εισαγωγή πρόσθετων εικόνων Τοποθέτηση εικόνων στο artboard Βελτιστοποίηση καλλιτεχνικού έργου Βελτιστοποιήστε το καλλιτεχνικό έργο... 42

6 vi Πίνακας περιεχομένων 3 ιαχείριση της βιβλιοθήκης 46 Ανασκόπηση κεφαλαίου Προβολή της παλέτας Library Πώς οι πόροι εισέρχονται στην παλέτα Library; Προσθήκη πόρων στην παλέτα Library Προεπισκόπηση αρχείων στην παλέτα Library ιαγραφή πόρων από το έργο Συμπίεση εικόνων στην παλέτα Library...53 Μετονομασία πόρων έργων Χρήση πόρων στην παλέτα Library Κοινοχρησία βιβλιοθηκών έργων Εξαγωγή πακέτου βιβλιοθήκης Εισαγωγή πακέτου βιβλιοθήκης ιαχείριση επιπέδων 60 Ανασκόπηση κεφαλαίου Εξερεύνηση της παλέτας Layers Ανάπτυξη και σύμπτυξη επιπέδων Εμφάνιση και απόκρυψη επιπέδων...63 Κλείδωμα και ξεκλείδωμα επιπέδων Ομαδοποίηση αντικειμένων Μετονομασία αντικειμένων στην παλέτα Layers Βελτιστοποίηση σύνθετων ομάδων Προσθήκη και διαγραφή επιπέδων Στοίβαξη καλλιτεχνικών έργων χρησιμοποιώντας επίπεδα Εργασία με σελίδες και καταστάσεις 74 Ανασκόπηση κεφαλαίου Καταστάσεις σελίδων και στοιχείων Αντιγραφή και τροποποίηση καταστάσεων σελίδων Εξοικονόμηση χρόνου με αντιγραφή καταστάσεων σελίδων Εκχώρηση περιγραφικών ονομάτων καταστάσεων σελίδων... 78

7 Πίνακας περιεχομένων vii Εμφάνιση και απόκρυψη καλλιτεχνικού έργου σε κάθε κατάσταση σελίδας Προσθήκη και διαγραφή καταστάσεων Προσθήκη κενής κατάστασης σελίδας Προσθήκη αντικειμένων σε κενές καταστάσεις σελίδων ιαγραφή αντικειμένων από συγκεκριμένες καταστάσεις...84 ιαγραφή καταστάσεων σελίδων ημιουργία διαδραστικών στοιχείων 88 Ανασκόπηση κεφαλαίου Τα δομικά υλικά των RIA Στοιχεία Στοιχεία αλληλεπίδρασης...90 Χρήση στοιχείων δομής wireframe Προσθήκη και τροποποίηση κουμπιών wireframe...91 Προσθήκη πεδίων εισαγωγής κειμένου wireframe Προσθήκη ραδιοφωνικών κουμπιών wireframe Προσθήκη πλαισίου ελέγχου wireframe Προσθήκη γραμμών κύλισης wireframe Μετατροπή καλλιτεχνικού έργου σε ενσωματωμένα στοιχεία Μετατροπή καλλιτεχνικού έργου σε κουμπιά ημιουργία επαναχρησιμοποιήσιμου κουμπιού πλοήγησης Ενεργοποίηση και απενεργοποίηση κουμπιών ημιουργία κουμπιών για μετάβαση σε επόμενο και προηγούμενο ημιουργία προσαρμοσμένου κουμπιού εναλλαγής Μετατροπή καλλιτεχνικού έργου σε γραμμές κύλισης Εργασία με κείμενο ημιουργία κυλιόμενου πλαισίου από καλλιτεχνικό έργο ημιουργία προσαρμοσμένων στοιχείων Προσθήκη διαδραστικότητας Προσθήκη στοιχείων πλοήγησης σελίδας ημιουργία στοιχείων αλληλεπίδρασης συνθηκών Σύνδεση σε εξωτερικό περιεχόμενο...119

8 viii Πίνακας περιεχομένων 7 ημιουργία μεταβάσεων και ακολουθιών ενεργειών 122 Ανασκόπηση κεφαλαίου Μεταβάσεις και ακολουθίες ενεργειών Επιθεώρηση προεπιλεγμένων εφέ μετάβασης Προσθήκη ομαλών μεταβάσεων Βελτίωση μεταβάσεων Ρύθμιση διάρκειας μεταβάσεων Αλλαγή χρονισμού μεταβάσεων Περισσότερος ρεαλισμός στις μεταβάσεις Προσθήκη και αλλαγή εφέ Αντικατάσταση ενός εφέ με άλλο Προσθήκη πολλαπλών εφέ στο ίδιο αντικείμενο Προσθήκη ακολουθιών ενεργειών Προσθήκη στοιχείου αλληλεπίδρασης ακολουθίας ενεργειών Επεξεργασία ακολουθίας ενεργειών στο Timeline Βοηθητικά εφέ του Flash Catalyst Προσθήκη και έλεγχος βίντεο και ήχου 142 Ανασκόπηση κεφαλαίου Προετοιμασία βίντεο για το web Τι είναι η κωδικοποίηση; Τι είναι το video codec; Πώς κωδικοποιώ το βίντεό μου; Εισαγωγή και προεπισκόπηση βίντεο και ήχου Εισαγωγή βίντεο και ήχου Προεπισκόπηση βίντεο και ήχου Προσθήκη βίντεο σε εφαρμογή Προσθήκη βίντεο στο artboard Ορισμός ιδιοτήτων προγράμματος αναπαραγωγής βίντεο Έλεγχος αναπαραγωγής βίντεο Επισύναψη στοιχείων ελέγχων σε βίντεο...152

9 Πίνακας περιεχομένων ix Προσθήκη στοιχείων αλληλεπίδρασης για έλεγχο της αναπαραγωγής βίντεο Επαναφορά αρχικών ρυθμίσεων μετά την αναπαραγωγή βίντεο Προσθήκη ηχητικών εφέ Ενσωμάτωση υλικού SWF από άλλα εργαλεία του Creative Suite 162 Ανασκόπηση κεφαλαίου Αρχεία SWF ημιουργία αρχείων SWF για το Flash Catalyst Χρήση αρχείων SWF στο Flash Catalyst Προσθήκη αρχείων SWF στο Flash Catalyst Εισαγωγή αρχείου SWF στο artboard Προεπισκόπηση κίνησης SWF Έλεγχος της αναπαραγωγής αρχείων SWF Αναπαραγωγή ή διακοπή αρχείου SWF Αναπαραγωγή ταινίας SWF από συγκεκριμένο καρέ Προσθήκη αρχείου SWF σε στοιχείο Τοποθέτηση αρχείου SWF Προσθήκη εφέ για αναπαραγωγή κίνησης Σχεδίαση με δεδομένα 176 Επισκόπηση του μαθήματος Λίστες δεδομένων στο Flash Catalyst Μια λίστα δεν είναι πάντα μια λίστα Ποια είναι τα δεδομένα σχεδίασης; Προεπισκόπηση λίστας δεδομένων ημιουργία στοιχείου λίστας δεδομένων Σχεδίαση δείγματος εγγραφής Μετατροπή του δείγματος εγγραφής σε στοιχείο λίστας δεδομένων Ορισμός του επαναλαμβανόμενου στοιχείου Ορισμός ιδιοτήτων λίστας δεδομένων Αλλαγή μεγέθους και τοποθέτηση του πλαισίου ορίων Επεξεργασία της διάταξης επαναλαμβανόμενων στοιχείων...186

10 x Πίνακας περιεχομένων Επεξεργασία των καταστάσεων επαναλαμβανόμενων στοιχείων Χρήση δεδομένων σχεδίασης Αντικατάσταση εικόνων σχεδίασης Επεξεργασία κειμένου σχεδίασης Προσθήκη και διαγραφή δεδομένων σχεδίασης Προσθήκη και αφαίρεση στοιχείων στο επαναλαμβανόμενο στοιχείο Χρήση λίστας δεδομένων wireframe Σχεδίαση και επεξεργασία καλλιτεχνικού έργου 196 Επισκόπηση του μαθήματος Εργαλεία σχεδίασης του Flash Catalyst Χρήση χαράκων, οδηγών και πλέγματος Εμφάνιση και απόκρυψη χαράκων Επεξεργασία ρυθμίσεων πλέγματος και οδηγών Ορισμός οδηγών για ακριβή σχεδίαση Σχεδίαση βασικών σχημάτων και γραμμών Προεπισκόπηση παραδείγματος σχεδίασης Σχεδίαση ορθογώνιων Σχεδίαση στρογγυλεμένων ορθογώνιων Σχεδίαση ελλείψεων Σχεδίαση βασικών γραμμών Αλλαγή γεμίσματος και περιγράμματος Αλλαγή του χρώματος γεμίσματος Αλλαγή χρώματος και πάχους περιγράμματος Προσθήκη και τροποποίηση ντεγκραντέ γεμισμάτων Ομαδοποίηση και μετασχηματισμός Ομαδοποίηση αντικειμένων Μετασχηματισμός σχημάτων Αλλαγή μεγέθους και θέσεις αντικειμένων Εφαρμογή και αφαίρεση φίλτρων Προσθήκη και τροποποίηση κλίσης

11 Πίνακας περιεχομένων xi Προσθήκη και τροποποίηση σκιάς Αμφίδρομη επεξεργασία με τα Adobe Illustrator και Adobe Photoshop Άνοιγμα και επεξεργασία στο Adobe Illustrator Λήψη και εγκατάσταση των επεκτάσεων Adobe FXG για το Photoshop Άνοιγμα και επεξεργασία στο Adobe Photoshop ημοσίευση έργου 226 Επισκόπηση του μαθήματος Επιλογές παράδοσης ημοσίευση της εφαρμογής σας ιευκόλυνση πρόσβασης Ενσωμάτωση γραμματοσειρών Πριν τη δημοσίευση ημοσίευση σε SWF Προβολή των δημοσιευμένων αρχείων ημοσίευση στο web με το Adobe Dreamweaver CS ημιουργία τοπικού ριζικού φακέλου και δομής site Σύνδεση σε απομακρυσμένο site Ανέβασμα αρχείων Επέκταση του έργου σας με το Adobe Flash Builder 240 Επισκόπηση του μαθήματος Adobe Flash Builder Επέκταση της εφαρμογής Σύνδεση στοιχείων σε πηγή δεδομένων ημιουργία, ανάγνωση, ενημέρωση και διαγραφή (CRUD) Παροχή αναζήτησης με λέξεις-κλειδιά Συγκέντρωση εισόδου χρήστη Χρήση κυλιόμενων επιλογέων για ορισμό τιμών ημιουργία στοιχείων ελέγχου εκτυπωτή Εξερεύνηση ροών εργασίας σχεδιαστή-προγραμματιστή Γραμμική ροή εργασίας...244

12 xii Πίνακας περιεχομένων Επαναληπτική ροή εργασίας Προετοιμασία αρχείων για προγραμματιστή Έγκαιρη συνάντηση με την ομάδα ανάπτυξης Χρήση λιστών δεδομένων και δεδομένων σχεδίασης Ονόματα σε όλα τα στοιχεία ιαγραφή πόρων που δεν χρησιμοποιούνται Άνοιγμα έργου του Flash Catalyst στο Flash Builder Ανασκόπηση του τελικού αρχείου έργου του Flash Catalyst (FXP) Εισαγωγή του FXP στο Flash Builder Εισαγωγή επεξεργασμένου αρχείου FXP στο Flash Builder Σύγκριση και σύνδεση κώδικα μεταξύ έργων Εισαγωγή αρχείου βιβλιοθήκης Flash Catalyst (FXPL) Εισαγωγή του FXPL Σύνδεση του FXPL με την εφαρμογή σας ΕΥΡΕΤΗΡΙΟ 259

13 Βασικός συντελεστής Ο Scott Tapley είναι συγγραφέας, εκπαιδευτής θεμάτων σχεδίασης, προγραμματιστής εφαρμογών ηλεκτρονικής εκπαίδευσης και εισηγητής τεχνικών θεμάτων με ειδίκευση στη σχεδίαση και την παραγωγή εκπαιδευτικών πόρων. Εργάζεται ως συνεργάτης δημιουργικού και σύμβουλος για την SecondPeak LLC, μια εταιρείας με εκπαιδευτικό και αναπτυξιακό αντικείμενο. Είναι παραγωγός βραβευμένων εκπαιδευτικών συστημάτων για μια ευρεία γκάμα πελατών, όπως είναι οι εταιρείες Adobe Systems, Cisco Systems, Microsoft, IBM, Siebel Systems, Applied Bio Systems, Ernst & Young, Bank of America, το Αμερικανικό ίδρυμα υγείας και ο Αμερικανικός στρατός.