Δημιουργία του Avatar μας

Επιλέξτε μια φωτογραφία που να φαίνεται καλά το πρόσωπό σας. Πριν ξεκινήσετε ρίξτε μια ματιά στις εικόνες από την ταινία για να δείτε τα χαρακτηριστικά των na’vi.

Εγώ διάλεξα την φωτογραφία της Τζούλια Αλεξανδράτου :

Από την αρχή ενεργοποιήστε τις απαραίτητες γραμμές εργαλείων από το μενού Window

Κάντε αντιγραφή της εικόνας από το Layer-Duplicate layer (ctrl-j):

Αν στη φωτογραφία υπάρχουν μερικές ατέλειες (στο παράδειγμά μας σταγόνες νερού),επιλέξτε το εργαλείο Healing Brush (πλήκτρο j).Με πατημένο alt κάντε κλικ στην καθαρή περιοχή της επιδερμίδας. Αφήστε το alt και κάντε κλικ σε όλα τα σημεία που χρειάζεται επιδιόρθωση:

Ας ξεκινήσουμε την μεταμόρφωση. Από το μενού Filter-Liquify(εικόνα ανοίγει στο νέο παράθυρο) χρησιμοποιήστε τα εργαλεία Forward Warp Tool και Bloat Tool .Με το πρώτο εργαλείο να φαρδύνετε την μύτη, σηκώστε λίγο την άκρη της μύτης, τραβήξτε τα ρουθούνια προς τα μέσα και κάτω, με το Bloat Tool μεγαλώστε τα μάτια. Πειραματιστείτε λίγο με τα εργαλεία αυτά για να πετύχετε το επιθυμητό αποτέλεσμα:

Οι na’vi δεν έχουν φρύδια. Με το lasso tool επιλέξτε το φρύδι, κάντε δεξί κλικ πάνω και layer via copy.Έπειτα Filter-Noise-Median:

Με το Eraser tool μικρού μεγέθους καθαρίστε την περιοχή γύρο από το φρύδι. Μπορείτε να το σκουραίνετε λίγο με το burn tool.Κάντε το ίδιο με το δεύτερο φρύδι. Ενώστε όλα τα layers (ctrl+E). Το αποτέλεσμα βλέπετε στην εικόνα:

Κάντε πάλι αντιγραφή του layer,από το Blending options κάντε κλικ στο color overlay.Το blend mode επιλέξτε color.Πατήστε στο τετραγωνάκι με το χρώμα και αλλάξτε το:

Πηγαίνετε Image-Adjustments-Levels και ορίστε τις ρυθμίσεις όπως βλέπετε στην παρακάτω εικόνα:

Προσθέστε μια μάσκα στο layer με το add layer mask.Με το brush tool μαύρου χρώματος καθαρίστε τα μαλλιά, αυτιά, μάτια και φόντο. Τα χείλη και την άκρη της μύτης καθαρίστε με το μικρό πινέλο με 30% opacity:

Ενώστε τα layers(ctrl-E) και κάντε αντιγραφή. Προσωρινά απενεργοποιήστε το αρχικό background πατώντας στο εικονίδιο με το μάτι. Με το μικρό eraser tool σβήστε προσεκτικά τα μάτια στο δεύτερο layer:

Ανοίξτε την εικόνα της επιλογής σας που να φαίνονται καλά τα μάτια των na’vi. Εγώ διάλεξα

Με το lasso tool επιλέξτε το μάτι

Kάντε αντιγραφή και επικόλληση στην δική σας εικόνα πάνω από το αρχικό layer-background.Κάντε το ίδιο με το δεύτερο μάτι:

Ενεργοποιήστε πάλι το αρχικό background και απενεργοποιήστε το αντίγραφο (background copy) για να φανούν τα μάτια που προσθέσατε. Με το move tool τοποθετήστε τα μάτια στη θέση τους. Προσαρμόστε το μέγεθος των ματιών από το μενού Edit με το Free transform.Ενεργοποιήστε πάλι το layer background copy και με το μικρό eraser tool διορθώστε τις τρύπες που κάναμε. Μπορείτε να τονίσετε λίγο το περίγραμμα των ματιών με το burn tool:

Τα brushes με τις βλεφαρίδες μπορείτε να κατεβάσετε από εδώ .
Επιλέξτε τα βλέφαρα που σας αρέσουν.
Το κάθε βλέφαρο καλύτερα να το έχετε σε διαφορετικά layers για την ευκολότερη επεξεργασία τους:

Το αποτέλεσμα:

Διαλέξτε μια εικόνα που να φαίνονται καλά τα αυτιά:

Με το lasso επιλέξτε τα αυτιά , κάντε επικόλληση στην εικόνα σας. Μετακινήστε τα με το move tool και προσαρμόστε το μέγεθος από το Edit με το free transform.
Για το κάθε αυτί πηγαίνετε στο Filter- Filter Gallery και από το Artistic effects επιλέξτε Plastic Wrap:

Κατεβάστε κάποιο από τα παρακάτω σχέδια και ανοίξτε το:

Αντιγράψτε το στο καινούριο layer. Από το Filter-Liquify διαμορφώστε το όπως στην εικόνα:

Κόψτε το από δεξιά:

Κάντε αντιγραφή του layer, πηγαίνετε Edit menu- Transform – Flip Horizontal και ενώστε τα δύο κομμάτια όπως στην εικόνα:

Ενώστε όλα τα layers με το σχέδιο ζέβρας σε ένα, ορίστε opacity 18% και μετακινήστε το πάνω στο πρόσωπο:

Με το eraser tool καθαρίστε την εικόνα , αφήνοντας τις γραμμές μόνο στο πρόσωπο. Από το blend mode επιλέξτε το soft light. Επαναλάβετε την διαδικασία και για το υπόλοιπο σώμα:

Δημιουργήστε καινούριο layer, με το μικρό πινέλο προσθέστε κουκκίδες διαφορετικού μεγέθους κάτω από τα μάτια, στη μύτη, στο μέτωπο και λίγο στο πηγούνι. Για να δώσετε λίγη λάμψη στο Layer – Layer Style – Blending Options – Outer Glow ορίστε τις ρυθμίσεις όπως στην εικόνα:

Στο τέλος ας αλλάξουμε την επιδερμίδα. Κατεβάστε το pattern από εδώ
Τοποθετήστε το pattern πάνω στο πρόσωπο(και σε όλες τις περιοχές τις επιδερμίδας):

Ενώστε όλα τα layer με τa patterns σε ένα και τοποθετήστε το κάτω από τις κουκκίδες.

Αλλάξτε layer style στο Overlay και το Opacity στο 20-25% (όπως σας αρέσει περισσότερο).Με το eraser tool καθαρίστε την περιοχή των ματιών, τα χείλη και τα μαλλιά:

Για να προσθέσετε κάποιο όνομα ή κείμενο επιλέξτε την γραμματοσειράς Papyrus με τις ακόλουθες ρυθμίσεις του layer:

Και έχουμε το τελικό αποτέλεσμα

Τι είναι το 9-Slice Scaling

Με την λειτουργία αυτή το αντικείμενο διαιρείται σε 9 περιοχές, κάθε μια από τις οποίες μπορεί να μεταβληθεί ανεξάρτητα από τις υπόλοιπες. Η χρησιμότητα της λειτουργίας αυτής φαίνεται όταν χρησιμοποιήσουμε το εργαλείο Free Transform. Η λειτουργία αυτή ενεργοποιείται μέσα από το πλαίσιο διαλόγου Convert to Symbol.

Εικόνα 1 – Το πλαίσιο διαλόγου Convert to Symbol

Παράδειγμα

Θα ξεκινήσουμε με την δημιουργία ενός τετραγώνου. Θα δημιουργήσουμε ένα τετράγωνο, στην συνέχεια θα το αντιγράψουμε και έπειτα θα μετατρέψουμε τα δύο αυτά τετράγωνα σε σύμβολα, ένα με ενεργοποιημένη την λειτουργία 9-slice scale και το άλλο χωρίς.

Επιλέξτε το εργαλείο Rectangle, θέστε στην παλέτα properties την τιμή rectangle corner radius ίση με 24 και φτιάξτε ένα τετράγωνο διαστάσεων 100 πλάτος και 30 ύψος. Το τετράγωνο μπορείτε να το σχεδιάσετε ελεύθερα στην αρχή και έπειτα με το εργαλείο selection να το επιλέξετε και να αλλάξετε τις διαστάσεις του από την παλέτα properties.

Εικόνα 2 – Οι ιδιότητες του τετραγώνου

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

Εικόνα 3 – Τα δύο τετράγωνα

Στην συνέχεια επιλέγουμε το πάνω τετράγωνο, με διπλό κλικ για να πιάσουμε και το περίγραμμα του και  το μετατρέπουμε σε σύμβολο Movie Clip, με χρήση της εντολής Modify > Convert to Symbol. Φροντίζουμε να είναι ενεργοποιημένη η επιλογή Enable guides for 9-slice scaling.

Εικόνα 4 – Το σύμβολο με ενεργοποιημένη την επιλογή

Στην συνέχεια επιλέγουμε το κάτω τετράγωνο και το μετατρέπουμε πάλι σε σύμβολο movie clip. Στο πλαίσιο διαλόγου Convert to Symbol φροντίζουμε να έχουμε απενεργοποιημένη την επιλογή Enable guides for 9-slice scaling.

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

Εικόνα 5 – Η προεπισκόπηση των συμβόλων

Για να δούμε την διαφορά, θα παραμορφώσουμε τα δύο αντικείμενα. Επιλέγουμε το εργαλείο Free Transform, επιλέγουμε το κάθε αντικείμενο ξεχωριστά και αλλάζουμε την οριζόντια διάσταση τους.

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

Εικόνα 6 – Η διαφορά στην παραμόρφωση

Εάν στο αντικείμενο στο οποίο εφαρμόσαμε το 9-slice scale αλλάξουμε την θέση των οδηγών, θα μεταβληθεί και το σχήμα του συμβόλου αυτού.

Εικόνα 7 – Διαφοροποίηση σχήματος βάση της θέσης των γραμμών-οδηγών

Λογισμικό που χρησιμοποιήθηκε

Adobe Flash CS3

Θα δημιουργήσουμε την παρακάτω εικόνα απλά χρησιμοποιώντας τα εργαλεία του Photoshop CS4

Βήμα 1

Κατεβάζουμε όλες τις εικόνες που θα χρειαστούμε από εδώ. Τις εικόνες αυτές τις βρήκαμε στο http://planetpixelemporium.com όπου μπορούμε να βρούμε και εικόνες για άλλους πλανήτες και τον Ήλιο. Ανοίγουμε την εικόνα earthmap1k.jpg στο Photoshop.

Βήμα 2

Έχοντας επιλεγμένο το layer με την εικόνα της Γής, επιλέγουμε 3D>New Shape From Layer >Sphere.

Βήμα 3

Έχουμε πλέον φτιάξει την Γη σε τρείς διαστάσεις. Με τα εργαλεία που βρίσκονται στο 3D Rotate Tool μπορούμε να περιστρέψουμε το σχήμα μας όπως θέλουμε, ή να του κάνουμε μεγέθυνση.

Βήμα 4

Κάνοντας διπλό κλικ στο εικονίδιο με τον κύβο στο thumbnail του layer μας, εμφανίζουμε τις επιλογές του 3D σχήματός μας.

Βήμα 5

Βλέπουμε πως στο σχήμα είναι εμφανή τα pixels. Έτσι πρώτη μας κίνηση είναι να αλλάξουμε το Anti Aliasing του σχήματος μας από Draft σε Best.

Βήμα 6

Θα φορτώσουμε το bump map ώστε η επιφάνεια της Γης να είναι πιο αληθοφανής. Επιλέγουμε το «edit the bump texture» και κάνουμε «Load Texture». Διαλέγουμε την εικόνα earthbump1k.jpg και της βάζουμε Bump Strength 3. Κάνουμε τις ρυθμίσεις όπως αυτές φαίνονται στην εικόνα.

Βήμα 7

Τώρα θα βάλουμε και τα σύννεφα. Επιλέγουμε το layer με την Γη και κάνουμε Duplicate Layer. Το νέο layer το ονομάζουμε Clouds.

Βήμα 8

Στο νέο layer θα διαγράψουμε τα diffuse και bump textures. Κάνουμε κλικ στο «edit the diffuse texture» και επιλέγουμε «remove texture». Κάνουμε το ίδιο και στο bump texture. Έτσι μένουμε με μια μονόχρωμη σφαίρα.

Βήμα 9

Επιλέγουμε «edit the opacity texture» και επιλέγουμε την εικόνα earthcloudmaptrans1.jpg. Πλέον έχουμε τα σύννεφα μας.

Βήμα 10

Επιλέγοντας τις ρυθμίσεις όπως ακριβώς στην εικόνα πετυχαίνουμε το επιθυμητό αποτέλεσμα.

Βήμα 11

Θα εφαρμόσουμε σκιά στο layer Clouds ώστε να δώσουμε την αίσθηση του ύψους των σύννεφων. Επίσης θα βάλουμε Inner Shadow στο layer Earth ώστε να δώσουμε επιπλέον βάθος στην εικόνα μας.

Βήμα 12

Βάζουμε κάποια εικόνα του διαστήματος ως background και έχουμε το τελικό αποτέλεσμα.

Άν είστε ήδη συνδρομητής κάντε login με τα στοιχεία σας. Για να γίνετε συνδρομητής πατήστε εδώ

]]> http://greektuts.net/photoshop-3d/feed/ 0 http://greektuts.net/background-eraser-tool/ http://greektuts.net/background-eraser-tool/#comments Mon, 05 Oct 2009 14:21:35 +0000 Pantso http://greektuts.net/?p=1601 Στην συγκεκριμένη φωτογραφία που θα χρησιμοποιήσουμε, μπορεί κανείς να παρατηρήσει ότι αν θελήσουμε να αλλάξουμε χρώμα απο λευκό σε κάποιο άλλο χρώμα ή εικόνα, θα δυσκολευτούμε πολύ στην περιοχή του κεφαλιού.

Βήμα 1

Κάνοντας συνεχόμενο κλικ πάνω στο Eraser Tool εμφανίζεται ένα μικρό μενού με άλλες 2 επιλογές. Εμείς θα χρησιμοποιήσουμε το Background Eraser Tool. Επιλέγουμε λοιπόν το εργαλείο μας και κοιτάμε τις ρυθμίσεις του

Βήμα 2

Οι ρυθμίσεις είναι απλές και λίγες. Μπορούμε να επιλέξουμε το μέγεθος του εργαλείου (brush) την σκληρότητα, την απόσταση, την γωνία, και το πόσο στρογγυλό θα είναι. Να τονίσουμε πως το Tolerance ελέγχει το ποσοστό που το Photoshop θα αφαιρεί το επιλεγμένο χρώμα.

Βήμα 3

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

Βήμα 4

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

Βήμα 5

Συνεχίζοντας την αφαίρεση καταλήγουμε στο εξής αποτέλεσμα

Βήμα 6

Χρησιμοποιόντας το Magic Wand Tool απομακρύνουμε και το υπόλοιπο λευκό χρώμα από την εικόνα μας.

Βήμα 7

Πλέον το μόνο που έχουμε να κάνουμε είναι να προσθέσουμε την εικόνα της αρεσκείας μας ως background.

Έχοντας πλέον την εικόνα που θέλουμε ως εικόνα παρασκηνίου, μπορούμε κάνοντας zoom να δούμε την λεπτομέρια με την οποία το Background Eraser Tool απομάκρυνε τα χρώματα που επιλέξαμε από την εικόνα μας.

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

Οι εικόνες στο Photoshop είναι διανεμημένες συνήθως σε επίπεδα (layers). Το κάθε layer μπορεί να έχει τις δικές του ιδιότητες και ιδιαιτερότητες. Μπορούμε να επέμβουμε όπως και όσο θέλουμε σε αυτά, χρησιμοποιόντας τα blending options.

Για να το κάνουμε αυτό, επιλέγουμε το layer που θέλουμε, και πατάμε δεξί κλικ. Μετά πατάμε στην επιλογή Blending Options, και εμφανίζουμε τον διάλογο επιλογών του layer.

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

Blending Options

Styles: Από εδώ μπορούμε να εφαρμόσουμε styles στο layers μας. Υπάρχουν προεπιλεγμένα styles και styles που μπορούμε είτε να δημιουργήσουμε εμείς είτε να βρούμε έτοιμα από κάπου αλλού.

Blending Options Default: Από εδώ μπορούμε να ορίσουμε τις γενικές ρυθμίσεις του Layer μας. Το blend mode, το opacity, το fill opacity, τα κανάλια χρώματος, και να επιλέξουμε κάποιες ρυθμίσεις όπως το να γίνεται blend αν τηρείται κάποια προϋπόθεση.

Drop Shadow: Από εδώ μπορούμε να εισάγουμε σκιά στο layer μας. Επιλογές μας είναι το blend mode με τα άλλα layers, το χρώμα, το opacity, την γωνία που θα πέφτει η σκιά, την απόσταση από το layer μας(το βάθος δηλαδή), το πόσο θα απλωθεί η σκιά, το μέγεθος της, και κάποια χαρακτηριστικά όπως to contour και το noise.

Inner Shadow: Από εδώ μπορούμε να επιλέξουμε την εσωτερική σκιά του Layer μας. Έχουμε ακριβώς τις ίδιες επιλογές και ρυθμίσεις με το Drop Shadow.

Outer Glow: Από εδώ μπορούμε να επιλέξουμε την εξωτερική φωτεινότητα του layer μας. Μπορούμε να επιλέξουμε το blend mode (το οποίο είναι από default Screen), το opacity, το noise, το χρώμα, την τεχνική εξάπλωσης της φωτεινότητας, την εξάπλωση, το μέγεθος, και κάποια χαρακτηριστικά όπως to contour και το noise.

Inner Glow: Από εδώ μπορούμε να ρυθμίσουμε την εσωτερική φωτεινότητα του Layer μας. Έχουμε ακριβώς τις ίδιες επιλογές με το Outer Glow, μόνο που το choke είναι ακριβώς το αντίθετο του spread στο Outer Glow.

Bevel and Emboss: Το Bevel and Emboss το χρησιμοποιούμε για να δώσουμε την ψευδαίσθηση του βάθους (της τρίτης διάστασης). Από εδώ μπορούμε να επιλέξουμε αν η ψευδαίσθηση αυτή θα είναι εσωτερικά ή εξωτερικά από το layer μας, το βάθος, την κατεύθυνση, το μέγεθος, την απαλότητα,  την γωνία φωτισμού, το blending των χρωμάτων, και τα opacity των χρωμάτων της πάνω και κάτω πλευράς του layer μας.

• Bevel and Emboss (Contour): Από εδώ ελέγχουμε την εξωτερική καμπύλη του Layer μας
• Bevel and Emboss (Texture): Από εδώ  μπορούμε να προσθέσουμε στο Layer μας texture

Satin: Από εδώ μπορούμε να επιλέξουμε το layer μας να έχει την υφή ενός σατέν υφάσματος. Ουσιαστικά παίζουμε με την σκίαση πάνω από το layer για να δημιουργήσουμε αυτό το εφέ. Οι ρυθμίσεις είναι το blend mode, το opacity, η γωνία, η απόσταση, το μέγεθος, και το contour(η εξωτερική καμπύλη)

Color Overlay: Από εδώ μπορούμε να επιλέξουμε να επικαλύψουμε το Layer μας με το χρώμα της αρεσκείας μας. Οι επιλογές μας είναι το blend mode με τα άλλα Layers, το χρώμα επικάλυψης, και το opacity.

Gradient Overlay: Από εδώ μπορούμε να επικαλύψουμε το layer μας με ένα ντεγκραντέ χρωματισμών. Οι επιλογές μας είναι το blend mode με τα άλλα layers, το opacity, η επιλογή των χρωμάτων του ντεγκραντέ, ο τρόπος εξάπλωσης(εφέ) του ντεγκραντέ, η γωνία εξάπλωσης, και κλίμακα του ντεγκραντέ πάνω στο layer μας.

Pattern Overlay: Από εδώ μπορούμε να επιλέξουμε να επικαλύψουμε το layer μας με ένα texture (εικόνα). Οι επιλογές μας είναι το blend mode με τα άλλα layers, το opacity, η εικόνα που θα επικαλύψει το layer μας, και η κλίμακα εξάπλωσης της εικόνας(texture) πάνω στο layer μας.

Stroke: Από εδώ μπορούμε να εισάγουμε εξωτερικό ή εσωτερικό περίγραμμα στο layer μας. Οι επιλογές μας είναι το μέγεθος του περιγράμματος, το αν θα είναι από μέσα ή από έξω από το layer μας, το blend mode με τα άλλα layers, το opacity και το χρώμα του περιγράμματος που μπορεί να είναι solid color ή gradient.

Παράδειγμα Χρήσης Των Blending Options

Χρησιμοποιώντας μόνο γράμματα και blending options θα δημιουργήσουμε to εφέ γυάλινου κείμενου.

Βήμα 1

Βήμα 2

Βήμα 3

Βήμα 4

Βήμα 5

Βήμα 6

Τελικό Αποτέλεσμα

Άν είστε ήδη συνδρομητής κάντε login με τα στοιχεία σας. Για να γίνετε συνδρομητής πατήστε εδώ