Gel and Glass Web Template Button

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

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

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

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

Δημιουργήστε ένα σχήμα όπως στην παρακάτω εικόνα

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

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

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

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

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

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

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

Glass Reflection

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

ΒΗΜΑ ΠΡΩΤΟ
Ανοίγουμε ένα κενό έγγραφο με διαστάσεις 892×768 pixels
Οι διαστάσεις αυτές είναι ανάλογα το μέγεθος της εικόνας που θα χρησιμοποιήσουμε για το εφέ αν χρησιμοποιήσετε δική σας εικόνα προσέξτε το πλάτος του κενού εγγράφου να είναι το διπλάσιο από την εικόνα σας.
Ανοίγουμε την εικόνα μας και ονομάζουμε το Layer της right
Δεξί κλικ στο right layer και duplicate layer
Το νέο layer της εικόνας το ονομάζουμε left

Με επιλεγμένο το left layer πηγαίνουμε Edit > Transform > Flip Horizontal
Προσαρμόζουμε το layer προς τα αριστερά ώστε να έχουμε το παρακάτω αποτέλεσμα

ΒΗΜΑ ΔΕΥΤΕΡΟ
Με επιλεγμένο το left layer πατάμε Ctrl+T περιστρέφουμε όπως στην παρακάτω εικόνα

Δεν αποεπιλέγουμε δεξί κλικ στην εικόνα και επιλέγουμε Warp

Προσπαθούμε να προσαρμόσουμε την εικόνα μας από τις λαβές της επιλογής όπως παρακάτω

Κλικ στο ν να βγούμε από την επιλογή

Με επιλεγμένο το left layer πατάμε Ctrl+L και ρυθμίζουμε

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

ΒΗΜΑ ΤΡΙΤΟ
Ανοίγουμε την δεύτερη εικόνα μας με τα κτήρια η οποία θα μας χρησιμεύσει ώστε να δώσουμε την ψευδαίσθηση της αντανάκλασης
Ονομάζουμε το layer city και τo τοποθετούμε επάνω από όλα τα layers

Με επιλεγμένο το city layer πηγαίνουμε Filter > Blur > Motion Blur και ρυθμίζουμε

Χαμηλώνουμε το opacity στο 70% περίπου
Σχεδόν τελειώσαμε
Επιλέγουμε το Rectangular Marquee Tool στο city layer κάνουμε την παρακάτω επιλογή και πατάμε Delete

Επιλέγουμε το left layer και πατάμε Delete
Αποεπιλέγουμε

Πειραματιστείτε με τις ρυθμίσεις levels και με το opacity των layers left layer και city layer για να πετύχετε το αποτέλεσμα που σας ικανοποιεί

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