Πέμπτη, 11 Φεβρουαρίου 2010

Photoshop Basics - Layers

Στο photoshop μια βασική τακτική δημιουργίας είναι η κάθετη οργάνωση της εικόνας σε Layers.
Σε μία διαφημιστική αφίσα ας πούμε θα υπάρχει πχ μια ομάδα layers που συνθέτουν το background, μια ομάδα layers με ένα σχέδιο-logo, και μια ομάδα layers για το κείμενο.
Θα προσπαθήσω να δείξω πως φτιάχνουμε μια απλή διαφημιστική αφίσα για μια υποτιθέμενη παρουσίαση.

θα χρησιμοποιήσω επισης και καποια ειδη επεξεργασιας οπως
απο filters το noise ,
απο blendind options των layers το stroke κτλ
τα οποια θα δειχτουν και αναλυτικά στο μέλλον.

Με File\New (ή Ctrl+N) ξεκινάμε καινούργιο .psd αρχειο. Έτσι βγαίνει το εξής παράθυρο.

Επιλέγουμε για preset μέγεθος A3 που μάλλον ειναι και το μέγεθος της αφίσας.

Το μέγεθος του "καμβά" μπορούμε να το αλλάξουμε οποιαδήποτε στιγμή από Image\Canvas size.

Έτσι έχουμε ενα παράθυρο με έναν layer, το background.

Ξεκινάμε να φτιάχνουμε το background. Επειδή δεν θα μας πληρώσουν πολλά δεν θα φτιάξουμε κάτι wow, θα κάνουμε κατι γρήγορο και εύκολο.

Κανουμε click στο Set Foreground Colour και επιλέγουμε ένα χρώμα. Εγώ επέλεξα ένα με html code 2dd570
(ο κωδικός δίπλα απο το #), ενα αθλιο χρωμα.


Μέτα πάμε Filter\Render\Clouds . Τα filters ειναι συγκεκριμένα effects που θα μπουν στην εικόνα μας. (Ειναι εμπνευσμενα απο τα φωτογραφικα φιλτρα τα οποία ειναι κομματιά γυαλιού ή ζελατίνας τα οποία αλλαζουν το ευρος των συχνοτητων που απορροφαει ο φακος.)

Οπότε τώρα η αφίσα μας θα ειναι ετσι.




για να μην ειναι πολυ έντονο, σε εναν αλλον layer (shift+ctrl+N) θα τον γεμισουμε με χρώμα με το paint bucket tool(G), με το magic eraser tool βάζωντας το opacity στο 40% θα το σβησουμε και θα προσθεσουμε απο τα filters noise.

Αυτοί οι δυο layers τωρα αποτελούν το background πανω στο οποίο θα δουλέψουμε.

Εστω οτι την παρουσίαση την κάνει το παρον blog με θέμα το Photoshop.
Θα βάλω στην μέση να φαίνεται αυτο που τρέχει τωρα.

Παταω το κουμπί για print screen, καινουργιο layer και μετα επικολληση ctrl+V. Θα βγεί μια μικρη εικόνα στο κέντρο του layer.
Με το rectangular Marquee tool θα επιλεξω την εικόνα, θα την μεγαλώσω με edit\transform\scale. Θα κατεβάσω το logo του photoshop(link) χρησιμοποιώντας ενα site που ανακαλυψα χθες, το google. Με drag and drop το το τοποθετω πανω απο το printscreen σε καινουργιο layer. Με το magic wand επιλεγω το φτερό μονο, με shift+ctrl+I επιλέγω το αντίθετο(ή r-click select inverse). Τώρα μπορώ αφοβα να σβήσω το background χωρίς να πειραχθεί το φτερό. Έχωντας ακόμα σε επιλογή το φτερό του Photoshop, του αλλάζω scale. Μέτα για να το τονίσω θα κάνω δεξί click στον layer, και στα Blending options θα επιλέξω το stroke με χρώμα μαύρο και size 7px. (περισσοτερα για τα blending options στο επομενο post)
Μετά απο όλα αυτά εχουμε καταλήξει εδω.

Μια ιδέα είναι να φτιάξουμε μια αντανάκλαση της εικόνας που είναι στην μέση...

Επιλέγω τους δυο layers(το printscreen και το φτερο) και τα κάνω merge(r-click\merge layers)

δημιουργώ ένα αντίγραφο του layer αυτού
(r-click\ duplicate layer ή drag and drop στο κουμπί κατω δεξία create new layer)

με το Move tool θα το μετακινήσω ακριβώς απο κάτω από την αλλη εικόνα και θα το αναποδογυρίσω με το Edit\Tranform\Flip Vertical

Σε καινούργιο layer αφού εχουμε επιλέξει το περίγραμμα της εικόνας της ανάκλασης θα προσπαθήσουμε να βάλουμε μια επικάλυψη ώστε να μοιάζει με γυαλί. Επιλέγουμε για χρώματα ενα πιο σκουρο απο αυτό του background(πχ το 2b563c) και ασπρο και με το gradient tool φτιάχνουμε μέσα στην επιλογή απο πάνω προς τα κατω ενα ξεθώριασμα.
Οπότε καταλήγουμε εδώ.







Το μόνο που μένει είναι να προσθέσουμε τις πληροφορίες της παρουσίασης.

Με το horizontal type tool επιλέγοντας γραμματοσειρά, χρώμα και μέγεθος γραμμάτων κάθε φορά φτιάχνουμε το κείμενο.

εγώ επέλεξα την απλότητα του άσπρου και στα blending options έβαλα stroke μάυρο, μεγέθους 7px.


Οπότε η αφίσα θα είναι τώρα κάπως έτσι.





Στην τελευταία εικόνα φαίνεται και η σημασία της χρήσης των layers.
από έξω προς τα μέσα βλέπουμε τους εξής layers

1)το κείμενο
2)το gradient για την ανακλαση
3)τα φτερα του photoshop
4)τα printscreens
5)το ξεθωριασμενο noise effect
6)τα συννεφα.









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

Enjoy Photoshopping!

0 σχόλια:

Δημοσίευση σχολίου