Δημιουργία "text logo" με το Photoshop

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



Για να διαφέρει το λογότυπο που θα φτιάξετε, πρέπει να κάνετε κάποιες ενέργειες που θα το κάνουν ξεχωριστό. Αρχικά πρέπει να διαλέξετε το σημαντικότερο πράγμα, τη γραμματοσειρά. Αυτή μπορεί να διαφέρει ανάλογα με το ύφος του αντικειμένου. Για παράδειγμα, μία επιχείρηση πρέπει να έχει μια γραμματοσειρά που να δείχνει πιο επίσημη (Verdana, Tahoma). Επίσης αν όλα τα γράμματα του logo είναι κεφαλαία πάλι δείχνει πιο επίσημο.

Το photoshop διαθέτει αρκετές γραμματοσειρές για όλα τα είδη, αλλά αν θέλετε κάτι παραπάνω επισκεφτείτε αυτές τις σελίδες:

http://www.designzzz.com/excellent-fonts-logo-design/
http://www.behance.net/gallery/Zaguatica/3588289


Ας περάσουμε στο κομμάτι του photoshop.


Αρχικά δημιουργούμε ένα καινούργιο αρχείο File -> New
Συμπληρώνουμε τις διαστάσεις width και height.

Τώρα θα βεβαιωθούμε ότι είνα ενεργό το παράθυρο "Character". Πηγαίνουμε στο menu 

Window -> Character,  αν δεν είναι επιλεγμένο το επιλέγουμε.

Από τα εργαλεία επιλέγουμε το Horizontal Type Tool (T), κάνουμε κλικ και σέρνουμε ώστε να δημιουργηθεί ένα ορθογώνιο όπως στην εικόνα. 

Μετά πηγαίνουμε στο παράθυρο Character. Εγώ επέλεξα την γραμματοσειρά "Verdana", στο μέγεθος έβαλα 72pt(για να φαίνεται καλά) και στο "A V"(είναι η απόσταση των χαρακτήρων,όσο πιο μικρή τόσο πιο κοντά είναι οι χαρακτήρες μεταξύ τους) έβαλα -60. Για κείμενο έγραψα "Hello world".

Πειραματιστείτε με τις γραμματοσειρές, το bold, το AV ώστε να ταιριάζει σε αυτό που θέλετε.

Τα επόμενα βήματα θα είναι ξεχωριστά μεταξύ τους. 

1. Gradient effect

Έχοντας επιλεγμένο το layer του κειμένου κάνουμε δεξί κλικ πάνω του και πατάμε Duplicate Layer (Ctrl+J)

Έχοντας το background σκούρο μπλε και στο foreground ανοιχτό μπλε. Δεξί κλικ πάνω στο καινούργιο Layer -> Blending options -> Gradient Overlay. Εδώ μπορούμε να κάνουμε το κειμενό μας να αλλάξει χρωματικά. 

Αφήνουμε το Blend Mode στο Normal, το Gradient -> Backgound to Foreground, το Style είναι ο τρόπος που θα αλλάζει το χρώμα(σε ευθεία,κυκλικά κ.α.) και το βάζουμε Linear, το Angle είνα η γωνία που θα εφαρμοστεί η αλλαγή και το βάζουμε 90 μοίρες, το Scale είναι το πόσο ομαλά γίνεται η αλλαγή των χρωμάτων(όσο μεγαλυτερη τιμή τόσο πιο ομαλή).

Το αποτέλεσμα πρέπει να είναι το παρακάτω. Βλέπουμε πως το κάτω μέρος του κειμένου είναι σκούρο μπλε, ενώ το πάνω μέρος ανοιχτό μπλε και αλλαγή χρώματος γίνεται ευθεία. Πειραματιστείτε με το Style, το Angle, το Scale  και δείτε τις διαφορές.

2. Glossy & Stroke (ο εύκολος τρόπος)

Πηγαίνουμε στο Layer του κειμένου και αλλάζουμε το χρώμα σε μπλε. Κάνουμε δεξί κλικ στο layer και επιλέγουμε Duplicate Layer. Στο καινούργιο Layer που δημιουργήθηκε κάνουμε δεξί κλικ και επιλέγουμε το Rasterize Layer. Τώρα επιλέγουμε από τα εργαλεία το Rectangular Marquee Tool (M) και   φτιάχνουμε ένα ορθογώνιο όπως στην εικόνα.

Στη συνέχεια πηγαίνουμε στο menu , Image -> Adjustment -> Brightness/Contrast και δίνουμε στο Brightness την τιμή 30 και πατάμε ΟΚ.

Πηγαίνουμε πάλι στο τελευταίο Layer που φτιάξαμε και πατάμε δεξί κλικ και Blending Options.

Επιλέγουμε το Inner Glow, βάζουμε το Blend Mode στο Multiply και βάζουμε ένα ανοιχτό μπλε χρώμα.

Επιλέγουμε και το Stroke, βάζουμε στο Size την τιμή 1, Blend Mode: Multiply, Opacity: 75% και στο χρώμα βάζουμε ένα παρόμοιο με το χρώμα του κειμένου ή ελάχιστα πιο σκούρο και πατάμε ΟΚ.

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

Πειραματιστείτε με τις τιμές και τα χρώματα για να φαίνεται όπως εσεις θέλετε.

3. Shadow

Κάνουμε Duplicate Layer το κείμενο, δεξίκ κλικ και Blending Options. Επιλέγουμε το Drop Shadow.

Εγώ για το παράδειγμα έβαλα το Angle:120, Distance: 5px, Spread: 10% και Size: 5px. Δοκιμάστε και μόνοι σας να αλλάξετε τις τιμές για να δείτε τι σας ταιριάζει.

Και το αποτέλεσμα:

Μπορείτε να δοκιμάστε και το Inner Shadow(κάτω από το Drop Shadow) που δίνει την αίσθηση του βάθους.

Αντανάκλαση

Κάνουμε στο κείμενο Duplicate Layer, έχοντας επιλεγμενο το καινούργιο Layer που δημιουργήθηκε πηγαίνουμε Edit -> Transform -> Flip Vertical. Τώρα έχουμε το κείμενο 2 φορές, μία κανονικά και μία ανάποδα.

Πηγαίνουμε στα εργαλεία, επιλέγουμε το Move Tool (V) (είναι το πρώτο πάνω πάνω) και κάνουμε κλικ στο ανάποδο κείμενο, το σέρνουμε και το κολλάμε στο κάτω μέρος του κανονικού κειμένου. Αφού το κάνουμε αυτό φροντίζουμε να απέχουν τα δύο κείμενα μεταξύ τους ένα ελάχιστο κενό(μπορούμε να το κουνήσουμε και με τα βελάκια).

Στο παράθυρο των Layer (κάτω δεξιά), στο κάτω μέρος πατάμε το τετραγωνάκι με τον κύκλο μέσα του και φτιάχνει Layer Mask. Μέσα στο Layer που είχαμε επιλεγμένο δημιουργεί ένα λευκό τετραγωνάκι(στο παράθυρο των Layer). Πατάμε το τετραγωνάκι που δημιουργήθηκε ώστε να είναι επιλεγμένο, πηγαίνουμε στα εργαλεία και επιλέγουμε το Gradient Tool (G) πρέπει να είναι απο μαύρο σε άσπρο, το Style: Linear και το Mode: Normal. Στη συνέχεια πατώντας συνεχόμενα Shift(για να βγει ευθεία) τραβάμε από τα 3/4 του αντιστραμμένου χαρακτήρα μέχρι το σημείο που ενωνεται με το κανονικό του χαρακτήρα.

Στην επόμενη εικόνα θα μαρκάρω με κόκκινο χρώμα τα σημεία με τη σειρά που τα είπα πριν.

1. Αυτό πρέπει να πατήσετε για να δημιουργήσετε το Mask.

2. Αυτό πρέπει να είναι επιλεγμένο πριν κάνετε το επόμενο βήμα.

     (κάντε κλικ πάνω του για να το επιλέξετε)

3. Επιλογές του Gradient Tool

4. Τραβήξτε τη γραμμή από κάτω προς τα πάνω. 

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

Βάζουμε το Opacity sto 50% για ποιο ομαλό σβήσιμο και έχουμε το τελικό αποτέλεσμα.

Αν συνδυάσουμε όλα τα προηγούμενα:

Σε επόμενα tutorial θα αναφερθούμε αναφερθούμε αναλυτικότερα σε effect που ταιριάζουν σε κείμενα.


Αν έχετε οποιαδήποτε απορία, μην διστάσετε να ρωτήσετε!!!