Adobe Edge Animate CC: 6 Χαρακτηριστικά που αλληλεπιδρούν και προσαρμόζουν - ανδρείκελα

Το Adobe Edge Animate CC είναι κάτι παραπάνω από τα κινούμενα στοιχεία γύρω από την οθόνη. Μπορείτε να χρησιμοποιήσετε πολλές από τις δυνατότητές του για να δημιουργήσετε αλληλεπιδραστικότητα για το κοινό σας και να ρυθμίσετε το λογισμικό ώστε να ταιριάζει στις προτιμήσεις σας:

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

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

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

• Πολλαπλές επιλογές δημοσίευσης: Το Edge Animate προσφέρει πολλούς τρόπους δημοσίευσης του κινούμενου animation για χρήση σε διαφορετικές εφαρμογές - όπως διαφορετικά προγράμματα περιήγησης ιστού και iBooks - ή μπορείτε να εισαγάγετε το Adobe Edge Animation σε διάφορα προϊόντα της Adobe όπως InDesign ή Muse.

• Επιλογές γραμματοσειράς: Το Edge Animate παρέχει πολλές επιλογές γραμματοσειρών. Εάν είστε περίεργοι για συγκεκριμένες γραμματοσειρές, τα καλά νέα είναι ότι αν μπορείτε να βρείτε μια γραμματοσειρά στον ιστό, μπορείτε πιθανότατα να το χρησιμοποιήσετε στο κινούμενο γραφικό σας.

• Επιλέξτε την γλώσσα σας: Εάν η αγγλική γλώσσα δεν είναι η μητρική σας γλώσσα και προτιμάτε να εργάζεστε (γερμανικά), ισπανικά, γαλλικά ή ιαπωνικά, τότε το Edge Animate καλύπτεται από εσάς.

Εφαρμογή της διαδραστικότητας με έξυπνο τρόπο

Το Adobe Edge Animate CC σάς δίνει τη δυνατότητα να κάνετε πολλά περισσότερα από το να σχεδιάζετε και να ζωντανεύετε στοιχεία. Μπορείτε επίσης να κάνετε τα στοιχεία αυτά διαδραστικά, τα οποία επιτρέπουν στο κοινό σας να κάνει κλικ σε στοιχεία για να κάνουν διαφορετικές ενέργειες.

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

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

Χρησιμοποιώντας τα σύμβολα για να κάνετε επαναχρησιμοποιήσιμα αντικείμενα

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

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

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

Μπορείτε να βρείτε τα σύμβολά σας στον πίνακα Βιβλιοθήκη, όπως φαίνεται.

Ενσωματώνει το σχεδιασμό ευαίσθητων web

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

Για παράδειγμα, εάν το παράθυρο του προγράμματος περιήγησης μεγιστοποιηθεί στο 100%, οι εικόνες και ούτω καθεξής στην κινούμενη εικόνα εμφανίζονται στο 100%. Εάν το παράθυρο του προγράμματος περιήγησης συρρικνωθεί στο 50% του μεγέθους του, τότε οι εικόνες σας επίσης συρρικνώνονται στο 50% του κανονικού τους μεγέθους.

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

Μετρώντας τις πολλαπλές επιλογές δημοσίευσης

Έχετε περισσότερους από έναν τρόπο δημοσίευσης κινούμενων εικόνων αυτές τις μέρες - και το Adobe Edge Animate CC καλύπτεται και προσφέρει πολλές επιλογές (όπως φαίνεται σε αυτό το σχήμα). Μπορείτε να δημοσιεύσετε την κινούμενη εικόνα ως μια αυτόνομη ιστοσελίδα ή να την ενσωματώσετε σε μια υπάρχουσα ιστοσελίδα.

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

Γραμματοσειρές στο Adobe Edge Animate

Μπορείτε να χρησιμοποιήσετε μια πληθώρα γραμματοσειρών στον ιστό και έχετε καλύψει το Adobe Edge Animate CC. Εκτός από μια τυπική προεπιλεγμένη λίστα γραμματοσειρών που είναι διαθέσιμες σε εσάς (δείτε το σχήμα), το Edge Animate σας δίνει επίσης τη δυνατότητα να εισάγετε γραμματοσειρές από τον ιστό.

Αν καμία από αυτές τις γραμματοσειρές δεν ικανοποιεί τις ανάγκες σας, μπορείτε να εισαγάγετε γραμματοσειρές από πολλές διαφορετικές πηγές - συμπεριλαμβανομένων των γραμματοσειρών Google Web. Μπορείτε επίσης να χρησιμοποιήσετε τις γραμματοσειρές Adobe Edge Web, οι οποίες είναι ενσωματωμένες στο Animate. Και αν είστε εξοικειωμένοι με το Typekit (άλλο δωρεάν εργαλείο γραμματοσειράς), μπορείτε να γιορτάσετε γνωρίζοντας ότι το εργαλείο λειτουργεί επίσης με το Edge Animate.

Η γλώσσα της επιλογής σας

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

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

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