Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  


Recommended Posts

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


Βήμα 1

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

Κάντε ένα νέο layer tool_newlayer.gif.
Επιλέξτε το Rectangular Marquee tool tool_select.gif και έχοντας αυτές τις ρυθμίσεις:
κάντε μιά επιλογή με ένα κλικ στην εικόνα.
Κάνετε αυτή τη ρύθμιση για να είστε σίγουροι οτι το κουμπί θα έχει συγκεκριμένες διαστάσεις.
Εάν θέλετε βέβαια βάζετε διαφορετικό 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 tool_type.gif και βάζετε αυτές τις ρυθμίσεις:
Κάντε το ενεργό κουμπί (μέσω Flash ή DHTML) κάνοντας το να αλλάζει χρώμα όταν το ποντίκι περνάει από πάνω του και όταν το κλικάρεις να αλλάζει direction το Bevel and Emboss.


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

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this