Το διαφανές γυάλινο κείμενο είναι ένα από τα πιο δημοφιλή εφέ στυλ κειμένου στο Photoshop , προσθέτοντας μια κομψή, μοντέρνα και επαγγελματική πινελιά σε σχέδια. Είτε πρόκειται για λογότυπα, γραφικά επικεφαλίδων ή δημιουργικά έργα, αυτό το εφέ εντυπωσιάζει με τη ρεαλιστική απόδοση του γυαλιού που αποτυπώνει το φως και τη σκιά. Σε αυτό το σεμινάριο, θα σας δείξω βήμα προς βήμα πώς να δημιουργήσετε ένα εφέ διαφανούς γυάλινου κειμένου με το Photoshop. Θα χρησιμοποιήσουμε απλά εργαλεία όπως στυλ στρώσεων, κλίσεις και εφέ για να επιτύχουμε ένα πειστικό αποτέλεσμα. Ας ξεκινήσουμε και ας κάνουμε το κείμενό σας να λάμψει!

1. Το φόντο

Θα δημιουργήσουμε ένα νέο έγγραφο με μέγεθος 700 x 400 pixels. Και για όσους θέλουν να το εκτυπώσουν αργότερα: Μια ανάλυση 300 ppi.

Διαφανές γυάλινο κείμενο

Αρχικά, δημιουργούμε μια ωραία διαβάθμιση φόντου. Οι περισσότερες κλίσεις αποτελούνται συνήθως από δύο χρώματα. Στο Photoshop, όμως, έχουμε τη δυνατότητα να δημιουργήσουμε πολλά χρώματα και έτσι πιο σύνθετες κλίσεις.

Επομένως, θα δημιουργήσουμε μια ακτινική κλίση:

Διαφανές γυάλινο κείμενο

Επιλέγουμε το χρώμα: #790d3c για το πρώτο ρυθμιστικό, κάνουμε κλικ στη μέση της γραμμής χρωμάτων και επιλέγουμε το χρώμα: #4a0823. Στο τελευταίο: #2c0414.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, σχεδιάζουμε την κλίση από κάτω δεξιά προς τα πάνω αριστερά, ώστε να έχουμε τον κώνο φωτός μας κάτω δεξιά.

Διαφανές γυάλινο κείμενο

2. Το κείμενο

Στη συνέχεια, χρησιμοποιούμε το εργαλείο κειμένου. Έχω επιλέξει τη γραμματοσειρά "Adobe Caslon Pro", η οποία περιλαμβάνεται στη Creative Suite. Το μέγεθος της γραμματοσειράς σε αυτό το παράδειγμα είναι 75,92 pt. Το μόνο που λείπει τώρα είναι το σωστό χρώμα. Το αναθέτουμε κάνοντας κλικ στο πεδίο χρώματος πάνω δεξιά.

Διαφανές γυάλινο κείμενο

Εκεί εισάγουμε την ακόλουθη τιμή: #a9419c.

Διαφανές γυάλινο κείμενο

Για το ενδιάμεσο αποτέλεσμά μας:

Διαφανές γυάλινο κείμενο

Ρυθμίζουμε την αδιαφάνεια της στρώσης στο 28%, ώστε το κείμενό μας να εμφανίζεται προς το παρόν διαφανές.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, κάνουμε διπλό κλικ στη στρώση "PSD" ή κάνουμε κλικ στο κουμπί fx στο κάτω μέρος του πίνακα στρώσεων για να ανοίξουμε τα εφέ στρώσεων. Αρχικά τσεκάρουμε τη σκιά πτώσης. Μπορείτε να βρείτε τις τιμές παρακάτω:

Διαφανές γυάλινο κείμενο

Παίρνουμε το ακόλουθο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Στη συνέχεια, πηγαίνουμε στη σκιά προς τα μέσα και εφαρμόζουμε τις ακόλουθες τιμές:

Διαφανές γυάλινο κείμενο

Και λαμβάνουμε το ακόλουθο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

- Λάμψη προς τα έξω:

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

- Εμφάνιση προς τα μέσα:

Διαφανές γυάλινο κείμενο

- Επίπεδες άκρες και ανάγλυφο:

Διαφανές γυάλινο κείμενο

- Περίγραμμα:

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

- Γυαλιστερό: Για το χρώμα της μεθόδου γεμίσματος, απλά κάνουμε κλικ μία φορά με την πιπέτα στο σκούρο φόντο δίπλα στο "P" μας.

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

- Περιγράμματος:

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

3. Δημιουργία αντανακλάσεων

Τώρα ας δημιουργήσουμε μια μικρή αντανάκλαση στο κάτω μέρος του "D". Για να το κάνουμε αυτό, επιλέγουμε ολόκληρο το κείμενό μας κρατώντας πατημένο το πλήκτρο Ctrl και κάνοντας κλικ στη μικρογραφία του επιπέδου μας.

Διαφανές γυάλινο κείμενο

Δημιουργούμε ένα νέο επίπεδο πάνω από αυτό.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, πηγαίνουμε στο εργαλείο διαβάθμισης και επιλέγουμε μια διαβάθμιση από λευκό σε διάφανο. Βεβαιωθείτε ότι το πλαίσιο Radial gradient (Ακτινική διαβάθμιση ) εξακολουθεί να είναι επιλεγμένο ...

Διαφανές γυάλινο κείμενο

... και εφαρμόζουμε την κλίση όπως φαίνεται στην παρακάτω εικόνα.

Διαφανές γυάλινο κείμενο

Αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Μπορούμε επίσης να αποκρύψουμε την επιλογή με Ctrl+H. Αυτό μας επιτρέπει να κρίνουμε καλύτερα το αποτέλεσμα όταν σχεδιάζουμε μια δεύτερη κλίση.

Διαφανές γυάλινο κείμενο

Επομένως, σχεδιάζουμε μια άλλη κλίση όπως φαίνεται στην εικόνα. Με αυτόν τον τρόπο έχουμε εντείνει τη λάμψη λίγο περισσότερο.

Διαφανές γυάλινο κείμενο

Τώρα πατάμε Ctrl+D για να ακυρώσουμε την κρυφή επιλογή. Στη συνέχεια, ονομάζουμε το πάνω επίπεδο μας "Κάτω λάμψη". Για να ταιριάζει τώρα η διαβάθμισή μας όμορφα με το κείμενό μας, επιλέγουμε τη μέθοδο γεμίσματος: Αντιγράψτε το ένα στο άλλο.

Διαφανές γυάλινο κείμενο

Αυτό μας δίνει το ακόλουθο ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Κάνουμε τώρα το ίδιο με την επάνω αριστερή γωνία: Επιλέγουμε το κείμενο κρατώντας πατημένο το πλήκτρο Ctrl και κάνοντας κλικ στη μικρογραφία του στρώματος.

Διαφανές γυάλινο κείμενο

Δημιουργούμε ένα νέο επίπεδο, το οποίο ονομάζουμε "Κορυφή της εικόνας" ...

Διαφανές γυάλινο κείμενο

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

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Στη συνέχεια, ακυρώνουμε την επιλογή με Ctrl+D...

Διαφανές γυάλινο κείμενο

... και αλλάζουμε την αδιαφάνεια σε 30%.

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Για μια ισχυρότερη αντανάκλαση, σύρουμε πρώτα μια επιλογή έλλειψης πάνω από το πάνω μισό της γραμματοσειράς μας σε ... (για να μετακινήσετε την έλλειψη ενώ σέρνετε, κρατήστε πατημένο το πλήκτρο διαστήματος ).

Διαφανές γυάλινο κείμενο

Στη συνέχεια αντιστρέφουμε αυτή την επιλογή πατώντας Ctrl+Shift+I, ...

Διαφανές γυάλινο κείμενο

... και διαγράφουμε το υπόλοιπο της διαβάθμισης με το πλήκτρο Del, έτσι ώστε να έχουμε μια σκληρή ανακλαστική ακμή.

Διαφανές γυάλινο κείμενο

4. Δημιουργία των φωτεινών σημείων (2 παραλλαγές)

Για να δημιουργήσουμε μια ακόμα πιο γυαλιστερή εμφάνιση, δημιουργούμε μικρά highlighters. Υπάρχουν διάφοροι τρόποι για να το κάνουμε αυτό. Θα σας εξηγήσω 2 από αυτούς. Ο πρώτος είναι η χρήση πολυγωνικών αστεριών. Και στον δεύτερο, χρησιμοποιώντας σημεία εξασθένισης.

Παραλλαγή 1: Πολυγωνικά αστέρια

Ας ξεκινήσουμε με τα πολυγωνικά αστέρια. Για να το κάνουμε αυτό, δημιουργούμε ένα νέο επίπεδο και το ονομάζουμε "αστερίσκοι".

Διαφανές γυάλινο κείμενο

Στη συνέχεια, επιλέγουμε το εργαλείο πολυγώνου...

Διαφανές γυάλινο κείμενο

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

Διαφανές γυάλινο κείμενο

... κάνουμε κλικ στην επιλογή αστέρι.

- Θα ρυθμίσουμε το "Retract sides" στο 98% για να έχουμε πραγματικά σκληρά σημεία. Στη συνέχεια, εισάγουμε 5 για τις Σελίδες για να έχουμε 5 σημεία ανά αστέρι.

Διαφανές γυάλινο κείμενο

Τώρα είναι σημαντικό ότι έχουμε ορίσει το χρώμα του προσκηνίου σε λευκό. Στη συνέχεια τοποθετούμε τα αστέρια στις πιο φωτεινές φωτισμένες περιοχές ...

Διαφανές γυάλινο κείμενο

Το όλο πράγμα μπορεί να μοιάζει τόσο ωραίο. :)

Διαφανές γυάλινο κείμενο



Τώρα ας προχωρήσουμε στη δεύτερη παραλλαγή. Αλλά πρώτα, ας συμμαζέψουμε την παλέτα επιπέδων συνδυάζοντας τα πολυγωνικά μας επίπεδα σε μια ομάδα (επιλέγοντας τα αντίστοιχα επίπεδα και πατώντας Ctrl+G). Στη συνέχεια, μπορούμε να τα αποκρύψουμε με ένα κλικ. Μπορούμε να ονομάσουμε την ομάδα "αστερίσκος".

Παραλλαγή 2: Δημιουργία κηλίδων εξασθένισης ως πινέλα

Θα ήθελα να σας δείξω έναν πολύ αποδοτικό τρόπο για να τοποθετείτε σημεία εξασθένισης γρήγορα και εύκολα. Για να το κάνουμε αυτό, χρειαζόμαστε πρώτα ένα νέο έγγραφο με μια περιοχή εργασίας 2000 x 2000 pixels (θα το χρειαστούμε αυτό, επειδή τα fade spots θα είναι εξαιρετικά μεγάλα ακόμα και όταν είναι μικρά ;) ).

Διαφανές γυάλινο κείμενο

Γεμίζουμε την περιοχή φόντου με μαύρο ...

Διαφανές γυάλινο κείμενο

... και καλούμε τα σημεία εξασθένισης.

Διαφανές γυάλινο κείμενο

Τώρα πρέπει να βεβαιωθούμε ότι τοποθετούμε το μπαλώματα διαφράγματος όσο το δυνατόν πιο κοντά στο κέντρο, ώστε να έχουμε και τη λάμψη γύρω από αυτό ακάλυπτη στην επιφάνεια εργασίας μας.

Διαφανές γυάλινο κείμενο

Αν κοιτάξετε προσεκτικά ή κοιτάξετε την οθόνη σας από την επάνω γωνία, μπορείτε να δείτε ότι το patch διαφράγματος μας αγγίζει σχεδόν την επάνω άκρη ;)

Διαφανές γυάλινο κείμενο

Αλλά ευτυχώς εξακολουθούμε να το έχουμε πλήρως. Έτσι, τώρα πατάμε το πλήκτρο Ctrl+ I για να αντιστρέψουμε το στρώμα μας.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, επιλέγουμε ολόκληρο το επίπεδο με το συνδυασμό πλήκτρων Ctrl+A, πηγαίνουμε στο Edit>Set Brush Preset...

Διαφανές γυάλινο κείμενο

... και αποθηκεύουμε το σημείο ανάμειξής μας ως πινέλο.

Διαφανές γυάλινο κείμενο

Επιστρέφοντας στο έγγραφό μας, δημιουργούμε πρώτα μια νέα στρώση και την ονομάζουμε "Aperture stain".

Διαφανές γυάλινο κείμενο

Τώρα μπορούμε να καλέσουμε το πινέλο που μόλις δημιουργήσαμε στην παλέτα πινέλων.

Διαφανές γυάλινο κείμενο

Αρχικά, βεβαιωνόμαστε ότι το πινέλο μας δεν είναι πολύ μεγάλο. Το χρώμα του προσκηνίου θα πρέπει επίσης να είναι λευκό.

Διαφανές γυάλινο κείμενο

Είναι προτιμότερο να δημιουργήσουμε ένα νέο επίπεδο για κάθε σημείο θάμβωσης (ώστε να μπορούμε να το μετακινήσουμε ξανά ανάλογα με τις ανάγκες) και να το τοποθετήσουμε στις αντανακλώμενες ζώνες της εικόνας μας.

Διαφανές γυάλινο κείμενο

5. Δημιουργήστε μια αντανάκλαση

Όπως συμβαίνει με τα περισσότερα αντικείμενα υψηλής στιλπνότητας, συνήθως αφήνουν μια αντανάκλαση. Και αυτό ακριβώς θα κάνουμε τώρα με το κείμενό μας.

Πρώτα απ' όλα, χρειαζόμαστε ένα αντίγραφο επιπέδου ολόκληρου του κειμένου μας, συμπεριλαμβανομένων των αντανακλάσεων. Για να το κάνουμε αυτό, επιλέγουμε τα επίπεδα "PSD", "Reflection bottom" και "Reflection top" και τα σύρουμε πάνω στο κάτω φύλλο αποκόλλησης κρατώντας πατημένο το κουμπί του ποντικιού για να δημιουργήσουμε ένα αντίγραφο επιπέδου και των τριών επιπέδων.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, πατάμε τα πλήκτρα Ctrl+E για να συγχωνεύσουμε αυτά τα αντίγραφα σε μία στρώση.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, πατήστε Ctrl+T για να μετασχηματίσετε τη στρώση. Για να το κάνετε αυτό, κάντε δεξί κλικ στη στρώση μετασχηματισμού και επιλέξτε Mirror vertical (καθρέφτισμα κάθετα).

Διαφανές γυάλινο κείμενο

Στη συνέχεια, χρησιμοποιήστε τα πλήκτρα βέλους για να μετακινήσετε τη στρώση προς τα κάτω μέχρι να ακουμπήσουν τα άκρα της στρώσης. Σε αυτή την περίπτωση, αυτό ισχύει μόνο για το "S". Θα πρέπει να προσαρμόσουμε τα άλλα δύο.

Διαφανές γυάλινο κείμενο

Καλούμε λοιπόν το εργαλείο ορθογώνιας επιλογής και επιλέγουμε πρώτα το "P".

Διαφανές γυάλινο κείμενο

Αν τώρα πατήσουμε το πλήκτρο "V", έχουμε έτοιμο το εργαλείο μετακίνησης. Μπορούμε στη συνέχεια να το χρησιμοποιήσουμε για να μετακινήσουμε το "P" προς τα πάνω χρησιμοποιώντας τα πλήκτρα βέλους μέχρι να αγγίξει την κάτω άκρη. Αν τώρα πατήσουμε Ctrl+H, έχουμε αποκρύψει την άκρη της επιλογής και επομένως μπορούμε να κρίνουμε καλύτερα τη θέση. Αυτό βοηθάει πραγματικά πολύ κατά την μετακίνηση.

Δεν πειράζει που η κάτω άκρη του "P" είναι κομμένη, καθώς θα κρυφτεί αργότερα ούτως ή άλλως.

Διαφανές γυάλινο κείμενο

Στη συνέχεια κάνουμε το ίδιο με το "D".

Διαφανές γυάλινο κείμενο

Στη συνέχεια, δημιουργούμε μια μάσκα στρώματος σε αυτό το στρώμα ...

Διαφανές γυάλινο κείμενο

... πηγαίνουμε στο εργαλείο διαβάθμισης και ορίζουμε μια ασπρόμαυρη διαβάθμιση ή μια διαβάθμιση από μαύρο σε διάφανο. Βεβαιωθείτε ότι έχουμε ενεργοποιήσει την επιλογή Γραμμική διαβάθμιση.

Διαφανές γυάλινο κείμενο

Τοποθετούμε το εργαλείο στην κάτω άκρη και το σύρουμε προς τα πάνω όπως φαίνεται στην εικόνα. Μπορούμε ακόμα να κρατάμε πατημένο το πλήκτρο Shift, ώστε η κλίση μας να είναι πραγματικά πολύ ευθεία.

Διαφανές γυάλινο κείμενο

Και έχουμε το ακόλουθο ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Όπως συμβαίνει με πολλές αντανακλάσεις, η αντανάκλαση είναι συνήθως πολύ ασθενής. Επομένως, μειώνουμε την αδιαφάνεια αυτού του επιπέδου λίγο περισσότερο (44%), ώστε να έχουμε μια σχετικά ρεαλιστική αντανάκλαση.

Διαφανές γυάλινο κείμενο



Αυτό δίνει στο κείμενό μας λίγο περισσότερο χώρο, επειδή η αντανάκλαση κάνει ένα δάπεδο αναγνωρίσιμο. Και για να γίνει αυτός ο χώρος λίγο πιο σαφής, θα δημιουργήσουμε ένα δάπεδο.

Πριν το κάνουμε αυτό, ας βάλουμε λίγη τάξη στα επίπεδα μας. Μετονομάζουμε το επίπεδο που μόλις δημιουργήσαμε σε "Αντανάκλαση". Καθώς υπάρχει μια αντανάκλαση κάτω από το κείμενο, μετακινούμε αυτή τη στρώση "Reflection" κάτω από τη στρώση "PSD". Στη συνέχεια, συγχωνεύουμε το κείμενο μαζί με την αντανάκλαση και τις αντανακλάσεις σε μια ομάδα και ονομάζουμε αυτή την ομάδα "PSD". Και συγχωνεύουμε επίσης τα τρία επίπεδα σημείων εξασθένισης σε μια ομάδα σημείων εξασθένισης. Επομένως, η δομή των επιπέδων μας αποτελείται από το επίπεδο φόντου, την ομάδα "PSD", την ομάδα "Asterisk" και την ομάδα "Flare".

Κάτω από την ομάδα "PSD", δημιουργούμε τώρα έναν φάκελο με όνομα "Floor", στον οποίο δημιουργούμε τώρα το τελικό μας γραφικό.

6. Δημιουργία ενός ορόφου

Δημιουργούμε ένα νέο επίπεδο στην ομάδα επιπέδων "Floor", το οποίο ονομάζουμε επίσης "Floor". Στη συνέχεια, πηγαίνουμε στο εργαλείο διαβαθμίσεων που διαθέτουμε.

Διαφανές γυάλινο κείμενο

Ορίζουμε τις ακόλουθες τιμές χρώματος:

Διαφανές γυάλινο κείμενο

Στη συνέχεια, κρατάμε πατημένο το πλήκτρο Shift και σχεδιάζουμε μια ωραία κλίση από πάνω προς τα κάτω.

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Αυτό φαίνεται ήδη πολύ ωραίο, αλλά θέλουμε να γίνει το πάτωμά μας. Τώρα πατάμε το πλήκτρο Ctrl+T και σύρουμε τη στρώση στην επάνω κεντρική λαβή προς τα κάτω μέχρι να προεξέχει λίγο πάνω από την αντανάκλαση. Με αυτόν τον τρόπο, το κείμενο δεν βρίσκεται στην πίσω άκρη του "δωματίου", αλλά περισσότερο στο κέντρο.

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Τώρα έχουμε το εικονικό μας πάτωμα. Ωστόσο, δεν είναι ακόμα εντελώς πειστικό, καθώς δεν ρίχνει σκιά. Επομένως, δημιουργούμε μια νέα στρώση για τη σκιά και τη μετακινούμε κάτω από τη στρώση "δάπεδο" μας.

Ονομάζουμε επίσης αυτό το επίπεδο "Σκιά". Στη συνέχεια, επιλέγουμε ένα μαλακό στρογγυλό μαύρο πινέλο...

Διαφανές γυάλινο κείμενο

... και, κρατώντας πατημένο το πλήκτρο Shift, σχεδιάζουμε κατά μήκος της άκρης του δαπέδου ακριβώς έξω από το έγγραφο.

Διαφανές γυάλινο κείμενο

Ενδιάμεσο αποτέλεσμα:

Διαφανές γυάλινο κείμενο

Τώρα η σκιά μας είναι ακόμα λίγο πολύ έντονη. Αλλά αυτό δεν πειράζει, καθώς μπορούμε να τη μετακινήσουμε λίγο προς τα κάτω χρησιμοποιώντας το εργαλείο Μετακίνηση και τα πλήκτρα βέλους. Ή μπορούμε να πατήσουμε ξανά τα πλήκτρα Ctrl+T και να μετακινήσουμε την κάτω κεντρική λαβή ελαφρώς προς τα πάνω για να κάνουμε τη σκιά μας λίγο πιο έντονη.

Διαφανές γυάλινο κείμενο

Στη συνέχεια, μπορούμε να προσαρμόσουμε ελαφρώς την αδιαφάνεια της σκιάς (στο 60%).

Διαφανές γυάλινο κείμενο

Και τελικά έχουμε πετύχει τον στόχο μας. :)

Ελπίζω να σας άρεσε αυτό το σεμινάριο και ανυπομονώ για τυχόν σχόλια. :)

Διαφανές γυάλινο κείμενο