Flash Catalyst - Διάταξη έργου του Photoshop

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

Στο τελευταίο σεμινάριο, συγκεντρώσαμε τις εικόνες για το χαρτοφυλάκιό μας που θα φτιάξουμε στο Photoshop^R και Flash^R Καταλύτης^TM. Τώρα ας εργαστούμε για τη διάταξη. Θα πρέπει να έχετε όλα τα λογότυπα και τις μικρογραφίες να ανοίγουν στο Photoshop.

1. Ο σχεδιασμός για το χαρτοφυλάκιο θα είναι μια διάταξη απλών στρογγυλεμένων ορθογωνίων. Το κατώτατο ορθογώνιο 500 x 500 θα έχει μια απλή κλίση από αυτά τα δύο χρώματα - #ffffff και # c9c1a5.
   
   
2. Στη συνέχεια, πρόσθεσα ένα μεγάλο και τρία μικρά στρώματα για το λογότυπο και τις μικρογραφίες. Με το χρώμα του προσκηνίου σε μαύρο, χρησιμοποίησα το εργαλείο Custom Shape και το στρογγυλεμένο τετράγωνο σχήμα για να σχεδιάσω τα τέσσερα χαλιά. Προστέθηκε στη συνέχεια ένας συνδυασμός στυλ στρώματος Drop Shadow, Inner Shadow και Inner Glow για να τελειώσετε τα στρώματα.
   
   
3. Χρησιμοποιώντας τη γραμματοσειρά Engravers MT, πρόσθεσα τον τίτλο στην κορυφή της διάταξης χαρτοφυλακίου. Στη συνέχεια, επέστρεψα το κείμενο και εφάρμοσα τα ίδια στρώματα στρώσεων στο κείμενο όπως έκανα στα στρώματα.
   
   
4. Στη συνέχεια, πρόσθεσα τις τρεις μικρογραφίες στα χαλάκια με τη σειρά που εύχομαι να προβληθούν τα λογότυπα από αριστερά προς τα δεξιά. Φυσικά, θα ρυθμίσουμε τα κουμπιά πλοήγησης στο Catalyst έτσι ώστε ο θεατής να μπορεί να δει τα λογότυπα με οποιαδήποτε σειρά.
   
   
5. Στη συνέχεια, προσθέσαμε τα λογότυπα στον πίνακα "Επίπεδα" με την ίδια σειρά.
   
   
6. Τέλος, προσθέσαμε μια Σκιά Drop (προεπιλεγμένες ρυθμίσεις) στο στρώμα φόντου.
   
   Αυτό το έργο είναι πολύ μικρό και συνήθως δεν χρησιμοποιώ φακέλους στον πίνακα "Επίπεδα" για ένα έργο αυτού του μεγέθους. Ωστόσο, θέλω να αποδείξω ότι οι πληροφορίες από το πάνελ Layers του Photoshop θα διατηρηθούν όταν εισάγουμε το αρχείο στο Catalyst. Για το σκοπό αυτό, έβαλα όλες τις μικρογραφίες σε ένα φάκελο "Thumbnails", όλα τα λογότυπα σε ένα φάκελο "Λογότυπα" και όλα τα γραφικά φόντου σε ένα φάκελο "Ιστορικό".
   
   
7. Τώρα είμαστε έτοιμοι να εισαγάγουμε αυτή τη γραφική διάταξη στο Flash Catalyst. Αποθηκεύστε το αρχείο Photoshop ως PortfolioLayout.psd.
   
   
8. Ανοίξτε το Adobe Flash Catalyst. Στην οθόνη υποδοχής, θα χρησιμοποιήσουμε το Δημιουργία νέου έργου από το αρχείο σχεδίασης - Από το αρχείο Adobe Photoshop PSD. Περιηγηθείτε στο αρχείο PortfolioLayout.psd.
   
   
9. Στο παράθυρο διαλόγου, παρατηρήστε ότι ο καταλύτης έχει ήδη αναγνωρίσει ότι το έργο μας θα είναι 500 x 500 pixels, από το μέγεθος του αρχείου PSD. Ορίστε τις επιλογές φερεγγυότητας για να διατηρήσετε την δυνατότητα επεξεργασίας και το χρώμα φόντου για να ταιριάζει με την ιστοσελίδα σας.
   
   Ας εξετάσουμε τον πίνακα Layers στο Flash Catalyst. Παρατηρήστε ότι έχουμε όλα τα ίδια επίπεδα και φακέλους όπως στο αρχείο PSD μαζί με τα αντίστοιχα ονόματά τους. Επίσης, παρατηρήστε ότι ο Catalyst έχει δημιουργήσει στρώματα για να περιέχει τα στυλ επιπέδων που εφαρμόσαμε στο Photoshop. Εάν κάνετε κλικ στα εικονίδια ορατότητας, θα δείτε ότι εξακολουθούμε να έχουμε τον έλεγχο αυτών των μορφών.

Στο επόμενο σεμινάριο, θα αρχίσουμε να βγάζουμε τα στοιχεία του UI από τα γραφικά μας.

Πνευματικά δικαιώματα 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 στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Οδηγίες Βίντεο: Import Photoshop and Illustrator Files into Flash CS6 (Απρίλιος 2024).