Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Το Adobe Fireworks Creative Suite 5 υποστηρίζει το s l icing , μια τεχνική για τη διάσπαση μεγάλων αρχείων σε μικρότερα πακέτα, ώστε να κατεβαίνουν πιο γρήγορα. Είναι επίσης μια μέθοδος για την επισύναψη διευθύνσεων URL σε διαφορετικές περιοχές μιας εικόνας σε μοτίβο πλέγματος.

Ένας τέλειος υποψήφιος για έργα τέχνης σε φέτες είναι μια γραμμή πλοήγησης. Κάθε καρτέλα είναι ένα μεμονωμένο τμήμα που, όταν κάνετε κλικ σε ένα πρόγραμμα περιήγησης ιστού, μεταφέρει τον θεατή σε διαφορετική τοποθεσία.

Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Επιλέξτε την εντολή Fit Canvas.

Δημιουργήστε τη βασική εικόνα

Πρώτα, δημιουργήστε τη βασική εικόνα - ένα ορθογώνιο, για αυτό το παράδειγμα. Ακολουθήστε αυτά τα βήματα:

Επιλέξτε Αρχείο→ Νέο για να ανοίξετε το παράθυρο διαλόγου Νέο έγγραφο.

Πληκτρολογήστε 500 στο πλαίσιο Πλάτος και 200 ​​στο πλαίσιο Ύψος. κάντε κλικ στο OK.

Ανοίγει το νέο, κενό έγγραφο. (Παρατηρήστε ότι είναι μεγαλύτερο από την εικόνα που δημιουργείτε. Θα δείτε πώς να την τροποποιήσετε αργότερα.)

Επιλέξτε το εργαλείο Ορθογώνιο στην ενότητα Διάνυσμα του πίνακα Εργαλεία. Κάντε κλικ και σύρετε για να δημιουργήσετε ένα ορθογώνιο.

Οποιοδήποτε μέγεθος είναι καλό.

Με επιλεγμένο το ορθογώνιο, κάντε κλικ στην επιλογή Συμπλήρωση χρώματος στην ενότητα Χρώματα του πίνακα Εργαλεία και επιλέξτε ένα χρώμα.

Επιλέξτε Παράθυρο→ Πληροφορίες για να ανοίξετε τον πίνακα πληροφοριών.

Εισαγάγετε 300 στο πλαίσιο W (Width) και 50 στο πλαίσιο H (Ύψος).

Μπορείτε επίσης να χρησιμοποιήσετε τον πίνακα Ιδιότητες για να ορίσετε αυτό το μέγεθος.

Με το εργαλείο δείκτη, κάντε κλικ οπουδήποτε στον καμβά έξω από το ορθογώνιο για να αποεπιλέξετε το ορθογώνιο.

Κάντε δεξί κλικ (Windows) ή Control-κλικ (Mac) και επιλέξτε Τροποποίηση καμβά→ Προσαρμογή καμβά από το μενού με τα συμφραζόμενα.

Ο καμβάς προσαρμόζεται στο μέγεθος του ορθογωνίου.

Όταν δεν έχετε επιλέξει αντικείμενα, μπορείτε επίσης να κάνετε κλικ στο κουμπί Fit Canvas στον πίνακα Ιδιότητες.

Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Ο καμβάς προσαρμόζεται ώστε να ταιριάζει στο αντικείμενο σας.

Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Προσθέστε κείμενο

Προσθήκη κειμένου στη γραμμή πλοήγησης.

Επιλέξτε το εργαλείο Κείμενο στην ενότητα Διάνυσμα του πίνακα Εργαλεία.

Κάντε κλικ στην επιλογή Συμπλήρωση χρώματος στην ενότητα Χρώματα του πίνακα Εργαλεία. Επιλέξτε ένα χρώμα.

Ορίστε τη γραμματοσειρά και το μέγεθος γραμματοσειράς στον πίνακα Ιδιότητες.

Κάντε κλικ στο αριστερό μισό του ορθογωνίου για να τοποθετήσετε το σημείο εισαγωγής όπου θέλετε να ξεκινήσει το κείμενο και πληκτρολογήστε το κείμενο.

Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Κάντε κλικ δύο φορές στα δεξιά της περιοχής κειμένου για να αποεπιλέξετε την ενεργή περιοχή κειμένου και να δημιουργήσετε μια νέα.

Κρατήστε πατημένα τα πλήκτρα Alt+Shift (Windows) ή Option+Shift (Mac) και σύρετε το αρχικό πλαίσιο κειμένου προς τα δεξιά για να κλωνοποιήσετε και να ευθυγραμμίσετε ένα νέο πλαίσιο κειμένου.

Πληκτρολογήστε μια ή δύο λέξεις για την επόμενη καρτέλα πλοήγησής σας.

Χρησιμοποιήστε το εργαλείο δείκτης για να επανατοποθετήσετε το κείμενο.

Κόψτε το σε φέτες

Αφού ετοιμάσετε μια απλή αλλά αποτελεσματική γραμμή πλοήγησης, χρησιμοποιήστε το εργαλείο Slice για να δημιουργήσετε μερικές φέτες και στη συνέχεια να τις εξαγάγετε. Ακολουθήστε αυτά τα βήματα:

Επιλέξτε το εργαλείο Slice στην ενότητα web του πίνακα Εργαλεία. στη συνέχεια κάντε κλικ και σύρετε από την επάνω αριστερή γωνία της ενότητας Αρχική σελίδα του ορθογωνίου προς την κάτω δεξιά γωνία.

Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Εάν επιθυμείτε την τελειότητα, επιλέξτε Προβολή→ Χάρακες για να εμφανίσετε τους χάρακες. Όταν οι χάρακες είναι ορατοί, μπορείτε να κάνετε κλικ και να σύρετε οδηγούς έξω από αυτούς.

Όταν ένα slice είναι ενεργό, ο πίνακας Properties αλλάζει για να προσφέρει επιλογές slice.

Αλλάξτε τη μορφή χρησιμοποιώντας την αναπτυσσόμενη λίστα Slice Export Settings.

Επιλέξτε τη μορφή GIF εάν το έργο τέχνης έχει πολλά συμπαγή χρώματα ή επιλέξτε JPEG για εικόνες με μεγάλη διαβάθμιση χρώματος.

Εισαγάγετε έναν σύνδεσμο στο πλαίσιο κειμένου Σύνδεσμος.

Εισαγάγετε μια σύντομη περιγραφή του συνδέσμου στο πλαίσιο κειμένου Alt.

Το εναλλακτικό κείμενο είναι το κείμενο που εμφανίζεται κατά τη λήψη μιας σελίδας. Εμφανίζεται επίσης στη θέση του γραφικού εάν ένας θεατής έχει απενεργοποιήσει την εμφάνιση γραφικών στο πρόγραμμα περιήγησής του.

Πώς να χρησιμοποιήσετε το Slicing στο Fireworks CS5

Με το εργαλείο Slice, κάντε κλικ και σύρετε για να περιβάλλει το δεύτερο μισό της γραμμής πλοήγησης. Επαναλάβετε τα βήματα 3 και 4.

Δηλαδή τεμαχισμός σε απλή μορφή. Μπορείτε να κάνετε τη διαδικασία όσο περίπλοκη θέλετε δημιουργώντας ολόκληρες σελίδες σε φέτες (επειδή οι μηχανές αναζήτησης θέλουν να αναζητούν περιεχόμενο κειμένου) σε γραμμές πλοήγησης με πολλούς συνδέσμους και προορισμούς.

Leave a Comment

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Μετακίνηση, προσθήκη, διαγραφή και αρίθμηση σελίδων InDesign CS5

Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.

Εκδόσεις Spell-Check InDesign CS5

Εκδόσεις Spell-Check InDesign CS5

Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Πώς να χρησιμοποιήσετε τα πλέγματα στο Adobe InDesign CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Πώς να κάνετε τη φωτογραφία σας να μοιάζει με ελαιογραφία στο Photoshop CS6

Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Πώς να δημιουργήσετε οδηγούς στο Photoshop CS6

Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε οδηγούς στο Photoshop CS6 για ακριβή ευθυγράμμιση και σχεδίαση.

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε τη σωστή λειτουργία Photoshop: Duotone

Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Πώς να μετατρέψετε από RGB σε CMYK Color Mode στο Photoshop CS6

Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Πώς να κάνετε μέτρηση στην οθόνη στο Photoshop CS6

Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Τα βασικά εργαλεία σχήματος στο Illustrator CC

Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.