Ξεκινώντας με το σχεδιασμό κίνησης UI

Πώς η ροή εργασίας μπορεί να αλλάξει τον τρόπο που σχεδιάζετε

Η δουλειά μας στο This Also falls mostly σε δύο κατηγορίες: το σχεδιασμό του προϊόντος και το όραμα των προϊόντων. Για τα έργα σχεδιασμού προϊόντων μας, εργαζόμαστε σε υπάρχοντα προϊόντα ή πλατφόρμες και σχεδιάζουμε για βραχυπρόθεσμες εκτοξεύσεις. Μοιραζόμαστε λεπτομερή σχέδια και πρωτοποριακά πρωτότυπα νωρίς και συχνά με τον πελάτη μας για να φέρουμε το καλύτερο προϊόν στον τελικό καταναλωτή.

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

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

Δεν υπάρχει έλλειψη μεγάλου σχεδιασμού κίνησης και πόρων After Effects εκεί έξω και θα μοιραστώ τα αγαπημένα μου εδώ (και σε αυτό το εύχρηστο πακέτο συνδέσεων). Ωστόσο, βρήκα μία από τις προκλήσεις για την ανάπτυξη ενός σετ δεξιοτήτων κίνησης UI δημιουργώντας μια ροή εργασίας και ένα σύνολο εργαλείων που θα σας δουλεύουν και θα μετακινούνται γρηγορότερα.

Αυτό δεν είναι ένα πώς να, αλλά ένα πρότυπο των αγαπημένων μου τεχνικών, εργαλείων και tutorials για να σας βοηθήσει να αναπτύξετε τη δική σας πρακτική. Κάποια εξοικείωση με τα After Effects είναι χρήσιμη, αλλά θα σας δείξω και στους πόρους που θα σας βοηθήσουν να ξεκινήσετε από το μηδέν.

Ρύθμιση του αρχείου Photoshop

Οργανώστε το αρχείο σας πριν μεταφερθείτε σε After Effects

Εάν έρχομαι μόνο σε έννοιες γρήγορης κίνησης, τότε θα σχεδιάσω το UI χρησιμοποιώντας στερεά και σχήματα στα After Effects. Αλλά για πιο στιλβωμένα σχέδια, αρχίζω πάντα στο Photoshop. Είναι ο γρηγορότερος και πιο άμεσος τρόπος να αποκτήσετε γρήγορα ένα σχέδιο ζωτικότητας. Αν είστε κυρίως χρήστης Sketch, υπάρχει λύση για το Illustrator, αλλά θα εστιάσω στο Photoshop εδώ.

Υπάρχουν δύο απλά αλλά σημαντικά πράγματα που πρέπει να γνωρίζετε κατά τη ρύθμιση του αρχείου Photoshop:

  1. Ένα στρώμα ή ένα έξυπνο αντικείμενο στο Photoshop γίνεται ένα στρώμα στο After Effects
  2. Μια ομάδα επιπέδων ή έξυπνων αντικειμένων στο Photoshop γίνεται σύνθεση στρώσεων στα After Effects

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

  • Χρειάζεται να ζωντανέψω αυτό το στοιχείο; Για ένα στατικό στοιχείο, όπως τη γραμμή κατάστασης ενός τηλεφώνου, εξετάστε το ενδεχόμενο να ισιώσετε όλα τα στοιχεία UI σε ένα μόνο στρώμα.
  • Χρειάζεται να ζωντανέψω στοιχεία μέσα σε αυτό το στοιχείο; Πείτε ότι έχετε μια λίστα με στοιχεία. Μπορεί όχι μόνο να θέλετε να ζωντανέψετε τη λίστα, αλλά και να ζωντανέψετε κάθε στοιχείο στη λίστα. Σε αυτήν την περίπτωση, θα δημιουργούσα μια ομάδα όπου κάθε στοιχείο λίστας είναι ένα στρώμα.
  • Μπορώ να απλοποιήσω αυτό το στοιχείο; Μια κοινή τεχνική είναι να χρησιμοποιείτε τις μάσκες περικοπής και τα στρώματα σχήματος για να κόψετε τις εικόνες. Επειδή αυτό θα δημιουργούσε δύο στρώματα στο After Effects, συνδυάστε τα στρώματα σε ένα ενιαίο έξυπνο αντικείμενο στο Photoshop πριν εισαγάγετε.
Αρχή σελίδας: Πλαίσιο επιπέδων στο Photoshop, Κάτω: Πίνακας χρονικού ορίζοντα στο After Effects μετά την εισαγωγή. Το εικονίδιο δίπλα στη [Λίστα μηνυμάτων] υποδεικνύει ότι το επίπεδο είναι μια σύνθεση.

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

Συμβουλή: Προσθέστε μερικά κενά επίπεδα στο αρχείο Photoshop πριν εισαγάγετε. Ενώ μερικές αλλαγές στα αρχεία του Photoshop θα εμφανιστούν στο After Effects, υπάρχουν περιορισμοί. Ο καλύτερος τρόπος για να προσθέσετε ένα νέο στοιχείο είναι να το προσθέσετε σε ένα υπάρχον κενό επίπεδο στο αρχείο Photoshop.

Εισαγωγή σε After Effects

Διατηρήστε έναν οργανωμένο φάκελο και δομή έργου

Όταν εισάγετε ένα αρχείο Photoshop σε After Effects, θα δείτε τα εξής:

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

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

  • Δημιουργήστε ένα μόνο φάκελο για ολόκληρο το έργο σας. Αποθηκεύστε τα PSD σας σε έναν ειδικό φάκελο, όπως το _PSD. Όταν δημιουργείτε ένα έργο After Effects, αποθηκεύστε το έργο σας και σε αυτόν το φάκελο. Μπορείτε να δημιουργήσετε άλλους φακέλους σε άλλους τύπους στοιχείων όπως το _Audio. Χρησιμοποιώ ένα "_" πριν από τους φακέλους περιουσιακών στοιχείων μου για να τους χτυπήσω στην κορυφή των παραθύρων μου πάνω από το αρχείο έργου After Effects (AEP), αλλά ακολουθώ τις οποιεσδήποτε συμφωνίες οργάνωσης και ονοματοδοσίας που συνήθως κάνετε.
  • Κρατήστε τον πίνακα του έργου σας στο After Effects οργανωμένο. Μόλις αρχίσω να εισάγω, ξεκινώ την οργάνωση. Δημιουργήστε ένα φάκελο _Layers και προσθέστε το φάκελο των στρώσεων του Photoshop - σπάνια θα χρειαστεί να αναφερθείτε σε αυτό, κυρίως μόνο για επαναφόρτωση ή επανασύνδεση αρχείων. Μεταφέρω τις εισαγόμενες συνθέσεις μου σε ένα φάκελο _Comps.

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

Γενικά, παρέχουμε βίντεο σε 1080p. Η ρύθμιση του ρυθμού πλαισίου σε 60 FPS παρέχει μια ομαλή κίνηση και η επιλογή των τετραγώνων pixel διασφαλίζει ότι τα αρχεία του Photoshop εμφανίζονται 1: 1 στα After Effects.

Οργάνωση του χώρου εργασίας σας

Τα βασικά πάνελ και plugins για κίνηση UI

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

Plugins

Υπάρχουν πολλά plugins και scripts εκεί έξω για να επιταχύνετε το σχεδιασμό κίνησης σας και το AEscripts.com είναι ένας μεγάλος πόρος. Ακολουθούν μερικά πρόσθετα που έχω βρει απαραίτητα για τη διαδικασία μου:

  • Εύκολη και Wizz: Για τις καμπύλες προσαρμοσμένων κινούμενων εικόνων, θα χρειαστεί να σκάψετε στον επεξεργαστή γραφημάτων. Αλλά όταν σχεδιάζετε κατά προσέγγιση την κίνηση για αποδείξεις της έννοιας, μπορείτε να βασιστείτε στις καμπύλες των αποθεμάτων. Αυτό το plugin σας επιτρέπει να προσθέσετε καμπύλες στα στρώματα με ένα κλικ. Εδώ είναι ένα σύντομο βίντεο για να δείτε όλες τις καμπύλες σε δράση.
  • Πρόταση v2: Αυτό το plugin είναι ένα powerhouse. Τα χαρακτηριστικά που γυρίζω πιο συχνά είναι τα εργαλεία ταχύτητας και άγκυρας. Ο δημιουργός έχει παράσχει επίσης ένα εκτεταμένο πρόγραμμα περιήγησης για πρόσθετα.
  • pt_ShiftLayers: Αυτό παρέχει γρήγορο τρόπο για να κλιμακώσετε και να μετακινήσετε τα επίπεδα στο χρονικό σας πλαίσιο.
  • pt_CropPrecomps: Αυτή είναι μια πιο προηγμένη ιδέα, αλλά όταν εισάγετε ένα αρχείο Photoshop με ομάδες, τα περιεχόμενα των επιπέδων μέσα στην ομάδα θα εμφανιστούν στο After Effects σε έναν καμβά με το μέγεθος του αρχικού αρχείου. Αυτό το plugin καλλιεργεί τα υπερβολικά κενά pixel για καλύτερο έλεγχο των επιπέδων σας. Εδώ είναι ένας εύχρηστος ερμηνευτής βίντεο.
  • GifGun: Κάντε ένα κλικ για να δημιουργήσετε κινούμενα GIF. Ενώ δεν θα πάρετε μια μεγάλη απόδοση, το βρήκα πολύ χρήσιμο να μοιραστώ με την ομάδα μου την Slack.

Συμβουλή: Για να είστε σίγουροι ότι τα πρόσθετα θα λειτουργούν, ανοίξτε τις Προτιμήσεις> Γενικά και βεβαιωθείτε ότι έχει επιλεγεί το πλαίσιο δίπλα από την επιλογή Allow Scripts to Write Files and Access Network.

Συντομεύσεις

Όπως κάθε πρόγραμμα λογισμικού, οι συντομεύσεις mastering θα βελτιώσουν την ταχύτητα και τη ροή εργασίας σας. Το After Effects είναι ένα πολύ κουραστικό πρόγραμμα που μπορείτε να χρησιμοποιήσετε με ένα ποντίκι - συνεχώς περιστρέφετε τις ιδιότητες, μετακινώντας το playhead, προσθέτοντας τα βασικά καρέ κλπ. Ακολουθεί μια επιλογή από χρήσιμες συντομεύσεις για να ξεκινήσετε.

Κινούμενο με το περιβάλλον χρήστη

Εκπαιδευτικά σεμινάρια, πόροι και συμβουλές

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

  • UX in Motion: Η Issara Willenskomer έχει γράψει και παράγει τα περισσότερα περιεχόμενα και σεμινάρια ειδικά εστιασμένα σε animation UI στα After Effects. Από τις βέλτιστες πρακτικές μέχρι το νευρικότητα του animation, το καλύπτει όλα και είναι ένας απαραίτητος πόρος για την κοινότητα. Εκτός από τα μαθήματα του, το ιστολόγιό του έχει μια σειρά από δωρεάν μαθήματα. Αν δεν έχετε ποτέ ανοίξει το After Effects, η σειρά εκκινητών του είναι ένα εξαιρετικό μέρος για να ξεκινήσετε.
  • Υλικό κίνησης: Ο σχεδιασμός κίνησης UI δεν αφορά μόνο τα εργαλεία αλλά και τις αρχές και τους κανόνες που διέπουν το σύστημα κίνησης. Ενώ είναι ειδικά για το Σχεδιασμό Υλικών, ο Οδηγός Υλικών Motion παρέχει ένα ενδιαφέρον πλαίσιο για να αρχίσετε να σκέφτεστε πώς να προσεγγίσετε το σχέδιο κίνησης σας.
  • Κίνηση και νόημα: Ένα podcast σχετικά με την κίνηση για ψηφιακούς σχεδιαστές που σας έφεραν οι Val Head και Cennydd Bowles. Ρίξτε μια ματιά σ 'αυτή τη σελίδα σχετικά με την κίνηση και την προσβασιμότητα.
  • Μεταβατικές διεπαφές: Ο Pasquale D'Silva είναι ένας εμψυχωτής που γνωρίζει και αυτή είναι μια μεγάλη επισκόπηση της λειτουργικής χρήσης της κινούμενης εικόνας. Αργότερα το επέκτεινε σε αυτή την ουσιαστική ομιλία.
  • Να πάρει από Α σε Β: Μια διεξοδική συζήτηση σχετικά με παρεμβολή από τον Marcus Eckert.
  • Mt. Mograph: Ο Matt Jylkka, ο δημιουργός του Motion v2, διαθέτει μια μεγάλη συλλογή από πόρους After Effects. Παρόλο που τα σεμινάρια δεν είναι ειδικά για διεπαφές, έχω πάρει πολλές τεχνικές και τις έβαλα στη δουλειά μου.
  • ECAbrams: Ομοίως, το Evan Abrams παρέχει μια μεγάλη ποικιλία από μαθήματα After Effects, συμπεριλαμβανομένων μερικών πιο προηγμένων εννοιών.
  • Δημοσιεύσεις Top 5 After Effects: Δεν έχω αγγίξει πολύ τις εκφράσεις εδώ, αλλά καθώς αναπτύσσετε τις δεξιότητές σας, είναι ένας ουσιαστικός τρόπος για να επιταχύνετε τη ροή εργασίας σας. Εδώ είναι η δική μου γρήγορη αναφορά των εκφράσεων που βρίσκω ότι επιστρέφω συχνά.

Ξεκινήστε με την πλοήγηση

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

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

Για να το κάνετε αυτό, κάντε κάθε οθόνη ξεχωριστή σύνθεση. Υπάρχουν τρεις τρόποι για να το κάνετε αυτό: 1) εισαγάγετε κάθε οθόνη ως ξεχωριστό αρχείο Photoshop, 2) δημιουργήστε μια ομάδα για κάθε οθόνη στο αρχείο Photoshop ή 3) προθέστε τα στρώματα σας απευθείας στο After Effects.

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

Στη συνέχεια, ζωντανέψτε τις λεπτομέρειες

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

  • Το λάθος στην πλευρά των λιγότερο είναι περισσότερο. Θυμηθείτε, το UI σας δεν είναι ταινία της Disney. Dribbble, ενώ μια μεγάλη πηγή έμπνευσης, απαιτεί επίσης ένα κρίσιμο μάτι, καθώς πολλές από τις gifs είναι overdesigned και overanimated. Ανατρέξτε στα 5 λάθη που πρέπει να αποφύγετε όταν σχεδιάζετε μικροσυστοιχίες για περισσότερα σχετικά με αυτό.
  • Κρατήστε τα πράγματα αργά και σταθερά. Όσο μεγαλύτερη είναι η δουλειά σας σε ένα κομμάτι κινούμενης εικόνας, τόσο πιο αργή θα είναι η κινούμενη εικόνα για εσάς - αλλά μόνο ο εγκέφαλός σας σας ξεγελάει. Έχω συχνά βρεθεί να επιταχύνω ένα κινούμενο σχέδιο, μόνο για να δείξω σε κάποιον που λέει ότι αισθάνεται πολύ γρήγορα. Είναι καλύτερο να το κρατάτε πιό αργό, ειδικά για τις επεξηγήσεις UI που θα παρουσιαστούν σε ένα ακροατήριο που δεν είναι εξοικειωμένο με το έργο.
  • Σκεφτείτε έξω από τη χρονική γραμμή. Δεν είναι όλα τα κλειδιά και οι καμπύλες, και συχνά υπάρχουν πολλοί τρόποι προσέγγισης ενός κινούμενου animation. Όταν ενεργοποιούσατε ένα ταμπλό επιτραπέζιου υπολογιστή που απαιτούσε δεκάδες συνεχώς ενημερώνοντας τις γραμμές δραστηριότητας, ήξερα ότι δεν ήθελα να κινήσω με το χέρι κάθε μπάρα κατά τη διάρκεια των 30 δευτερολέπτων. Δοκίμασα μερικά πράγματα, όπως τις εκφράσεις και τα ρυθμιστικά ρυθμιστών, αλλά ο πιο γρήγορος τρόπος για να δημιουργήσετε όλες αυτές τις μπάρες ήταν να χρησιμοποιήσετε το εφέ του ακουστικού φάσματος και να παίξετε με τις ρυθμίσεις μέχρι να φτάσω το επιθυμητό αποτέλεσμα.

Συμβουλή: Σε εσάς αισθάνεστε ότι το After Effects είναι λίγο υποτονικό δοκιμάστε το παρακάτω: Μεταβείτε στις Προτιμήσεις> Μέσα & Disk Cache και επιλέξτε Empty Disk Cache ... Μπορείτε επίσης να δοκιμάσετε να διαθέσετε περισσότερο χώρο στην προσωρινή μνήμη σας εάν διαθέτετε χώρο.

Εξαγωγή

Δημιουργήστε και μοιραστείτε τα σχέδια και τα τελικά κομμάτια σας

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

Γρήγορη προεπισκόπηση

Καθώς δουλεύετε στο After Effects, μπορείτε να κάνετε προεπισκόπηση του κινούμενου animation χρησιμοποιώντας τη συντόμευση που καθορίζεται στον πίνακα προεπισκόπησης (συχνά το Spacebar). Ωστόσο, συνήθως βρίσκομαι ότι θέλω να βγούμε από το πρόγραμμα After Effects για να δούμε το έργο μου και να μοιραστώ με την ομάδα μου.

Όπως ανέφερα παραπάνω, μου αρέσει να χρησιμοποιώ το GifGun για να μοιράζομαι γρήγορα τις έντονες ιδέες και ιδέες. Μερικές φορές, ο σχεδιασμός κίνησης είναι ένα πρώιμο κομμάτι της διαδικασίας μας - ενώ εργαζόμαστε σε μια τηλεοπτική διασύνδεση, μέρος της ομάδας μας εργάστηκε στο Photoshop για να αναπτύξει οπτικό σχεδιασμό, ενώ εργάστηκα στο After Effects για να διερευνήσω τις έννοιες πλοήγησης. Η κοινή χρήση gifs στο Slack επιτάχυνε τη ροή εργασίας και την ιδέα της ομάδας μας.

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

Τελικές αποδόσεις

Τώρα, αν έχετε παίξει ποτέ στο After Effects και έχετε εξαγάγει ένα αρχείο QuickTime, ίσως έχετε τρέξει σε ένα πρόβλημα όπου το QuickTime πρέπει να μετατρέψει το αρχείο, μια διαδικασία που καταναλώνει πολύτιμο χρόνο. Για να επιλύσετε αυτό το πρόβλημα, πρέπει να εξάγετε το βίντεο χρησιμοποιώντας τον κωδικοποιητή H.264.

Για να το κάνετε αυτό, προσθέστε τη σύνθεσή σας στην ουρά εκτόξευσης, κάντε κλικ στον μπλε σύνδεσμο δίπλα στην ενότητα εξόδου. Βεβαιωθείτε ότι είναι επιλεγμένο το Quicktime στο αναπτυσσόμενο μενού Μορφή και, στη συνέχεια, επιλέξτε Επιλογές μορφοποίησης. Από το αναπτυσσόμενο μενού Βίντεο κωδικοποιητή, επιλέξτε H.264. Αφού επιλέξετε δύο φορές το κουμπί OK, θα παρατηρήσετε ότι η Μονάδα εξόδου τώρα λέει Custom: QuickTime. Ωστόσο, αυτό ισχύει μόνο για αυτήν την απόδοση. Για να εφαρμοστεί σε όλες τις εμφανίσεις σας στο μέλλον, θα θέλετε να δημιουργήσετε ένα προσαρμοσμένο πρότυπο μονάδας εξόδου. Αυτό δεν είναι μια απλή διαδικασία, οπότε εδώ είναι ένα καλό σεμινάριο επισκόπησης.

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

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

Αυτές οι βασικές αρχές ροής εργασίας θα σας βοηθήσουν να εργαστείτε πιο γρήγορα και αποτελεσματικά στα After Effects. Με αρκετή ευχέρεια στα εργαλεία και τις μεθόδους, ο σχεδιασμός κίνησης μπορεί να αποτελέσει βασικό κομμάτι της διαδικασίας σχεδιασμού. Όχι μόνο θα είστε σε θέση να παράγετε γυαλισμένα, κλαδιά βίντεο, αλλά θα έχετε επίσης ένα άλλο εργαλείο στη διάθεσή σας για να αντιμετωπίσετε τις προκλήσεις του σχεδιασμού UI.

Εδώ είναι ένα πακέτο συνδέσεων όλων των πόρων που αναφέρονται εδώ.

Έχετε ένα αγαπημένο φροντιστήριο AE, έναν πόρο ή μια συμβουλή; Μοιραστείτε το με τα σχόλια!