Ροή

Οδηγός: Δημιουργήστε κινούμενες εικόνες για χρήση ως Avatars

RC_Andreas

Administrator
Joined
3 June 2010
Μηνύματα
4,599
Βαθμολογία
10
Points
38
Location
Ελλάδα
Website
www.eltube.gr
intro_120_110.jpg

Χρησιμοποιήστε τις λειτουργίες animation του Photoshop για να δημιουργήσετε κινούμενες εικόνες GIF, για χρήση ως Avatars στα forum όπου συχνάζετε.

Τα περισσότερα fora παρέχουν ένα σύνολο εικόνων στους χρήστες τους -μία από τις οποίες μπορούν να επιλέξουν ώστε να τους αντιπροσωπεύει και να αποτελεί το ψηφιακό πρόσωπό τους, γνωστό ως Avatar, κατά τις συνομιλίες τους με άλλους χρήστες- και παράλληλα τους δίνουν τη δυνατότητα να ?ανεβάσουν? σε αυτά και να χρησιμοποιήσουν τις δικές τους εικόνες. Το ?εικόνες?, όμως, είναι κάπως γενικό, αφού οι περιορισμοί που θέτουν είναι ότι το αρχείο που θα χρησιμοποιήσει ο χρήστης θα πρέπει να είναι τύπου JPG, PNG ή GIF, δεν θα πρέπει να ξεπερνά ένα ορισμένο μέγεθος -συνήθως γύρω στα 100KB- και θα πρέπει να μην είναι μεγαλύτερο από ορισμένες διαστάσεις - π.χ. 125x125 pixels.

Ειδικά το format GIF, όμως, μπορεί να παρουσιάζει όχι μόνο στατικές αλλά και κινούμενες εικόνες. Έτσι, αντί να χρησιμοποιήσει κανείς μία τυπική στατική εικόνα, μπορεί να δημιουργήσει ένα κινούμενο Avatar, που θα τραβά περισσότερο την προσοχή των χρηστών - με την προϋπόθεση να ακολουθεί τους κανόνες αρχείου που προαναφέραμε. Η δημιουργία ενός τέτοιου κινούμενου Avatar μέσα από εφαρμογές όπως το Photoshop αποδεικνύεται αρκετά εύκολη. Στα βήματα που ακολουθούν θα δούμε δύο διαφορετικές προσεγγίσεις, που αμφότερες μας δίνουν ένα κινούμενο Avatar, παρ? ότι διαφέρουν τόσο ως προς την προσέγγιση όσο και ως προς το τελικό αποτέλεσμα.

Βήμα 1


Πρώτα από όλα, τρέξτε το Photoshop και δηλώστε ότι θέλετε να δημιουργήσετε μία νέα εικόνα (File>New ή Ctrl+N). Στις διαστάσεις, Width και Height, δηλώστε ίσα ή μικρότερα μεγέθη από τα μέγιστα που επιτρέπει το forum για το οποίο θέλετε να δημιουργήσετε το Avatar - αν δεν τα γνωρίζετε, συνήθως δηλώνοντας 100 pixels και στα δύο πεδία είστε καλυμμένοι.

IA_Graphics_001.jpg


Βήμα 2


Αλλάξτε τη διαρρύθμιση του χώρου εργασίας του Photoshop, επιλέγοντας Windows>Workspace> Video. Εμείς για αρχή θα δημιουργήσουμε ένα απλό Avatar με κινούμενο κείμενο. Επιλέξτε το εργαλείο κειμένου (T) και γράψτε το όνομά σας στον χώρο εργασίας. Με Ctrl+T και τροποποίηση των άκρων του πλαισίου του βεβαιωθείτε ότι είναι όλο ορατό και δεν ?βγαίνει? από την εικόνα.

IA_Graphics_002.jpg


Βήμα 3

Ανοίξτε? την εγγραφή με το όνομά σας/το κείμενο που πληκτρολογήσατε, κάνοντας κλικ στο βελάκι που προηγείται αυτής, στο αριστερό τμήμα της timeline (που διατρέχει το κάτω τμήμα της εφαρμογής, οριζόντια). Ενεργοποιήστε το Position, κάνοντας κλικ επάνω του, και θα δείτε ότι δεξιά του θα προστεθεί ένας ρόμβος που δείχνει ότι καταγράφηκε η θέση του layer κειμένου σας (αν δεν εμφανιστεί, δοκιμάστε να κουνήσετε λίγο το layer με το εργαλείο μετακίνησης - V από το πληκτρολόγιο.

IA_Graphics_003.jpg


Βήμα 4

Η timeline αποτελεί μια οριζόντια αναπαράσταση του χρόνου, της διάρκειας του βίντεό σας - και ήδη έχει καταγραφεί η θέση του κειμένου/του αντικειμένου σας στην αρχή της. Προσέξτε πως σε αυτήν βρίσκεται μία κάθετη γραμμή που δείχνει το χρονικό σημείο που βλέπετε εκείνη τη στιγμή στην οθόνη. ?Πιάστε? την -με το αριστερό πλήκτρο του mouse- και μετακινήστε την μερικά καρέ πιο δεξιά - 10 με 15 αρκούν. Τώρα, διαλέξτε το εργαλείο μετακίνησης (V) και μετακινήστε σε ένα άλλο σημείο το κείμενο/το αντικείμενό σας. Έτοιμο το animation σας! Επαναλαμβάνοντας τα προηγούμενα βήματα, μπορείτε να δημιουργήσετε εντυπωσιακά animations.

IA_Graphics_004.jpg


Βήμα 5


Πέρα από τον εύκολο μεν, περιορισμένο δε, παραπάνω τρόπο δημιουργίας animation, μπορείτε να ακολουθήσετε και την κάπως δυσκολότερη αλλά πολύ πιο ευέλικτη κλασική προσέγγιση όσον αφορά στη σχεδίαση κίνησης. Δημιουργήστε ένα νέο, κενό αρχείο. Κάντε κλικ στο εικονίδιο που βρίσκεται στο κάτω δεξί άκρο της timeline, για να μεταβείτε στο mode εργασίας καρέ-καρέ. Δημιουργήστε ένα νέο layer και, χρησιμοποιώντας την paintbrush (B), σχεδιάστε σε αυτό μια απλή μορφή.

IA_Graphics_005.jpg


Βήμα 6

Τώρα αλλάξτε το opacity του layer σε 50% και δημιουργήστε ένα νέο layer. Χρησιμοποιώντας το προηγούμενο ως βάση, σχεδιάστε πάλι την ίδια μορφή σε λίγο διαφορετική στάση - στην εικόνα βλέπετε ότι εμείς φτιάξαμε ένα ανθρωπάκι που σηκώνει το χέρι του. Ολοκληρώστε ?κρύβοντας? το πρώτο layer, κάνοντας κλικ στο ?ματάκι? που βρίσκεται αριστερά του στο παράθυρο των layers και αλλάζοντας το Opacity του ενεργού layer σε 50%. Επαναλάβετε αυτό το βήμα αρκετές φορές, μέχρι να έχετε αρκετά layers στα οποία να απεικονίζεται, τμήμα-τμήμα, μία κίνηση.

IA_Graphics_006.jpg


Βήμα 7

Πάμε τώρα να μετατρέψουμε τα σχέδια σε κίνηση: κάντε κλικ στο εικονίδιο με τη λευκή σελίδα στο κάτω αριστερό τμήμα της timeline, για να δημιουργήσετε ένα νέο, κενό καρέ. Κάντε κλικ στο πρώτο καρέ και φροντίστε να είναι κρυμμένα όλα τα layers εκτός από το πρώτο. Διαλέξτε το δεύτερο καρέ και εκεί φροντίστε να είναι κρυμμένα όλα τα layers εκτός από το δεύτερο. Επαναλάβετε δημιουργώντας νέα καρέ και φροντίζοντας να είναι ένα layer ορατό σε καθένα από αυτά, προοδευτικά - στο τρίτο καρέ το τρίτο layer κ.λπ. Τέλος, πατήστε ?Play? για να δείτε το κινούμενο Avatar σας εν δράσει!

IA_Graphics_007.jpg


Βήμα 8

Αν και έχετε ένα κινούμενο Avatar, για την ώρα βρίσκεται ?παγιδευμένο? στο Photoshop. Για να το εξαγάγετε, ώστε να μπορεί να χρησιμοποιηθεί σε ένα forum, διαλέξτε File>Save for Web (ή πατήστε Ctrl+Shift+Alt+S) και εκεί φροντίστε να έχετε επιλεγμένο τύπο εικόνας GIF (για να αποθηκευτεί η εργασία σας ως κίνηση και όχι ως μία ακίνητη εικόνα). Αν θέλετε, μπορείτε να αλλάξετε και το Looping Options σε Forever, ώστε το Avatar σας να επαναλαμβάνει ασταμάτητα την κίνηση που σχεδιάσατε. Τέλος, αποθηκεύστε το αποτέλεσμα και απλώς ?ανεβάστε? το στο forum.

IA_Graphics_008.jpg
pcw.gr
 
Top Bottom