Posts Tagged ‘button

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




Ψάξτε στο Blog

::

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

:: Links




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

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



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

Share this blog


Αύγουστος 2017
Δ Τ Τ Π Π Σ Κ
« Μαρ.    
 123456
78910111213
14151617181920
21222324252627
28293031  

:: αρχείο tutorials ::


visitor stats



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







Thessaloniki Blogs

Blog Stats

  • 237,472 hits