Πώς να φτιάξετε κινούμενα σχέδια στο Photoshop. Δημιουργία προηγμένων κινούμενων εικόνων στο Photoshop: Εκμάθηση Νέων Τεχνικών

23/02/16 2,8Κ

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

Χρήση επιπέδου προτύπου με κινούμενη εικόνα έξυπνου αντικειμένου

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

Ας δούμε πώς γίνεται αυτό:

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

Βήμα 1: Μια σκηνή που αποτελείται από δύο στρώματα: μια κόκκινη κουκκίδα και έναν μεγάλο γκρι κύκλο. ( Μεγαλύτερη έκδοση)

Αρχικά, επιλέγω και τα δύο επίπεδα και τα μετατρέπω σε έξυπνο αντικείμενο κάνοντας δεξί κλικ σε ένα από τα επιλεγμένα επίπεδα και επιλέγοντας " Μετατροπή σε Έξυπνο Αντικείμενο»:

Βήμα 2: Μετατρέψτε τα επίπεδα σε ένα έξυπνο αντικείμενο. ( Μεγαλύτερη έκδοση)

Τώρα μπορούμε να κάνουμε κίνηση και τα δύο επίπεδα ως ένα. Εφόσον πρόκειται για Έξυπνο Αντικείμενο, έχω πρόσβαση στην ιδιότητα Μετασχηματισμοί στον πίνακα Χρονολόγιο, η οποία μου επιτρέπει να ορίσω ένα βασικό καρέ για την περιστροφή. Πρόσθεσα ένα πλαίσιο για κάθε μισή περιστροφή για να δημιουργήσω μία πλήρη περιστροφή. Ως αποτέλεσμα, πήρα έναν κύκλο που περιστρέφεται γύρω από τον άξονά του:

Βήμα 3: Και τα δύο στρώματα περιστρέφονται ως ένα

Τώρα που η κινούμενη εικόνα μας λειτουργεί, πρέπει να διαγράψουμε το σχήμα του προτύπου. Για να το κάνετε αυτό, κάντε διπλό κλικ στη μικρογραφία του έξυπνου αντικειμένου στην παλέτα στρώσεων. Με ανοιχτό το έξυπνο αντικείμενο, μπορούμε να αποκρύψουμε το επίπεδο «Σχήμα προτύπου»:

Βήμα 4: Απόκρυψη του επιπέδου "Σχήμα προτύπου". ( Μεγαλύτερη έκδοση)

Πριν δημιουργήσουμε ένα πλήρως κινούμενο banner στο Photoshop, το μόνο που έχουμε να κάνουμε είναι να αποθηκεύσουμε το έγγραφο του έξυπνου αντικειμένου και να επιστρέψουμε στο αρχικό έγγραφο. Θα δούμε ότι η κόκκινη κουκκίδα κινείται σε κύκλο χωρίς το γκρίζο σχήμα:

Η κόκκινη κουκκίδα κινείται σε κύκλο

Ένθεση κινούμενων σχεδίων σε έξυπνα αντικείμενα

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

Κινούμενη εικόνα με κουκκίδες που δημιουργήθηκε με χρήση πολλαπλών συνόλων βασικών καρέ

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

Βήμα 1: Κίτρινη κουκκίδα που περιστρέφεται σε καμβά

Βήμα 2: Μετατρέψτε το στρώμα κίτρινης κουκκίδας σε έξυπνο αντικείμενο. ( Μεγαλύτερη έκδοση)

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

Βήμα 3: Νέα βασικά καρέ Δημιουργήστε ένα εφέ αναπήδησης

Μετατρέψτε αυτό το επίπεδο έξυπνου αντικειμένου σε ένα άλλο έξυπνο αντικείμενο που μπορούμε να επεξεργαστούμε. Στη συνέχεια θα προσθέσουμε μια ιδιότητα Transformation σε αυτό το έξυπνο αντικείμενο. Παω σε Επεξεργασία > Δωρεάν Μεταμόρφωσηκαι χρησιμοποιήστε σημεία αγκύρωσης για να αναδιαμορφώσετε το έξυπνο αντικείμενο έτσι ώστε να εμφανίζεται σε προοπτική.

Βήμα 4: Μετατροπή κινούμενων εικόνων. ( Μεγαλύτερη έκδοση)

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

Παίζοντας ένα κινούμενο σχέδιο με μεταμόρφωση

Φιλτράρισμα κινούμενων εικόνων

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

Στην παρακάτω σκηνή έχω ήδη δημιουργήσει ένα απλό κινούμενο σχέδιο ( μέσα σε ένα έξυπνο αντικείμενο), κινείται σε κόκκινο φόντο:

Βήμα 1: Δημιουργήστε κίνηση σε ένα έξυπνο αντικείμενο, μια κίτρινη κουκκίδα που κινείται σε κόκκινο φόντο

Δεδομένου ότι η κινούμενη εικόνα μας βρίσκεται ήδη μέσα στο έξυπνο αντικείμενο, μπορώ να προσθέσω το φίλτρο απευθείας σε αυτό. μετακομίζω στο Φίλτρο > Παραμόρφωση > Περιστροφή:

Βήμα 2: Εφαρμόστε το φίλτρο Twist στο κινούμενο σχέδιο έξυπνου αντικειμένου. ( Μεγαλύτερη έκδοση)

Όταν παρακολουθείτε αυτό το κινούμενο σχέδιο, θα δείτε μερικά ενδιαφέροντα πράγματα να συμβαίνουν. Το φίλτρο εφαρμόστηκε στο ίδιο το έξυπνο αντικείμενο, όχι στα pixel του περιεχομένου του. Αυτό δίνει στα κινούμενα εικονοστοιχεία που κινούνται μέσα από το φίλτρο ένα μοναδικό εφέ:

Κινούμενη κίνηση του φίλτρου Twist

Προσθήκη στυλ επιπέδων σε κινούμενη εικόνα έξυπνου αντικειμένου

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

Βήμα 1: Απλή κινούμενη εικόνα έξυπνου αντικειμένου

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

Βήμα 2: Στυλ επιπέδου που εφαρμόζονται στην εικόνα ως σύνολο

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

Εφόσον υπάρχει έντονη τονική αντίθεση μεταξύ των στρώσεων, μπορούμε να χρησιμοποιήσουμε την επιλογή Blend If για να αφαιρέσουμε το φόντο. Κάντε διπλό κλικ στο επίπεδο έξυπνου αντικειμένου για να ανοίξετε τον πίνακα Στυλ επιπέδου και μετακινήστε το ρυθμιστικό Overlay If μέχρι να εξαφανιστεί το φόντο:

Βήμα 3: Ρυθμίστε το ρυθμιστικό Overlay If. ( Μεγαλύτερη έκδοση)

Μετά από αυτό, κάντε δεξί κλικ στο επίπεδο στην παλέτα Επίπεδα και επιλέξτε "Μετατροπή σε Έξυπνο Αντικείμενο". Θα λάβουμε ένα νέο έξυπνο αντικείμενο που θα αποθηκεύσει τις αλλαγές που κάναμε:

Βήμα 4: Μετατροπή σε Έξυπνο Αντικείμενο. ( Μεγαλύτερη έκδοση)

Όταν προσθέτουμε ένα σύνολο στυλ επιπέδου στην κινούμενη εικόνα, το εφέ θα ισχύει μόνο σε αυτό το αντικείμενο:

Στυλ επιπέδου που προστέθηκαν στην κινούμενη εικόνα έξυπνων αντικειμένων

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

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

Στην παρακάτω σκηνή, δημιούργησα ένα απλό κινούμενο σχέδιο με δύο σημεία, το ένα να περνά δίπλα από το άλλο:

Βήμα 1: Κινούμενα σχέδια δύο σημείων

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

Νωρίτερα στον ιστότοπο εξετάσαμε τα τρίτα μέρη, αλλά τα περισσότερα από αυτά μπορούν εύκολα να αντικαταστήσουν το κανονικό Photoshop. Τα κινούμενα αρχεία GIF μπορούν να δημιουργηθούν αρκετά εύκολα και γρήγορα με τη βοήθειά του. Συνήθως αποτελούνται από πολλές εικόνες (καρέ), οι οποίες, όταν αλλάζουν βήμα προς βήμα, σχηματίζουν το τελικό αποτέλεσμα. Σήμερα θα προσπαθήσουμε να εξετάσουμε αυτό το ζήτημα από το Α έως το Ω με όσο το δυνατόν περισσότερες λεπτομέρειες:

Τα παρακάτω στιγμιότυπα οθόνης προέρχονται από το Photoshop CC, αλλά η εργασία με κινούμενα σχέδια GIF στο CS6 και σε άλλες εκδόσεις του προγράμματος είναι παρόμοια, συν ή πλην. Ίσως τα οπτικά εργαλεία να είναι ελαφρώς διαφορετικά, αλλά γενικά, η αρχή και ο αλγόριθμος των ενεργειών είναι παρόμοια. Για παράδειγμα, εξετάστε το ασήμαντο έργο του πώς να δημιουργήσετε ένα κινούμενο σχέδιο GIF στο Photoshop από φωτογραφίες που αντικαθιστούν η μία την άλλη. Πρόσφατα, χρησιμοποιώντας αυτόν τον οδηγό, έφτιαξα ένα gif για τις περιπέτειές μου για την τελευταία ανάρτηση για το 2016 στο προσωπικό μου blog.

Η διαδικασία κράτησε κυριολεκτικά 5-10 λεπτά. Το σημαντικό εδώ είναι να ακολουθήσετε όλα τα βήματα προσεκτικά. Στο τέλος της ανάρτησης θα βρείτε ένα εκπαιδευτικό βίντεο στα αγγλικά για αυτό το θέμα.

Προσθήκη εικόνων κινούμενων εικόνων GIF στο Photoshop

Το πρώτο πράγμα που πρέπει να κάνετε είναι να φορτώσετε όλες τις εικόνες/φωτογραφίες που θα συμμετάσχουν στο animation στο πρόγραμμα επεξεργασίας γραφικών. Προσθέστε τα σε ένα έργο σε διαφορετικά επίπεδα - αυτά θα είναι τα πλαίσια για το αρχείο GIF που προκύπτει. Ελέγξτε το μέγεθος των εικόνων και την εμφάνισή τους, ώστε όλα να είναι όπως τα χρειάζεστε. Τα επίπεδα μπορούν να κρυφτούν (χρησιμοποιώντας το εικονίδιο ματιού στα αριστερά του επιπέδου) για να προβάλετε όλα τα αντικείμενα.

Στο κέντρο αυτού του πίνακα υπάρχει μια αναπτυσσόμενη λίστα όπου πρέπει να επιλέξετε την επιλογή «Δημιουργία κινούμενων εικόνων» και να κάνετε κλικ στο κουμπί. Ως αποτέλεσμα αυτής της ενέργειας, το Timeline θα αλλάξει λίγο και θα πρέπει να δείτε την εικόνα από το ανώτερο επίπεδο ως το πρώτο καρέ.

Στο επόμενο βήμα, επιλέξτε όλα τα επίπεδα του έργου (κάντε κλικ σε αυτά κρατώντας πατημένο το πλήκτρο Ctrl). Μετά από αυτό, ανοίξτε το μενού περιβάλλοντος στην επάνω δεξιά γωνία του παραθύρου Γραμμή χρόνου και επιλέξτε "Δημιουργία πλαισίων από επίπεδα".

Από όλα τα ορατά και επιλεγμένα επίπεδα, το Adobe Photoshop θα δημιουργήσει κινούμενα πλαίσια GIF. Ως αποτέλεσμα, θα τα δείτε στον πίνακα Χρονολόγιο.

Ρυθμίσεις κινούμενων εικόνων GIF στο Photoshop

Εδώ θα χρειαστεί να καθορίσετε 2 πράγματα: τη διάρκεια εμφάνισης διαφορετικών καρέ + τον αριθμό των επαναλήψεων του gif. Ας ξεκινήσουμε με το πρώτο. Κάτω από κάθε αντικείμενο εικόνας στο Timeline θα βρείτε την ώρα εμφάνισης και ένα κάτω βέλος. Κάντε κλικ σε αυτά και επιλέξτε τη διάρκεια της κάρτας στο αναδυόμενο μενού.

Μπορείτε να καθορίσετε διαφορετικούς χρόνους για στοιχεία ή να ορίσετε την παράμετρο για πολλά από αυτά ταυτόχρονα (από κοινού επιλογή όπως στα επίπεδα - χρησιμοποιώντας Ctrl).

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

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

Αποθήκευση κινούμενων εικόνων GIF στο Photoshop

Στο τελευταίο μέρος του οδηγού μας, θα δούμε πώς να αποθηκεύσετε σωστά τα κινούμενα σχέδια GIF στο Photoshop. Για το σκοπό αυτό χρησιμοποιείται το γνωστό εργαλείο Save for Web, αλλά στις τελευταίες εκδόσεις του Adobe Photoshop CC βρίσκεται σε νέα θέση μενού (Αρχείο - Εξαγωγή). Ευτυχώς το Alt + Shift + Ctrl + S εξακολουθεί να λειτουργεί.

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

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

Παρεμπιπτόντως, μπορείτε επίσης εύκολα να εξαγάγετε το έργο σας σε μορφή βίντεο. Η διαδικασία είναι η ίδια όπως κατά την αποθήκευση κινούμενων εικόνων GIF, αλλά στο μενού Photoshop, επιλέξτε Αρχείο - Εξαγωγή - Απόδοση βίντεο.

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

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

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

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


Με ενδιαφέρει το stop-motion animation εδώ και αρκετό καιρό, αν και έχω μελετήσει λίγο υλικό. Όλα τα βιβλία που άρχισα να διαβάζω ήταν αρκετά μεγάλα, δύσκολα και «στεγνά».

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

Πολλοί άνθρωποι με συμβούλεψαν να μεταβώ σε άλλα προγράμματα (για παράδειγμα, TVP Animation Pro), αλλά εγώ, μη θέλοντας να προσαρμοστώ στις νέες διεπαφές άλλων προγραμμάτων, αποφάσισα να κάνω τα πάντα στο Photoshop.

Και έγραψα αυτό το μάθημα ειδικά για όσους δεν καταλάβαιναν την τεχνολογία δημιουργίας κινούμενων εικόνων καρέ-καρέ ειδικά στο Photoshop. Ποιος δεν ήθελε να σκάψει λίγο και να καταλάβει τι είναι;


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


Σύντομα κινούμενα σχέδια– πρόκειται για κινούμενα avatar, emoticons κ.λπ.

Μακριά κινούμενα σχέδια– πρόκειται για κινούμενα σχέδια, βίντεο κ.λπ.


Πρώτα θα σας πω τη θεωρία και μετά θα δημιουργήσουμε κινούμενα σχέδια στην πράξη.

Σημαντική προσθήκη

Πολλοί άνθρωποι ρωτούν: "Γιατί το κινούμενο σχέδιο μου είναι τόσο σπασμωδικό, γιατί ο χαρακτήρας/αντικείμενό μου κινείται γρήγορα/αργά;"
Η απάντηση είναι: ο χαρακτήρας/το αντικείμενο σας κινείται γρήγοραγιατί ζωγράφισες λίγοιπλαίσια.

Ο χαρακτήρας/αντικείμενό σας κινείται αργάγιατί ζωγράφισες πολλά αποπλαίσια.

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


Θυμηθείτε: σε ένα δευτερόλεπτο 24 πλαίσιο!


Έτσι, όταν ετοιμαστείτε να δημιουργήσετε το κινούμενο σχέδιο, θυμηθείτε: 24 πλαίσιο = 1 δεύτερος, 24 πλαίσιο = 1 δεύτερος. Μην ξεχνάτε ποτέ αυτή την πολύ σημαντική λεπτομέρεια.

Σύντομα κινούμενα σχέδια

Νομίζω ότι έχετε συναντήσει συχνά κινούμενα σχέδια σε avatar, κινούμενα emoticon.
Μερικά emoticon κατασκευάζονται Λάμψη, αλλά ζωγραφίζω το δικό μου στο Photoshop. Μην νομίζετε ότι τόσο σύντομα κινούμενα σχέδια είναι εύκολο να γίνουν. Αφενός ναι είναι μικρά σε μέγεθος, αφετέρου όμως ενώ τα ζωγραφίζεις αυτά 15 -30 καρέ, θα είστε απασχολημένοι (φανταστείτε, αν θέλετε να δημιουργήσετε ένα κλιπ τριών λεπτών, τότε θα πρέπει να το κάνετε 4320 κορνίζες!).

Τι πρέπει να θυμάστε και να ξέρετε;

Ας υποθέσουμε ότι θέλατε να σχεδιάσετε για το avatar σας ένα κορίτσι με μαλλιά που φουσκώνουν από τον άνεμο. Που σημαίνει:


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


Έτσι φαίνεται περίπου στο διάγραμμα:


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


Και τέλος, ένα απαλό αεράκι ανασηκώνει και χαμηλώνει απαλά τα μαλλιά σας.



Ασθενής άνεμος:


Μέτριος άνεμος:


Δυνατός άνεμος:


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


Και τώρα, για παράδειγμα, θέλατε να σχεδιάσετε ένα κινούμενο σχέδιο με την κίνηση του χαρακτήρα και του αντικειμένου σας. Που σημαίνει:


Δεύτερον, κάθε δράση ξεκινά από κάπου. Έχετε παρατηρήσει ποτέ ότι, για παράδειγμα, για να σηκωθείτε από μια καρέκλα, πρώτα την μετακινείτε λίγο και γέρνετε λίγο μπροστά και μόνο μετά σηκώνεστε; ή ότι όταν θέλεις να κάνεις ένα χτύπημα με τη ρακέτα, πρώτα την απομακρύνεις και γυρίζεις το σώμα σου με αυτήν και μόνο μετά κάνεις ένα χτύπημα;

Υπάρχουν πολλά τέτοια παραδείγματα, αλλά καλύτερα να δούμε:

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

Μικρή προσθήκη

Γενικά, μην ξεχνάτε ποτέ τη φυσική. Το βάρος των αντικειμένων, τα υλικά από τα οποία κατασκευάζονται (ελαστικότητα, απαλότητα, σκληρότητα κ.λπ.), όλα αυτά χρειάζονται.

Συνειδητοποιήστε ότι χωρίς αυτό, το animation σας θα είναι νεκρό, τρομερό και άσχημο!

Καλύτερα να το δουλέψετε και να μην βιάζεστε ποτέ.

Μακριά κινούμενα σχέδια

Ωωω, εδώ αρχίζει η διασκέδαση!


Έχετε συχνά, ενώ παρακολουθείτε κινούμενα σχέδια ή anime, έχετε θαυμάσει τα κινούμενα σχέδια και έχετε ζηλέψει όσους ξέρουν να τα φτιάχνουν; Όλες αυτές οι υπέροχες σκηνές, πλαστικές κινήσεις και πολλά άλλα. και τα λοιπά.? Ειλικρινά το παραδέχομαι - ναι. Κάθε φορά που παρακολουθώ κάτι, προσπαθώ να καταλάβω πώς το δούλεψαν οι εμψυχωτές; Πώς τα δημιούργησαν όλα αυτά;


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

Και ξέρετε, βρίσκω απαντήσεις σε όλες τις ερωτήσεις μου!


Αλλά ας τα πάρουμε όλα με τη σειρά.

Η διαδικασία δημιουργίας ενός μεγάλου animation

1. Αρχικά χρειαζόμαστε μια ΙΔΕΑ

Για παράδειγμα, αποφασίσατε να κάνετε ένα σύντομο βίντεο στο οποίο θα χορέψουν πολλά κορίτσια.

Εάν είστε έμπειρος animator, μπορείτε να "κάνετε κάποιον να χορέψει" στο βίντεό σας από 3 και περισσότερα κορίτσια.

Αλλά στην αρχή του ταξιδιού του εμψυχωτή σας, είναι καλύτερα να περιοριστείτε σε ένα ή δύο.

2. Τώρα πρέπει να δημιουργήσετε ένα storyboard σκηνή προς σκηνή (RPS)

Τι είναι και με τι τρώγεται;


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


Είναι εντάξει όταν δεν υπάρχουν τόσα πολλά από αυτά. Αλλά όταν κάνουμε ένα ολόκληρο κλιπ μπορεί να υπάρχουν περισσότερα από αυτά 30 πράγματα!
Γι' αυτό οι έξυπνοι εμψυχωτές χρησιμοποιούν ένα τόσο υπέροχο πράγμα που μοιάζει με βιβλίο με γραμμές.

Σε αυτό απεικονίζουν σκηνές.

Μόνο μερικοί σχεδιάζουν μια σκηνή σε κάθε τμήμα του πίνακα, μετά μια άλλη, μια τρίτη, κ.λπ., ενώ άλλοι ζωγραφίζουν εικόνες σε κάθε τμήμα του πίνακα μετά από λίγα δευτερόλεπτα (Ζητώ συγγνώμη αν δεν το εξήγησα ξεκάθαρα).



Είναι επίσης πολύ βολικό να μπορείτε να το κάνετε στο πλάι της περιγραφής, διαφορετικά, μερικές φορές το σχεδιάζετε, μετά από λίγο το κοιτάτε και δεν καταλαβαίνετε - τι απεικόνισα εδώ;


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

3. Τώρα πρέπει να καταλήξετε σε φόντο, έννοια χαρακτήρα και κίνηση

Σχεδιάζουμε τις κινήσεις στο βιβλίο RPS.

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

Στη συνέχεια σχεδιάζετε την εμφάνιση του χαρακτήρα σας και αρχίζετε να δημιουργείτε το animation.

Μετάβαση από τη θεωρία στην πράξη

Από εδώ και πέρα, ας σκεφτούμε λίγο το IDEA και, γενικά, το σημείο «Η διαδικασία δημιουργίας κινούμενων σχεδίων». Για τι μιλάω; Επιπλέον, τώρα θα χρειαστείτε ένα ινδικό χοιρίδιο το οποίο θα αναγκάσετε να μετακινήσει. Δεν θα κάνουμε βίντεο στο οποίο 4320 πλαίσια. Ο καλύτερος και ευκολότερος τρόπος κατανόησης είναι πώς να δημιουργήσετε ένα κινούμενο σχέδιο καρέ-καρέ χρησιμοποιώντας 24 -72 - κινούμενα σχέδια καρέ.


Λοιπόν, ας ξεκινήσουμε!


1. Ας δημιουργήσουμε ένα νέο έγγραφο. Για το κινούμενο σχέδιο μου πήρα ένα μικρό μέγεθος - 400 Χ 500 px.


2. Τώρα, αν δεν έχετε παράθυρο κάτω αριστερά " Κινουμένων σχεδίων", κοιτάξτε ψηλά, ανοίξτε την καρτέλα" Παράθυρο» - « Κινουμένων σχεδίων».*


* - Τα παραδείγματα χρησιμοποιούν τη ρωσοποιημένη έκδοση Photoshop CS2.


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

Πάντα/μία φορά- επιλέγοντας «Πάντα» θα επαναφέρετε το animation. Εάν επιλέξετε Μία φορά, η κινούμενη εικόνα θα αναπαραχθεί μόνο μία φορά. (Στο μάθημά μου υπάρχουν και οι δύο εκδόσεις κινούμενων εικόνων: looped - όπου εμφανίζεται η αρχή του DPD, αναπαράγεται μία φορά - όπου εμφανίζεται η αλλαγή σκηνής).

Επιλέξτε το πρώτο πλαίσιο- Μας πάει πίσω στην αρχή.

Επιλέγει το προηγούμενο πλαίσιο- Ας μην φωνάξουμε τον Καπ. (=

Αναπαράγει κινούμενα σχέδια/Διακόπτει κινούμενα σχέδια- Παίξτε/Διακοπή.

Επιλέγει τα επόμενα καρέ- επόμενο καρέ. Το καπάκι σου!

Tweens καρέ κινουμένων σχεδίων- χρησιμοποιώντας αυτό το κουμπί μπορούμε να προσθέσουμε ομαλές μεταβάσεις μεταξύ δύο καρέ προσθέτοντας νέα.

Αντιγράφει επιλεγμένα πλαίσια- όχι ακριβώς το σωστό όνομα... Θα ήταν καλύτερα να πείτε "Προσθήκη νέου πλαισίου".

Διαγράφει επιλεγμένα πλαίσια- καλάθι.


3. Τώρα μπορούμε να αρχίσουμε να σχεδιάζουμε. Για να το κάνετε αυτό, τοποθετήστε το φόντο που δημιουργήσατε νωρίτερα Ιστορικό(Φόντο/Φόντο).


4. Στη συνέχεια, δημιουργήστε ένα νέο επίπεδο (Ctrl+Shift+Alt+N) και σχεδιάστε τον χαρακτήρα σας πάνω του.

4. Τώρα έρχεται το δύσκολο μέρος: πρέπει να σχεδιάσουμε τον ίδιο χαρακτήρα πολλές φορές στη σειρά σε διαφορετικές πόζες.


Δημιουργούμε ένα νέο πλαίσιο και... Υπάρχουν δύο επιλογές:

ΕΝΑ)Είτε ξεκινάτε να σχεδιάζετε ξανά τον χαρακτήρα σας κάθε φορά, είτε...

ΣΙ)Αντιγράψτε το προηγούμενο επίπεδο και αλλάξτε το (ολοκληρώνετε τη σχεδίαση και τη διαγραφή, αντί να χρησιμοποιείτε τον μετασχηματισμό! Σπάνια θα χρειαστείτε ένα τέτοιο εργαλείο, θα γράψω αργότερα).


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

Επιλογή Α:

1. Σχεδιάσαμε το πρώτο μας καρέ.

2. Για να δούμε πώς να αλλάξουμε το επόμενο, μειώνουμε την αδιαφάνεια του στρώματος σε περίπου 30% και δημιουργήστε ένα νέο στρώμα στο οποίο σχεδιάζουμε ήδη ένα κουνέλι για το δεύτερο πλαίσιο.

3. Ολοκληρώνουμε τη σχεδίαση του δεύτερου πλαισίου και απενεργοποιούμε την ορατότητα του προηγούμενου, πρώτου στρώματος.


Επιλογή Β:

1. Δημιουργήστε ένα πλαίσιο με τον χαρακτήρα και κάντε αυτό το επίπεδο αόρατο.

2. Στη συνέχεια, αντιγράψτε το (Ctrl+J) σύροντας το επίπεδο στο κουμπί «Δημιουργία νέου επιπέδου» στα αριστερά του κάδου απορριμμάτων.

3. Τώρα κάνουμε ορατό το δεύτερο στρώμα και αρχίζουμε να το αλλάζουμε.

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


5. Καθόμαστε και τραβάμε κορνίζες 10 -15 ...


6. Και ας δούμε τι έγινε.


Αποδείχθηκε ότι ήταν ένα κουνέλι που έτρεχε.

Επιπλέον, δεν αντιγράφεται ούτε ένα μέρος του: κάθε καρέ σχεδιάζεται εκ νέου.


Δες το και μονος σου:


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

Σχεδόν το τέλος

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



Και, αφού έχουμε σώσει το δικό μας gif- animation ως μορφή αρχείου βίντεο .avi, για παράδειγμα, μπορείτε να μεταβείτε με ασφάλεια στο Windows Live Film Studio.
Από εκεί και πέρα ​​κάνε ό,τι θέλει η καρδιά σου με το κλιπ σου.


Στη συνέχεια, μπορείτε να ανεβάσετε το κλιπ σας στο youtube.com και να απολαύσετε τη δουλειά που έχετε κάνει.



ΣΑΣ ΕΥΧΑΡΙΣΤΩ ΠΟΛΥ για την προσοχή σας, το Lero-art ήταν μαζί σας. Με συγχωρείτε για τη γλωσσοδέτη, την περίεργη παρουσίαση και άλλα ελαττώματα στο μάθημα, αν υπάρχουν. Όλα αυτά οφείλονται στο γεγονός ότι οι σκέψεις είναι μπερδεμένες και οι λέξεις δεν σχηματίζουν προτάσεις...

Ελπίζω όμως να μάθατε κάτι νέο και ενδιαφέρον για τον εαυτό σας!

Ξεκινώντας από την έκδοση CS3 Extended, είναι διαθέσιμη η εργασία με κινούμενα σχέδια. Τα GIF δημιουργούνται από ένα σύνολο καρέ ή απευθείας από βίντεο. Λοιπόν, θα δημιουργήσετε μόνοι σας μια δυναμική εικόνα για έναν ιστότοπο, ένα avatar ή μια παρουσίαση; ευχετήρια κάρτα. Παρόμοια γραφικά μπορούν να χρησιμοποιηθούν σε άλλα έργα ή κατά την επεξεργασία. Μάθετε πώς να δημιουργείτε κινούμενα σχέδια στο Photoshop, ώστε να μπορείτε να εργάζεστε ελεύθερα με αυτόν τον τύπο εικόνας.

Το Adobe Photoshop έχει πολλές δυνατότητες, συμπεριλαμβανομένης της δημιουργίας κινούμενων εικόνων

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

Κινούμενα σχέδια από βίντεο

Ο ευκολότερος τρόπος είναι να μετατρέψετε το βίντεο σε κινούμενη εικόνα. Δεν χρειάζεται να ρυθμίσετε τίποτα. Απλά πρέπει να ανοίξετε το βίντεο στο Photoshop. Το βοηθητικό πρόγραμμα δέχεται μορφές avi, mov, mp4, mpg, mpeg, m4v. Για να τα εκτελέσετε σωστά, πρέπει να εγκαταστήσετε το QuickTime. Το αρχείο πολυμέσων που προστέθηκε με αυτόν τον τρόπο δεν μπορεί να επεξεργαστεί ή να περικοπεί. Απλώς μετατρέψτε το σε γραφικά.

Υπάρχει όμως και άλλη μέθοδος. Δείτε πώς να φτιάξετε ένα gif από μια ταινία στο Photoshop:

  1. Μεταβείτε στο Αρχείο - Εισαγωγή.
  2. Κάντε κλικ στην επιλογή Στιγμιότυπα βίντεο σε επίπεδα.
  3. Θα ανοίξει ένα μενού με ορισμένες ρυθμίσεις. Στα δεξιά θα υπάρχει ένα mini player για προεπισκόπηση.
  4. Στο πλαίσιο Εύρος, επιλέξτε μία από τις επιλογές: Έναρξη έως Τέλος ή Μόνο επιλεγμένα. Στη δεύτερη περίπτωση, θα εισαχθεί το τμήμα του βίντεο που επιλέξατε. Για να κόψετε το επιθυμητό κομμάτι, μετακινήστε τους μαύρους μαρκαδόρους κάτω από τη συσκευή αναπαραγωγής. Το κομμάτι που βρίσκεται ανάμεσά τους θα προστεθεί στο έργο.
  5. Στο Photoshop μπορούν να φορτωθούν έως και 500 καρέ. Εάν το υλικό εργασίας είναι μεγαλύτερο από αυτήν την τιμή, θα πρέπει να κοπεί ή να προστεθεί τμηματικά σε διαφορετικά έγγραφα.
  6. Επιλέξτε το πλαίσιο ελέγχου "Δημιουργία κινούμενης εικόνας καρέ-καρέ". Αυτό θα εφαρμόσει αυτόματα όλες τις απαραίτητες ρυθμίσεις στο βίντεο. Χωρίς αυτό, η δυναμική θα πρέπει να ρυθμιστεί χειροκίνητα.
  7. Η επιλογή "Keep every [number]" θα σας επιτρέψει να εισάγετε όχι όλες τις διαφάνειες, αλλά, ας πούμε, κάθε τρίτη. Το GIF που θα προκύψει θα είναι ασταθές.
  8. Επιβεβαιώστε την ενέργεια και περιμένετε μέχρι το βοηθητικό πρόγραμμα να επεξεργαστεί το βίντεο.
  9. Μεταβείτε στο "Παράθυρο - Χώρος εργασίας" και επιλέξτε "Κίνηση". Αυτό το σύνολο ρυθμίσεων είναι το πλέον κατάλληλο για τη δημιουργία κινούμενων εικόνων.
  10. Παρακάτω θα υπάρχει κάποιο είδος media player. Δείχνει τον ρυθμό καρέ. Υπάρχει ένα κουμπί "Αναπαραγωγή", επαναφορά και ζουμ κομματιού βίντεο. Όλες οι εικόνες εμφανίζονται μία προς μία.
  11. Θα διανεμηθούν επίσης σε επίπεδα, η λίστα των οποίων βρίσκεται κάτω δεξιά στο παράθυρο του Photoshop. Κάντε κλικ σε ένα από αυτά για να εργαστείτε με μια ξεχωριστή διαφάνεια.
  12. Μπορείτε να διαγράψετε ορισμένα πλαίσια ή να τα επεξεργαστείτε.
  13. Όλες οι φωτογραφίες θα βρίσκονται σε μία περιοχή. Αυτό δεν είναι πολύ βολικό. Για να απενεργοποιήσετε την ορατότητα ενός επιπέδου, κάντε κλικ στο εικονίδιο του ματιού δίπλα του. Η διαφάνεια θα παραμείνει στο έγγραφο και, εάν είναι απαραίτητο, θα εμφανιστεί σε κινούμενη εικόνα GIF. Για να εμφανιστεί ξανά, κάντε κλικ στο σημείο όπου ήταν το "μάτι".
  14. Εάν θέλετε να δοκιμάσετε έναν διαφορετικό τύπο οπτικοποίησης (ακουαρέλες, μολύβια, φώτα νέον), κάντε κλικ στο «Φίλτρα» στη γραμμή μενού.
  15. Για να προσθέσετε εφέ Photoshop (λάμψη, σκιά, ντεγκραντέ, μοτίβο), κάντε δεξί κλικ στο επίπεδο και επιλέξτε Επιλογές ανάμειξης.
  16. Για να αλλάξετε διαφάνειες, σύρετέ τις με τον κέρσορα σας.
  17. Για να επιλέξετε τον χρόνο εμφάνισης (ή την καθυστέρηση) ενός καρέ, κάντε κλικ στο μικρό μαύρο τρίγωνο κάτω από αυτό.

Κινούμενα σχέδια από εικόνες

Δείτε πώς μπορείτε να δημιουργήσετε ένα κινούμενο σχέδιο στο Photoshop χρησιμοποιώντας εικόνες:

  1. Εισαγάγετε τις απαιτούμενες εικόνες. Προσθέστε το καθένα από αυτά στο δικό του στρώμα (διαγράψτε το επίπεδο που ονομάζεται "Φόντο").
  2. Συνήθως, τα σχέδια ανοίγουν σε παράθυρα ή καρτέλες (ανάλογα με τις ρυθμίσεις διεπαφής του Photoshop). Για να τα συνδυάσετε σε έναν χώρο εργασίας, αντιγράψτε τα εκεί ή μετακινήστε τα. Θα σταλούν αυτόματα σε νέα επίπεδα.
  3. Μεταβείτε στο Παράθυρο - Χώροι εργασίας - Κίνηση. Ο πίνακας κινούμενων εικόνων με τη συσκευή αναπαραγωγής είναι ενεργοποιημένος.
  4. Επιλέξτε το επίπεδο που θέλετε να είναι το πρώτο καρέ στο GIF σας.
  5. Κάντε τα υπόλοιπα φύλλα αόρατα κάνοντας κλικ στο εικονίδιο με το μάτι δίπλα τους.
  6. Στον πίνακα του προγράμματος αναπαραγωγής, κάντε κλικ στο κουμπί "Μετατροπή σε κινούμενη εικόνα" κάτω δεξιά. Μοιάζει με ένα ορθογώνιο χωρισμένο σε τρία μέρη.
  7. Θα υπάρχει ένα πλαίσιο με το επίπεδο που επιλέξατε. Αντιγράψτε το. Για να το κάνετε αυτό, κάντε κλικ στο μικρό κουμπί "Δημιουργία αντιγράφου".
  8. Δημιουργήστε τον αριθμό των διαφανειών που χρειάζεστε.
  9. Το αποτέλεσμα ήταν ένα κινούμενο σχέδιο gif από μία εικόνα. Για να το διορθώσετε, κάντε κλικ στο δεύτερο πλαίσιο και κάντε το δεύτερο στρώμα ορατό, αφαιρώντας το "μάτι" από το πρώτο. Θα εμφανιστεί το επιθυμητό αντικείμενο.
  10. Συμπληρώστε λοιπόν τις διαφάνειες μία προς μία.

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

  1. Το εργαλείο Animation έχει ένα κουμπί στην επάνω δεξιά γωνία (στο ίδιο το πλαίσιο, όχι στο παράθυρο του Photoshop) που μοιάζει με μια λίστα με ένα βέλος. Κάντε κλικ σε αυτό.
  2. Στο μενού που εμφανίζεται, επιλέξτε «Δημιουργία πλαισίων από επίπεδα».

Οι ίδιες ενέργειες είναι διαθέσιμες με τις εικόνες όπως και με τις διαφάνειες βίντεο.

Αποθήκευση κινούμενων εικόνων GIF

Είναι επίσης σημαντικό να καταλάβετε πώς να αποθηκεύσετε κινούμενα σχέδια στο Photoshop. Εάν το μορφοποιήσετε ως αρχείο psd ή ως «στατική» εικόνα με επέκταση jpg, bmp, png, δεν θα έχει νόημα. Αντί για κίνηση, μεταμόρφωση ή τρεμόπαιγμα, λαμβάνετε ένα παγωμένο πλαίσιο. Για να δημιουργήσετε ένα σύνολο αλλαγών εικόνων, πρέπει να μετατρέψετε το έγγραφο σε μορφή GIF.

  1. Όταν τελειώσετε τη δουλειά στο Photoshop, μην βιαστείτε να το κλείσετε και να το μετατρέψετε σε έργο PSD.
  2. Μεταβείτε στο Αρχείο - Αποθήκευση ως. Ή πατήστε Shift+Ctrl+S.
  3. Δώστε στη δημιουργία σας ένα όνομα και καθορίστε τον φάκελο στον οποίο θέλετε να το τοποθετήσετε.
  4. Από την αναπτυσσόμενη λίστα Τύπος, επιλέξτε CompuServe GIF.
  5. Επιβεβαιώστε την ενέργεια.

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

Έχετε αναρωτηθεί ποτέ πώς δημιουργούνται τα κινούμενα GIF; Ο συγγραφέας του μαθήματος σας προσκαλεί να μάθετε μερικά μυστικά κινουμένων σχεδίων σε μια νύχτα με τη βοήθεια αυτού του μαθήματος. Θα μάθετε επίσης πώς να χρησιμοποιείτε το Timeline, το οποίο είναι διαθέσιμο στο Photoshop CS6. Τώρα ας ξεκινήσουμε!

Αποτέλεσμα μαθήματος.

Βήμα 1

Δημιουργία νέου εγγράφου ( Ctrl + N) με διαστάσεις αρχείου 800 x 500 pixel. Γεμίστε το φόντο με όποιο χρώμα θέλετε. Τώρα πάμε στο μενού Επίπεδα- Στυλστρώμα- Επικάλυψηβαθμίδα(Επίπεδο > Στυλ επιπέδου > Επικάλυψη κλίσης). Εφαρμόστε τις ακόλουθες ρυθμίσεις: Στυλ Ακτινικός(Radial), χρώματα από μαύρο (#000000) έως μπλε (#54799b), τα οποία θα χρησιμοποιηθούν στο κέντρο.

Βήμα 2

Δημιουργήστε ένα νέο επίπεδο και ονομάστε το Στρώμα θορύβου. Επιλέξτε ένα εργαλείο Γέμισμα(Εργαλείο κάδου ζωγραφικής) και γεμίστε το στρώμα που δημιουργήθηκε με ένα σκούρο χρώμα (#231f20). Αφήστε το στρώμα ενεργό Στρώμα θορύβουκαι πηγαίνετε στο μενού Φίλτρο - Θόρυβος - Προσθήκη θορύβου(Φίλτρο>Θόρυβος>Προσθήκη θορύβου). Στο παράθυρο διαλόγου ρυθμίσεων φίλτρου, ορίστε τις ακόλουθες τιμές: Αποτέλεσμα(Ποσό) 3%, κατανομή Στολή(Uniform) και κάντε κλικ στο OK.

Βήμα 3

Πατήστε το συνδυασμό πλήκτρων (Ctrl +U)και στο πλαίσιο διαλόγου ρυθμίσεων διόρθωσης που εμφανίζεται, εισαγάγετε τις τιμές Κορεσμός(Κορεσμός) 100%: Αλλάξτε τη λειτουργία ανάμειξης αυτού του στρώματος σε Απαλό φως(Απαλό φως).

Σημείωση μεταφραστή: Για να επιτύχετε το ίδιο χρώμα με τον συγγραφέα στο στιγμιότυπο οθόνης, κατά την προσαρμογή του Hue/Saturation, μπορείτε να ορίσετε την τιμή Hue σε - 140.

Βήμα 4

Προσθέστε όποιο κείμενο θέλετε. Εδώ θα χρησιμοποιήσουμε το κείμενο του λογότυπου του ιστότοπου 123RF. Σε στυλ στιλ χρήση Εγκεφαλικό(Εγκεφαλικό). Επιλέξτε τιμές μεγέθους διαδρομής σύμφωνα με τις προτιμήσεις σας.

Σημείωση μεταφραστή: Στο στιγμιότυπο οθόνης του συγγραφέα υπάρχει ήδη ραστεροποιημένο κείμενο μαζί με το στυλ Stroke. Για να έχετε το ίδιο αποτέλεσμα, μετά την εφαρμογή της διαδρομής, αφαιρέστε το γέμισμα (Γέμισμα) του επιπέδου κειμένου 0%, μετατρέψτε αυτό το επίπεδο σε έξυπνο αντικείμενο και, στη συνέχεια, ραστεροποιήστε το.

Βήμα 5

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

Ανάγλυφο(Φάλτσο και ανάγλυφο)

Εσωτερική σκιά(Εσωτερική σκιά)

Εσωτερική λάμψη(Εσωτερική λάμψη)

Επικάλυψη χρώματος(Επικάλυψη χρώματος)

Εξωτερική λάμψη(Εξωτερική λάμψη)

Σκιά(Σκίαση)

Βήμα 6

Μόλις ολοκληρώσετε τη δημιουργία εφέ φωτισμού χρησιμοποιώντας στυλ στρώματος, μεταβείτε στην παλέτα Layers και μειώστε την αξία αυτού του επιπέδου γεμίζει(Γέμισμα) κατά 0%.

Βήμα 7

Αντιγράψτε το επίπεδο που δημιουργήσατε στο βήμα 5 και απενεργοποιήστε όλα τα στυλ επιπέδου σε αυτό το αντίγραφο. Τώρα ορίστε τα στυλ ως εξής:

Εσωτερική σκιά(Εσωτερική σκιά)

Εσωτερική λάμψη(Εσωτερική λάμψη)

Βήμα 8

Παρακάτω είναι το αποτέλεσμα αφού εφαρμόσετε τα στυλ στρώματος.

Βήμα 9

Τώρα θα δημιουργήσουμε κινούμενα σημεία φωτός. Δημιουργήστε 5 επίπεδα πάνω από τα υπάρχοντα και μετονομάστε τα σε 1,2,3, R και F. Εάν έχετε το δικό σας κείμενο, δημιουργήστε επίπεδα σύμφωνα με τα γράμματά σας. Ομαδοποιήστε αυτά τα επίπεδα σε ένα φάκελο και δώστε του ένα όνομα Φωτεινά σημείακαι αλλάξτε τη λειτουργία ανάμειξης σε Ελάφρυνση της βάσης(Color Dodge).

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

Βήμα 10

Τώρα πάμε στο μενού Παράθυρο - Χρονολόγιο(Παράθυρο > Χρονολόγιο). Θα παρατηρήσετε ότι τα στρώματά σας είναι ήδη ενσωματωμένα σε αυτήν την παλέτα στην αριστερή πλευρά της. Επιλέξτε καθένα από τα πέντε επίπεδα επισήμανσης που βρίσκονται στην ομάδα. Φωτεινά σημείακαι βεβαιωθείτε ότι η ένδειξη τρέχουσας ώρας (μπλε ρυθμιστικό) βρίσκεται στο πλαίσιο μηδέν. Τώρα σε κάθε επίπεδο της ομάδας, όταν είναι ενεργό, κάντε κλικ στην επιλογή Θέση(Θέση) για να δημιουργήσετε ένα βασικό καρέ.

Σημείωση μεταφραστή: Για να ενεργοποιήσετε την κλίμακα χρόνου, κάντε κλικ στο κουμπί Δημιουργήστε ένα χρονοδιάγραμμα για ένα βίντεο(Δημιουργία λωρίδας χρόνου βίντεο) και όλα τα επίπεδα θα φορτωθούν στη γραμμή χρόνου. Θα επιλεγεί το ίδιο επίπεδο ή ομάδα όπως στην παλέτα στρώσεων.

Βήμα 11

Ρυθμίστε την ένδειξη τρέχουσας ώρας (μπλε ρυθμιστικό) σε 01:00 Fκαι μετακινήστε τα στρώματα με φωτεινές κηλίδες κατά μήκος της τροχιάς της κίνησής τους σε σχέση με το περίγραμμα του γράμματος.

Βήμα 12

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