Πώς να κάνει το HTML κουμπιά στο Photoshop CS5

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

1 Ανοίξτε το Photoshop CS5 , κάντε κλικ στο μενού "Αρχείο" και κάντε κλικ στο " New . " Πληκτρολογήστε το όνομα του κουμπιού , όπως " helpbutton , " ή προτιμώμενο όνομα του αρχείου σας στο "Όνομα" κουτί. Εισάγετε τις διαστάσεις για το κουμπί στο " Πλάτος " και " Ύψος " κουτιά , χρησιμοποιώντας pixels ή ίντσες σύμφωνα με τις απαιτήσεις του δικτυακού σας τόπου . Κάντε κλικ στο μενού " Ιστορικό Περιεχόμενα " και επιλέξτε "διαφανής ". Κάντε κλικ στο κουμπί "OK " για να ανοίξει το κουμπί λήψης καμβά . 2

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

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

4 Τοποθετήστε το δρομέα στην επάνω αριστερή γωνία της σκακιέρας γκρι καμβά . Κάντε κλικ και κρατήστε πατημένο το αριστερό πλήκτρο του ποντικιού , και μετακινήστε το δείκτη στην κάτω δεξιά γωνία . Προσέξτε να μην σύρει στη γκρίζα επιφάνεια εργασίας Photoshop . Το σχήμα κουμπί εμφανίζεται πάνω στον καμβά .
5

Κάντε διπλό κλικ στο Layer 1 γραμμή στο "Layers " παλέτα . Όταν ανοίξει το παράθυρο " Στυλ επιπέδου " , κάντε κλικ στο " Drop Σκιά " κουτάκι . Αυτό είναι προαιρετικό , αλλά δίνει το κουμπί μια πιο έθεσε εμφάνιση, η οποία μπορεί να βοηθήσει τους επισκέπτες οδηγός για HTML site σας . Κάντε κλικ στο " OK " για να κλείσετε το παράθυρο .
Η

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

7 Κάντε κλικ στο κουμπί και πληκτρολογήστε το κείμενο του κουμπιού , όπως το " Βοήθεια " ή "Εκκίνηση ". Σύρετε το κείμενο στη θέση του στο κέντρο του κουμπιού .
8

κάντε δεξί κλικ στο νέο στρώμα κειμένου στο "Layers " παλέτα . Επιλέξτε "Συγχώνευση Visible . "
Η

9 Κάντε κλικ στο μενού "Αρχείο" και επιλέξτε " Αποθήκευση ως. " Κάντε κλικ στο "Format" μενού και επιλέξτε " PNG " ή " GIF ", το οποίο θα κρατήσει το κουμπί του φόντο διαφανές , που απαιτούνται για τις σελίδες HTML . Κάντε κλικ στο κουμπί "Αποθήκευση" .
Η
εικόνων