Γρήγορη επισκόπηση μιας σύνθεσης Animate Edge

Η διαδικασία για τη δημιουργία μιας σύνθεσης Edge Animate δεν διαφέρει πολύ από τη δημιουργία οποιουδήποτε άλλου τύπου περιεχομένου. Κατά την εκκίνηση, θα πρέπει να λάβετε υπόψη τι, πού και πώς θέλετε να εμφανίζεται η κινούμενη εικόνα σας. Η κινούμενη εικόνα σας θα είναι μέρος ενός υπάρχοντος ιστότοπου; Προσθέτετε ένα κινούμενο σχέδιο για να συμπληρώσετε ένα βιβλίο; Ο πελάτης σας ζητά ένα ολοκαίνουργιο κινούμενο λογότυπο;

Ίσως θέλετε να δημιουργήσετε μια διαφήμιση για να εμφανίζεται στον Ιστό; Μπορείτε να δημιουργήσετε όλα αυτά τα έργα χρησιμοποιώντας το Edge Animate.

Ακολουθεί το βασικό περίγραμμα για τη δημιουργία μιας σύνθεσης Edge Animate:

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

Συλλέξτε τις εικόνες σας και άλλα περιουσιακά στοιχεία.

Γράψτε ένα περίγραμμα.

Δημιουργήστε και αποθηκεύστε στοιχεία που χρησιμοποιούνται συνήθως, όπως κουμπιά για επαναχρησιμοποίηση αργότερα.

Ξεκινήστε την κίνηση.

Αποθηκεύστε και εξάγετε την ολοκληρωμένη κινούμενη εικόνα σας.

Πριν ξεκινήσετε την κινούμενη εικόνα, σκεφτείτε εάν η κινούμενη εικόνα σας θα προβληθεί σε έναν ηλεκτρονικό αναγνώστη, στο πρόγραμμα περιήγησης, στο iBooks ή θα είναι μια εφαρμογή για χρήση τόσο σε συσκευές iOS όσο και σε συσκευές Android.

Ανεξάρτητα από τη συσκευή, εάν υποστηρίζει HTML5 και JavaScript, το έργο Edge Animate θα εκτελείται ομαλά.

Συγκεντρώνοντας τα περιουσιακά σας στοιχεία

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

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

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

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

Δημιουργία συμβόλων για στοιχεία που χρησιμοποιούνται συχνά

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

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

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

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

Εμψυχωτές, ξεκινήστε την εμψύχωση

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

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

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

Αποθήκευση και εξαγωγή της κινούμενης εικόνας σας

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

Ολοκλήρωση της διαδικασίας

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

Αλλά αυτή είναι η ομορφιά του Adobe Edge Animate CC: Κάνει όλη τη βαριά άρση πίσω από τις σκηνές, κάτι που σας επιτρέπει να καθίσετε και να κάνετε ό,τι καλύτερο κάνετε — να δημιουργήσετε όμορφο κινούμενο και διαδραστικό περιεχόμενο που μπορεί να ανταποκρίνεται στην εφαρμογή και τη μορφή με οποιονδήποτε αριθμό μεγέθη οθόνης και συσκευές.