Πώς να κάνει ένα Mouseover ενός κουμπιού στο Photoshop

χρησιμοποιώντας το Adobe Photoshop , μπορείτε να δημιουργήσετε περίπλοκες ιστοσελίδες και την ιστοσελίδα στοιχεία . Όχι μόνο μπορείτε να δημιουργήσετε κουμπιά για την ιστοσελίδα σας , αλλά μπορείτε να δημιουργήσετε το κουμπί εφέ mouseover . Όταν συνδυάζεται με JavaScript κώδικα , το κουμπί θα αλλάξει στην εμφάνιση όταν ο χρήστης τρέχει τον κέρσορα πάνω του . Photoshop παρέχει μια σειρά από φίλτρα και εφέ για το σκοπό αυτό . Μια ανατροπής κουμπί είναι πιο ενδιαφέρον να δούμε και παρέχει μια πιο διαδραστική εμπειρία για τον επισκέπτη ιστοσελίδα . Οδηγίες
Η

1 Ανοίξτε το Adobe Photoshop . Μόλις Photoshop ανοίγει, πιέστε το πλήκτρο " Αρχείο" στη γραμμή μενού και επιλέξτε "New . " Επιλέξτε ένα μέγεθος για το κουμπί σας . Ένα δημοφιλές μέγεθος για τα κουμπιά Web είναι 88 pixels με 31 pixels . Πληκτρολογήστε αυτό στο κουτί του μεγέθους και πατήστε "OK". 2

Δημιουργήστε το κουμπί . Το βλέμμα για το κουμπί είναι εντελώς μέχρι σας . Δοκιμάστε συμπληρώνοντας το φόντο με ένα συμπαγές χρώμα κάνοντας κλικ στο " Επεξεργασία" και επιλέγοντας " Γεμίστε ". Διαλέξτε ένα χρώμα φόντου στο πλαίσιο χρώματος και κάντε κλικ στο "OK". Δοκιμάστε να κάνετε κλικ στο κουμπί " Στυλ Layer" στην παλέτα στρωμάτων και να πάρει ένα αποτέλεσμα για να τοποθετήσετε το κουμπί .
Εικόνων 3

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

Κάντε κλικ στο " Αρχείο" στο μενού μπαρ και επιλέξτε " Αποθήκευση για Web ". Επιλέξτε " JPEG Medium" από το πρώτο αναπτυσσόμενο μενού και κάντε κλικ στο κουμπί "Αποθήκευση" . Στο επόμενο παράθυρο , πληκτρολογήστε το όνομα του αρχείου κουμπί που θέλετε , επιλέξτε μια θέση για να το αποθηκεύσετε και να πατήσετε το κουμπί "Αποθήκευση" .
5

Κάντε κλικ στο " Αρχείο" στη γραμμή μενού του Photoshop και επιλέξτε "New . " Δημιουργήστε ένα νέο αρχείο με τις ίδιες διαστάσεις με το πρώτο κουμπί που κάνατε .
Η 6

Δημιουργήστε ένα νέο κουμπί . Αυτό είναι ό, τι το κουμπί θα μοιάζουν όταν ο θεατής κυλά πάνω , έτσι ώστε να φέρει αυτό κατά νου , όταν πρόκειται για το σχεδιασμό . Είναι συχνά λιγότερο αποσπούν την προσοχή για να κάνουν το νέο κουμπί παρόμοια με την πρώτη , αλλά με ένα πρόσθετο στοιχείο , όπως μια σταγόνα σκιά ή ένα βέλος που δείχνει σε αυτό .
Η 7

Κάντε κλικ στο " Αρχείο" και επιλέξτε «Αποθήκευση για Web . " Επιλέξτε " JPEG Medium ", κάντε κλικ στο κουμπί "Αποθήκευση " και αποθηκεύστε το κουμπί στο ίδιο σημείο με το πρώτο κουμπί . Διαλέξτε ένα όνομα αρχείου που διακρίνει αυτό το κουμπί από την πρώτη , και να αποθηκεύσετε το αρχείο κάνοντας κλικ στο κουμπί "Αποθήκευση" .
Η
εικόνων