Μικρο-κουμπιά

[Anastasis 48]

Μικροκουμπιά βλέπω τον τελευταίο καιρό παντού! Σε flashάκια, σε απλές σελίδες, σε προγράμματα...
Μέχρι και ολόκληρες σελίδες σχεδόν σ' αυτό το στυλ...
Μάθετε να κάνετε τα δικά σας κουμπάκια!

Μικρο-κουμπιά

Βήμα 1

Κάντε μία νέα εικόνα (File -> New) με αυτά τα χαρακτηριστικά (κατά προτίμηση)
Width: 400 pixels
Height: 400 pixels
Mode: RGB color
Contents: White

Κάντε ένα νέο layer .
Επιλέξτε το Rectangular Marquee tool και έχοντας αυτές τις ρυθμίσεις:

κάντε μιά επιλογή με ένα κλικ στην εικόνα.
Κάνετε αυτή τη ρύθμιση για να είστε σίγουροι οτι το κουμπί θα έχει συγκεκριμένες διαστάσεις.
Εάν θέλετε βέβαια βάζετε διαφορετικό width (=πλάτος) για κουμπιά με μεγαλύτερη λέξη πάνω ή αλλάζετε και τις δύο διαστάσεις.




Βήμα 2

Κάντε το foreground χρώμα κάποιο "παστέλ" χρώμα καλύτερα (δηλαδή χρώμα που να έχει πολύ άσπρο) ή το χρώμα που έχουμε εδώ: #EFEFEF
Έπειτα γεμίζουμε την επιλογή με αυτό το χρώμα είτε πατώντας Alt+Delete είτε πηγαίνοντας Edit -> Fill -> Foreground Color -> OK.
Πατάμε Ctrl+D για να αποεπιλέξουμε.
Μετά, πηγαίνουμε Layer -> Layer Style -> Drop Shadow και βάζουμε μία-μία τις εξής ρυθμίσεις (εναλλακτικά κάνουμε διπλό click πάνω στο layer που είμαστε):





!Ιδέα!
Πριν πατήσετε OK, μπορείτε να αποθηκεύσετε το layer style, έτσι ώστε κάποια άλλη φορά που θα χρειαστεί να εφαρμόσετε όλα αυτά (Bevel and Emboss, Stroke κτλ.) να τελειώσετε με δύο κλικ!
Πηγαίνετε στο "Styles" και πατάτε το κουμπί New Style. Έπειτα, δίνετε ένα όνομα για το style και πατήστε ΟΚ. Τώρα έχετε αποθηκεύσει το style!
Όταν θα το ξαναχρειαστείτε το εφαρμόζετε από την λίστα αυτήν.




Βήμα 3

Θα μας προκύψει κάτι τέτοιο. Τελευταίο βήμα είναι το κείμενο που θα προσθέσουμε.





Βήμα 4

Οι καλύτερες γραμματοσειρές για τέτοια κουμπιά είναι οι bitmap γραμματοσειρές. Μία bitmap γραμματοσειρά που είναι πολύ ωραία, είναι η 04b_21 την οποία μπορείτε να κατεβάσετε απο εδώ
Πατήστε το πλήκτρο D στο πληκτρολόγιο σας ούτως ώστε το foreground και το background χρώμα να γίνει μαύρο και άπρο αντιστοίχως.

Επιλέγετε το Type tool και βάζετε αυτές τις ρυθμίσεις:

!Ιδέα!
Κάντε το ενεργό κουμπί (μέσω Flash ή DHTML) κάνοντας το να αλλάζει χρώμα όταν το ποντίκι περνάει από πάνω του και όταν το κλικάρεις να αλλάζει direction το Bevel and Emboss.




Κουμπωθείτε! (με την καλή έννοια βεβαίως...)