Πώς μπορώ να κάνω Rollover Κουμπιά στο Photoshop

; κουμπιά Rollover είναι οι εικόνες που βλέπετε όταν περνάτε το ποντίκι πάνω από πολλά κουμπιά ιστοσελίδα. Άλλα κράτη κουμπί μπορεί να έχουν τις δικές τους εικόνες , συμπεριλαμβανομένων των πατήσατε και άτομα με ειδικές καταστάσεις . Κάνοντας κουμπιά ανατροπής στο Photoshop διακρίνει το πρόγραμμα ή την ιστοσελίδα σας από άλλα μέσα . Επίσης σας επιτρέπει να δημιουργήσετε κουμπιά με διαδραστικά σχήματα που σχετίζονται με τη λειτουργία της εφαρμογής σας . Για ένα παιχνίδι που απεικονίζει δράκους , για παράδειγμα , θα μπορούσατε να δημιουργήσετε ένα κουμπί του οποίου η κανονική εμφάνιση είναι το κλειστό μάτι ενός δράκου , και των οποίων ανατροπής εμφάνιση είναι το άνοιγμα των ματιών δράκο . Οδηγίες
Η

1 Κάντε κλικ στο "Αρχείο " " Νέα " εντολή και, στη συνέχεια , κάντε κλικ στο "Web " μενού από το "Preset " έλεγχος drop-down . 2

Κάντε κλικ το εικονίδιο παλέτα εργαλείων που διαμορφώνεται όπως ένα στρογγυλεμένο ορθογώνιο για να εκτελέσετε το εργαλείο " στρογγυλεμένο ορθογώνιο " , στη συνέχεια, κάντε κλικ στο δείγμα χρώματος πάνω στον καμβά . Κάντε κλικ σε ένα χρώμα που θα θέλατε για το κουμπί από την παλέτα που εμφανίζεται .
Εικόνων 3

Κάντε κλικ προς την αριστερή πλευρά του καμβά , στη συνέχεια, σύρετε το δικαίωμα να καθορίσει το κουμπί . Απελευθερώστε να ολοκληρωθεί το σχήμα του κουμπιού . Κάντε κλικ στο " στυλ " στοιχείο από το μενού "Windows" για να δείξει μια παλέτα προκαθορισμένα στυλ κουμπιού .
Η 4

Κινήστε το ποντίκι σας πάνω από την γκαλερί εικονίδια στυλ , στη συνέχεια, κάντε κλικ σε μία από τις μορφές του οποίου το όνομα περιλαμβάνει « φυσιολογικό». Για παράδειγμα , κάντε κλικ στο " Λοξότμητη κανονική " στυλ . Ο όρος "κανονική" δείχνει ότι το στυλ είναι ενεργοποιημένη , κατάσταση μη ανατροπής του κουμπιού .
5

Κάντε κλικ στο εικονίδιο "T" στην παλέτα εργαλείων για να εκτελέσετε το " Κείμενο " εργαλείο , στη συνέχεια, σύρετε πάνω από το κουμπί για να ορίσετε ένα πλαίσιο κειμένου . Πληκτρολογήστε το κείμενο που θέλετε για το κουμπί στο πλαίσιο κειμένου και, στη συνέχεια , κάντε κλικ στο εικονίδιο σημάδι ελέγχου που βρίσκεται πάνω από τον καμβά για να οριστικοποιήσει το κείμενο για το πλαίσιο κειμένου .
Η

6 Κάντε κλικ στο "Συγχώνευση ορατών " εντολή το μενού "Layers " για τη συγχώνευση του κειμένου και τις επιπτώσεις σε μια ενιαία εικόνα . Κάντε κλικ στο κουμπί " Αντιγραφή " εντολή από το μενού " Επίπεδο " για να επαναλάβει το κουμπί για το κράτος ανατροπής .
Η

7 Ακολουθήστε τις οδηγίες από το Βήμα 4 για να εφαρμόσετε ένα στυλ κουμπιού στο κουμπί διπλούν . Ωστόσο , κάντε κλικ σε ένα στυλ του οποίου το όνομα περιλαμβάνει « mouseover " αντί για " κανονική ". Για παράδειγμα , κάντε κλικ στο " Beveled mouseover " στυλ . Αυτή θα είναι η εμφάνιση του κουμπιού όταν ο χρήστης περνάει το ποντίκι πάνω
8

Ακολουθήστε τις οδηγίες από το Βήμα 4 για να εφαρμόσετε ένα στυλ κουμπιού στο κουμπί διπλούν . Ωστόσο , κάντε κλικ σε ένα στυλ του οποίου το όνομα περιλαμβάνει « MouseDown " αντί για " κανονική ". Για παράδειγμα , κάντε κλικ στο " Beveled MouseDown " στυλ . Αυτή θα είναι η εμφάνιση του κουμπιού , ενώ το ποντίκι είναι πάνω του και να κάνει κλικ .
Η

9 Κάντε κλικ στο μενού "Αρχείο " του "Αποθήκευση για το Web " εντολή , στη συνέχεια, κάντε κλικ στην καρτέλα " 4 -up " για να δείτε τέσσερις εικόνες που δείχνουν διαφορετικές ποιότητες εικόνα για το κουμπί που έχετε επιλέξει . Κάντε κλικ σε μια εικόνα η ποιότητα των οποίων μπορείτε να βρείτε αποδεκτό , και του οποίου το κείμενο κάτω από την εικόνα περιλαμβάνει τον τύπο αρχείου " GIF ". Τα κουμπιά είναι συνήθως σε μορφή GIF , κυρίως επειδή συνήθως απαιτούν λίγη μνήμη δίσκου .
Η 10

Κάντε κλικ στο " Αποθήκευση" για να ανοίξει το " Save βελτιστοποιημένη" παράθυρο διαλόγου . Πληκτρολογήστε ένα όνομα στο " Name" πλαίσιο κειμένου που δείχνει η εικόνα είναι το κουμπί ανατροπής , δεν είναι το κανονικό . Για παράδειγμα , πληκτρολογήστε " rollover.gif . " Κάντε κλικ στο κουμπί " Αποθήκευση " για να αποθηκεύσετε το κουμπί ανατροπής .
Η

11 Ακολουθήστε τις οδηγίες από το βήμα 8 για να κρύψει στρώμα του κουμπιού ανατροπής του και να αποκαλύψει στρώμα της κανονικής κουμπιού . Χρησιμοποιήστε τις οδηγίες από τα βήματα 9 και 10 για να σώσει το κανονικό κουμπί με ένα όνομα όπως " normal.gif " ή " enabled.gif . "
Η
εικόνων