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

Βοήθεια και προτάσεις για το καλύτερο πρόγραμμα επεξεργασίας εικόνας, και γραφικών.

Συντονιστές: Super-Moderators, Graphics Moderators

Απάντηση
Άβαταρ μέλους
fmayakos
Honorary Member
Δημοσιεύσεις: 1249
Εγγραφή: 23 Ιούλ 2001 03:00
Τοποθεσία: Θεσσαλονίκη

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

Δημοσίευση από fmayakos » 04 Σεπ 2005 00:54

Photoshop Month: 04/30
Μικροκουμπιά βλέπω τον τελευταίο καιρό παντού! Σε 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.

Εικόνα


Κουμπωθείτε! (με την καλή έννοια βεβαίως...)
βαρέθηκα να διαβάζω greeklish!
κάντε έναν κόπο http://speech.ilsp.gr/greeklish/greeklishdemo.asp και μεταφράζετε τα μηνυματα σας
περισσότεροι θα τα διαβάσουν στα ελληνικά!

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

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

Δημοσίευση από xmavidis » 04 Σεπ 2005 01:07

Ακόμα ένα χρήσιμο tut! :D
I want to know God’s thoughts; the rest are details.
Albert Einstein

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

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

Δημοσίευση από emphasy » 04 Σεπ 2005 11:41

Nice :D

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

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

Δημοσίευση από Cmg__ » 04 Σεπ 2005 13:52

poly kalo!

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27620
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

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

Δημοσίευση από cordis » 04 Σεπ 2005 22:15

να και τα βοηθήματα για τους web designers! ;)
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Cmg__
Δημοσιεύσεις: 1710
Εγγραφή: 29 Μαρ 2005 22:40

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

Δημοσίευση από Cmg__ » 05 Σεπ 2005 01:58

me to gimp polla omws apo ayta einai etoima,
vevaia isws xasei ligo to apotelesma...

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

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

Δημοσίευση από emphasy » 05 Σεπ 2005 13:57

To 5/30 pou einai ?

edit:
fmayakos έγραψε:το "Photoshop Month" για αυστηρώς τεχνικούς λόγους δεν
μπόρεσε να είναι χθες πιστό στο ραντεβού του...
απόψε, τα μεσάνυχτα, όμως, θα αποζημιωθείτε γιατί θα σας
περιμένει, όχι μόνο το tut της χθεσινής μέρας και της σημε-
ρινής αλλά και ένα bonus tutorial!
Τα λέμε στις 00:00!
;-)

LightForce
WebDev Moderator
Δημοσιεύσεις: 3812
Εγγραφή: 13 Απρ 2003 23:49

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

Δημοσίευση από LightForce » 06 Σεπ 2005 18:55

Κουμπάκια στο πάτ κιούτ, ωραίο και χρήσιμο.
Αντε μπας και μάθουμε τίποτα στο Photoshop.

Απάντηση

Επιστροφή στο “Adobe Photoshop, illustrator”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες