19
Οκτ.
09

Gel and Glass Web Template Button


Τα αρχεία που χρησιμοποίησα και το τελικό αρχείο psd μπορείτε να τα πάρετε από εδώ
http://rapidshare.com/files/295259159/gelglassbutton.rar

Σε αυτό το βοήθημα θα δούμε μια εύκολη και κυρίως πλήρως παραμετροποιημένη τεχνική δημιουργίας gel and glass button

ΒΗΜΑ ΠΡΩΤΟ
Ανοίξτε ένα νέο έγγραφο (στο παράδειγμα μας) 580×320 pixels και γεμίστε με άσπρο χρώμα
Για καλύτερο αποτέλεσμα στο εφέ του γυαλιού θα είναι καλύτερα να επιλέξετε το γέμισμα σας να έχει κάποια υφή
Εγώ χρησιμοποίησα για το βοήθημα το παρακάτω background

1t

ΒΗΜΑ ΔΕΥΤΕΡΟ
Ανοίγουμε ένα νέο κενό layer και το ονομάζουμε button
Με επιλεγμένο το layer button επιλέγουμε το Rounded Rectangle Tool ρυθμίζουμε όπως στην παρακάτω εικόνα
2t

Δημιουργήστε ένα σχήμα όπως στην παρακάτω εικόνα
3t_a
Δεξί κλικ μέσα στο σχήμα σας επιλέξτε Make Selection και πατήστε ok
Με Alt+Backspace με οποιοδήποτε χρώμα δεν έχει σημασία το χρώμα αλλά το γέμισμα της επιλογής
Δεν αποεπιλέγουμε

ΒΗΜΑ ΤΡΙΤΟ
Κλικ στο Add a Layer Style στο κάτω αριστερά μέρος της παλέτας των layers
Ρυθμίζουμε
3t
4t
5t
6t
7t
8t

9t

Τώρα αποεπιλέγουμε με Cotrl+D

Χαμηλώνουμε το Opacity του layer button στο 94-95%

Το αποτέλεσμα θα είναι το παρακάτω

end1t

Για την παραμετροποίηση του εφέ
Ακολουθήστε τα βήματα 1 και 2 δημιουργήστε όποιο σχήμα θέλετε
Στα Layer Style του βήματος 3 αλλάξτε τις πράσινες αποχρώσεις σε όποια απόχρωση θέλετε

Μπορείτε με δεξί κλικ στο δεξιό μέρος (fx) του layer button να επιλέξετε copy layer style
Στην συνέχεια δεξί κλικ και paste layer style στο layer με το νέο σχήμα που δημιουργήσατε αλλάζοντας τις πράσινες αποχρώσεις των Styles

end2t

Advertisements

0 Responses to “Gel and Glass Web Template Button”



  1. Σχολιάστε

Σχολιάστε

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση / Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση / Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση / Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση / Αλλαγή )

Σύνδεση με %s


Ψάξτε στο Blog

::

.....................................................

:: Links




.....................................................

εγγραφείτε στο group μας



.....................................................

Share this blog


Οκτώβριος 2009
Δ Τ Τ Π Π Σ Κ
« Σεπτ.   Νοέ. »
 1234
567891011
12131415161718
19202122232425
262728293031  

:: αρχείο tutorials ::


visitor stats



.....................................................







Thessaloniki Blogs

Blog Stats

  • 236,395 hits

Αρέσει σε %d bloggers: