Κινούμενα σχέδια διεπαφής - μάθημα 31.900 RUB. από Uprock, εκπαίδευση 4 μηνών, ημερομηνία 28 Νοεμβρίου 2023.

instagram viewer

ΘΕΩΡΙΑ

Εισαγωγή

Σε αυτό το μάθημα, θα πάρετε μια ιδέα για το τι είναι το web animation, ποιες λειτουργίες εκτελεί στο σχεδιασμό διεπαφής και σε ποιες περιπτώσεις χρησιμοποιείται. Θα μάθετε ποιοι δύο τύποι κινούμενων εικόνων χρησιμοποιούνται σε πραγματικούς ιστότοπους. Λάβετε βασικές συμβουλές για το πώς να δημιουργείτε ρευστά, αβίαστα και πάντα σχετικά κινούμενα σχέδια. Θα μάθετε ποιες τεχνικές είναι καλύτερο να μην χρησιμοποιείτε σε ρεαλιστικά κινούμενα σχέδια και γιατί. Θα αναλύσουμε τις βασικές κινούμενες ενέργειες και θα τις δούμε με παραδείγματα. Ας καταλάβουμε ποια προγράμματα πρέπει να εγκατασταθούν για εκπαίδευση και άνετη εργασία. Πού και πώς να εγγραφείτε, ποιο πρόγραμμα χρέωσης να επιλέξετε. Θα λάβετε δύο χρήσιμες προσθήκες - AEUX και Motion Tool, που σας επιτρέπουν να βελτιστοποιήσετε ορισμένες βασικές διαδικασίες εργασίας στο Adobe After Effects και διευκολύνει πολύ τη διαδικασία δημιουργίας κινούμενων εικόνων και εξοικειωθείτε με το πρόγραμμα After Υπάρχοντα.

• Εισαγωγή στο Web Animation
• Θεωρία
• Εγκατάσταση προγραμμάτων
• Διεπαφή και εγκατάσταση After Effects

ΠΡΑΚΤΙΚΗ

Εμφάνιση Κινούμενα σχέδια

Σε αυτό το μάθημα θα μάθετε τα πιο βασικά και δημοφιλή κινούμενα σχέδια - το animation εμφάνισης και την ιδιότητα Opacity. Αυτό το πρακτικό σεμινάριο είναι δομημένο με τέτοιο τρόπο ώστε να λαμβάνετε λεπτομερείς οδηγίες για το πώς να δημιουργήσετε ένα κινούμενο σχέδιο εμφάνισης βήμα προς βήμα. Θα μιλήσουμε για το τι είναι η απόδοση και γιατί χρειάζεται. Ας δούμε τη συνάρτηση Track Matte και την πρώτη της ιδιότητα - Alpha Matte (άλφα μάσκα). Ως αποτέλεσμα, θα αποκτήσετε τη βασική ικανότητα εργασίας με τις ιδιότητες Opacity, Alpha Matte (μάσκα άλφα) και θα δημιουργήσετε μια λήψη με μια όμορφη εμφάνιση κινούμενων σχεδίων.

ΠΡΑΚΤΙΚΗ

Πολύπλοκη σκηνή εμφάνισης

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

ΠΡΑΚΤΙΚΗ

Εργασία με Motion Tools

Στο μάθημα θα μελετήσετε αναλυτικά το σενάριο του Motion Tools. Στην πράξη, δείτε πόσο βολικό είναι αυτό το εργαλείο. Μάλιστα, επιταχύνει σημαντικά τη διαδικασία εργασίας. Θα αποκτήσετε μια πλήρη κατανόηση του τι είναι το Velocity Graph, το Easing, πώς λειτουργούν οι καμπύλες Bezier στο After Effects και πώς επηρεάζουν το κινούμενο σχέδιο. Τέλος, θα μάθετε λεπτομερώς πώς να προσαρμόζετε την κινούμενη εικόνα σας χρησιμοποιώντας τα Εργαλεία κίνησης, τα οποία θα βελτιστοποιήσουν σημαντικά την εμπειρία κινουμένων σχεδίων σας.

• Γενικές έννοιες
• Motion Tools v2.0

ΠΡΑΚΤΙΚΗ

Ζουμ κινούμενα σχέδια (χρησιμοποιώντας μάσκα άλφα)

Θα μάθετε πώς μπορείτε να εμφανίσετε κινούμενα σχέδια των φωτογραφιών που εμφανίζονται. Η βασική ιδιότητα που θα μάθετε σε αυτό το σεμινάριο είναι η παράμετρος Scale του επιπέδου. Με τη βοήθειά του μπορείτε να αλλάξετε το μέγεθος ενός αντικειμένου. Αυτό το κινούμενο σχέδιο ονομάζεται κινούμενη εικόνα κλίμακας (με χρήση Alpha Matte). Θα κλιμακώσουμε το ίδιο το Alpha Matte (άλφα μάσκα) και την εικόνα μέσα σε αυτό μαζί με το animation εμφάνισης που έχετε ήδη μελετήσει. Ως αποτέλεσμα, θα μάθετε πώς να κάνετε αποτελεσματική κίνηση στις φωτογραφίες.

ΠΡΑΚΤΙΚΗ

Κινούμενα σχέδια Parallax

Θα κατανοήσετε σε βάθος πώς να εφαρμόσετε ένα από τα πιο δημοφιλή εφέ - την παράλλαξη. Για να το εφαρμόσετε, θα χρειαστείτε 3 σχεδιαστικά στοιχεία και την ήδη γνωστή ιδιότητα Position. Αφού δημιουργήσετε το εφέ παράλλαξης, θα καταλάβετε πώς να εφαρμόσετε ένα αντίστροφο κινούμενο σχέδιο για να το κάνετε βρόχο. Τέλος, θα μάθετε πώς να δημιουργείτε λήψεις που χρησιμοποιούν το εφέ παράλλαξης για να δημιουργήσετε μια αίσθηση βάθους και διάστασης που αφήνει μια ισχυρή εντύπωση στους θεατές.

ΠΡΑΚΤΙΚΗ

Πολύπλοκη σκηνή με εφαρμογή παράλλαξης, κίνησης και μάσκας

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

ΠΡΑΚΤΙΚΗ

Adaptive Animation

Θα εξετάσουμε την έννοια της προσαρμοστικής κινούμενης εικόνας. Αυτό είναι το ήδη γνωστό κινούμενο σχέδιο ζουμ που θα χρησιμοποιήσετε για να επιδείξετε τις αποκριτικές εκδόσεις του ιστότοπου, όταν η διάταξη της επιφάνειας εργασίας μετατρέπεται ομαλά σε διάταξη κινητού τηλεφώνου. Για να το δημιουργήσετε, θα χρησιμοποιήσετε ιδιότητες που έχετε μάθει προηγουμένως, όπως Κίνηση – Θέση, Κλιμάκωση – Κλίμακα, Εξαφάνιση/Εμφάνιση – Αδιαφάνεια, Αντίστροφη κίνηση – Εργαλεία κίνησης 2/Κλώνος. Γνωρίζοντας πώς να εφαρμόσετε σωστά το προσαρμοστικό κινούμενο σχέδιο θα σας επιτρέψει να παρουσιάσετε αποτελεσματικά τα έργα σας.

ΠΡΑΚΤΙΚΗ

Κινούμενα σχέδια περιστροφής

Θα μάθετε απλά κινούμενα σχέδια - περιστροφές και την ιδιότητα αντικειμένου Rotation, η οποία είναι υπεύθυνη για την περιστροφή ενός στρώματος γύρω από το σημείο αγκύρωσης του. Θα εξετάσουμε τρεις παραμέτρους Περιστροφής: τον αριθμό των στροφών, την ποσότητα κατά την οποία θέλουμε να περιστρέψουμε το στοιχείο (σε μοίρες), περιστροφή δεξιόστροφα/αριστερόστροφα. Αφού περάσετε από κάθε έναν από τους επαναλαμβανόμενους κύκλους κινούμενων εικόνων βήμα προς βήμα, θα κατακτήσετε τελικά την ικανότητα εργασίας με την ιδιότητα Rotation και θα δημιουργήσετε μια λήψη με μια κίνηση περιστροφής που θα προσελκύσει την προσοχή των θεατών.

ΠΡΑΚΤΙΚΗ

Πολύπλοκο animation που αποτελείται από όλα τα βασικά κινούμενα σχέδια

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

ΠΡΑΚΤΙΚΗ

Εργασία με σκηνές

Αυτό το μάθημα είναι ένας κύκλος που αποτελείται από 3 σπριντ. Επικεντρώνεται σε εναλλακτικές μεταβάσεις σκηνής. Αρχικά, θα ρίξουμε μια πιο προσεκτική ματιά στην έννοια της «σκηνής» και θα συζητήσουμε ποιες μεταβάσεις μεταξύ των σκηνών υπάρχουν. Θα μάθετε πώς να χρησιμοποιείτε 3 μη τυπικές επιλογές για την αλλαγή σκηνών: αλλαγή μάσκας, αλλαγή κουρτίνας και αλλαγή ολίσθησης. Για να δημιουργήσετε μια μετάβαση "αλλαγής μάσκας", θα κατανοήσετε και θα μάθετε πώς να εργάζεστε με τη νέα παράμετρο Track Matte – Alpha Inverted Matte ή Inverted Alpha Mask. Και μάθετε πώς να εισάγετε βίντεο σε μια σύνθεση κινουμένων σχεδίων.

ΠΡΑΚΤΙΚΗ

Κινούμενα σχέδια αλλαγής χρώματος

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

ΠΡΑΚΤΙΚΗ

Κινούμενα σχέδια διαδρομής (Περικοπή)

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

ΠΡΑΚΤΙΚΗ

Πολύπλοκο κινούμενο σχέδιο

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

ΠΡΑΚΤΙΚΗ

Διακοσμητικό κείμενο κινούμενα σχέδια (πρόβλημα)

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

ΠΡΑΚΤΙΚΗ

Διακοσμητικό κείμενο κινουμένων σχεδίων (σενάριο)

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

ΠΡΑΚΤΙΚΗ

Δημιουργικό κείμενο κινούμενα σχέδια

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

ΠΡΑΚΤΙΚΗ

Πολύπλοκο κινούμενο σχέδιο

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

ΠΡΑΚΤΙΚΗ

Κινούμενα σχέδια χρησιμοποιώντας Luma Matte

Σε προηγούμενα μαθήματα συζητήσαμε τις παραμέτρους Track Matte και έχετε ήδη μια καλή ιδέα για την αρχή λειτουργίας του Alpha Matte και του Alpha Inverted Matte. Σε αυτό το σεμινάριο θα εξερευνήσουμε τις ακόλουθες δύο επιλογές Track Matte: Luma Matte και Luma Inverted Matte και θα μάθουμε πώς να τις εφαρμόζουμε στα έργα μας.

ΠΡΑΚΤΙΚΗ

Κινούμενα σχέδια χρησιμοποιώντας Turbulent Displace

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

ΠΡΑΚΤΙΚΗ

Πολύπλοκο σύνθετο κινούμενο σχέδιο

Το τελευταίο μάθημα εκπαίδευσης, όπου θα δημιουργήσουμε πολύπλοκα σύνθετα κινούμενα σχέδια, χρησιμοποιώντας προηγουμένως μάθει τύποι κινούμενων εικόνων και ένα νέο – η παράμετρος Text και η ιδιότητά του "Source Text", που σας επιτρέπει να αλλάξετε το περιεχόμενο του κειμένου στρώμα. Ένα ανεξάρτητο πρακτικό μέρος, όπου θα βρείτε και θα δημιουργήσετε κινούμενα σχέδια για τη λήψη σας από την αρχή, καθώς και πολλά ενδιαφέροντα και χρήσιμα μαθήματα βίντεο μπόνους

ΠΡΑΚΤΙΚΗ

Δημιουργία κινούμενων εικόνων από την αρχή

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

ΠΡΑΚΤΙΚΗ

Διαχείριση και προώθηση λογαριασμού Dribbble

Διαχείριση και προώθηση λογαριασμού Dribbble. Κινούμενα σχέδια για παρουσιάσεις και Behance. Χρήση κινούμενων εικόνων από το After Effects στον ιστότοπο.