Γρήγορη επισκόπηση μιας σύνθεσης Animation Edge <[SET:categoryel]

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

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

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

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

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

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

Συλλογή των στοιχείων σας

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

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

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

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

Κάνοντας σύμβολα για τα συχνά χρησιμοποιούμενα στοιχεία

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

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

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

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

Animators, ξεκινήστε την κινούμενη ζωγραφιά σας

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

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

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

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

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

Ολοκληρώνοντας τη διαδικασία

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

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