10 δημοφιλείς χρήσεις του Edge Animate

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

Κινούμενη εικόνα με το Edge Animate

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

Σχεδιασμός με το Edge Animate

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

Ανάπτυξη με το Edge Animate

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

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

Μαθαίνοντας από έργα Edge Animate

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

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

Εργασία με την Edge Animate ως επαγγελματίας

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

  • Δημιουργήστε κινούμενα λογότυπα.

  • Δημιουργία slideshows.

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

  • Ζωντανέψτε ένα παιδικό βιβλίο.

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

Εμψύχωση ως χόμπι

Το animating ως χόμπι είναι μια αγαπημένη χρήση για το Edge Animate. Μερικοί χρήστες κάνουν κινούμενα σχέδια για το άλλο αγαπημένο τους χόμπι, παίζοντας βιντεοπαιχνίδια. Αυτή η εικόνα δείχνει ένα στιγμιότυπο μιας κινούμενης εικόνας που δημιουργήθηκε χρησιμοποιώντας το Commander Shepard από το δημοφιλές franchise βιντεοπαιχνιδιών Mass Effect.

Όταν κυκλοφόρησε το "Mass Effect 3", ένα μιμίδιο στο Διαδίκτυο χαρακτήριζε μια φράση που επαναλαμβάνει ο Commander κατά τη διάρκεια του παιχνιδιού (δηλαδή, υποστηρίζει ένα συγκεκριμένο κατάστημα και επαναλαμβάνει ad nauseum ότι το κατάστημα είναι το αγαπημένο του). Αυτή η ανατροπή στο μιμίδιο ήταν ότι η αγαπημένη τοποθεσία του Commander Shepard στο Διαδίκτυο ήταν gaming.

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

10 δημοφιλείς χρήσεις του Edge Animate

Πωλείται με το Edge Animate

Η δημιουργία διαφημίσεων με το Edge Animate είναι μια άλλη εξαιρετική χρήση του εργαλείου. Σε αντίθεση με το Flash, το Edge Animate χρησιμοποιεί HTML5 και JavaScript, ώστε το κοινό σας να μπορεί να δει τη διαφήμισή σας σε συσκευές Apple. Με αυτόν τον τρόπο, γνωρίζετε ότι η διαφήμισή σας μπορεί να εμφανίζεται σε iPad και iPhone.

Τα δημοφιλή μεγέθη διαφημίσεων περιλαμβάνουν

  • Leaderboard: 728 x 90

  • Μεσαίο ορθογώνιο: 300 x 250

  • Ευρύς ουρανοξύστης: 160 x 600

  • Πλήρες banner: 468 x 60

  • Μεγάλο ορθογώνιο: 336 x 280

  • Ορθογώνιο: 180 x 150

  • Κουμπί: 120 x 60

  • Τετράγωνο κουμπί: 125 x 125

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

Εξειδίκευση του περιεχομένου σας

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

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

Παιχνίδι με το Edge Animate

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

Χρησιμοποιώντας τα responsive εργαλεία σχεδίασης ιστοσελίδων

Μια εξαιρετική χρήση του Edge Animate είναι η δημιουργία αποκριτικών σχεδίων ιστού. Αυτή η δυνατότητα σάς επιτρέπει να δημιουργείτε κινούμενα σχέδια που ανταποκρίνονται σε διαφορετικά μεγέθη προγράμματος περιήγησης και οθόνης. Στο μέλλον, πολλές εργασίες σχεδίασης ιστοσελίδων θα καταστήσουν υποχρεωτική απαίτηση το responsive web design. Απλώς σκεφτείτε όλα τα διαφορετικά μεγέθη οθόνης στην αγορά σήμερα. Έχετε τα τηλέφωνά σας 4 ιντσών έως 6 ιντσών, tablet 7 ιντσών και 10 ιντσών και οποιονδήποτε αριθμό διαστάσεων για φορητούς υπολογιστές και επιτραπέζιες οθόνες.

Η εκμάθηση του τρόπου δημιουργίας ενός ανταποκρινόμενου σχεδίου ιστού μπορεί κάλλιστα να γίνει απαραίτητη για όλους τους λάτρεις του ιστού. Εάν αυτό είναι κάτι που σας ενδιαφέρει, ρίξτε μια ματιά στο Adobe Edge Reflow, το οποίο βρίσκεται υπό ανάπτυξη.


Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Πώς να εφαρμόσετε τη διαφάνεια σε SVG

Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.

Εργασία με εικόνες στο Adobe XD

Εργασία με εικόνες στο Adobe XD

Αφού εισαγάγετε τις εικόνες σας στο Adobe XD, δεν έχετε μεγάλο έλεγχο επεξεργασίας, αλλά μπορείτε να αλλάξετε το μέγεθος και να περιστρέψετε τις εικόνες όπως θα κάνατε με οποιοδήποτε άλλο σχήμα. Μπορείτε επίσης να στρογγυλοποιήσετε εύκολα τις γωνίες μιας εισαγόμενης εικόνας χρησιμοποιώντας τα γραφικά στοιχεία γωνίας. Απόκρυψη των εικόνων σας Ορίζοντας ένα κλειστό σχήμα […]

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Πώς να προσαρμόσετε τις ιδιότητες κειμένου στο Adobe XD

Όταν έχετε κείμενο στο έργο σας Adobe XD, μπορείτε να αρχίσετε να αλλάζετε τις ιδιότητες κειμένου. Αυτές οι ιδιότητες περιλαμβάνουν Οικογένεια γραμματοσειράς, Μέγεθος γραμματοσειράς, Βάρος γραμματοσειράς, Ευθυγράμμιση, Διάστιχο χαρακτήρων (πυρήνωση και παρακολούθηση), Διάστιχο γραμμής (προπορευόμενο), Γέμισμα, Περιθώριο (εγκεφαλικό επεισόδιο), Σκιά (σκιά πτώσης) και Θάμπωμα φόντου. Ας εξετάσουμε λοιπόν πώς εφαρμόζονται αυτές οι ιδιότητες. Σχετικά με την αναγνωσιμότητα και τη γραμματοσειρά […]

Εργασία με Artboards στο Photoshop CC

Εργασία με Artboards στο Photoshop CC

Όπως και στο Adobe Illustrator, οι πίνακες γραφικών του Photoshop παρέχουν τη δυνατότητα δημιουργίας ξεχωριστών σελίδων ή οθονών σε ένα έγγραφο. Αυτό μπορεί να είναι ιδιαίτερα χρήσιμο εάν κατασκευάζετε οθόνες για μια εφαρμογή για κινητά ή ένα μικρό φυλλάδιο. Μπορείτε να σκεφτείτε ένα artboard ως έναν ειδικό τύπο ομάδας επιπέδων που δημιουργείται χρησιμοποιώντας τον πίνακα Layers. Το […]

Σχήματα και πολύγωνα στο InDesign

Σχήματα και πολύγωνα στο InDesign

Πολλά από τα εργαλεία που βρίσκετε στον πίνακα Εργαλεία InDesign χρησιμοποιούνται για τη σχεδίαση γραμμών και σχημάτων σε μια σελίδα, επομένως έχετε πολλούς διαφορετικούς τρόπους δημιουργίας ενδιαφέροντων σχεδίων για τις δημοσιεύσεις σας. Μπορείτε να δημιουργήσετε οτιδήποτε, από βασικά σχήματα μέχρι περίπλοκα σχέδια μέσα στο InDesign, αντί να χρειάζεται να χρησιμοποιήσετε ένα πρόγραμμα σχεδίασης όπως […]

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Αναδίπλωση κειμένου σε Adobe Illustrator CC

Η αναδίπλωση κειμένου στο Adobe Illustrator CC δεν είναι ακριβώς το ίδιο με το τύλιγμα ενός δώρου — είναι πιο εύκολο! Μια αναδίπλωση κειμένου αναγκάζει το κείμενο να αναδιπλωθεί γύρω από ένα γραφικό, όπως φαίνεται σε αυτό το σχήμα. Αυτή η δυνατότητα μπορεί να προσθέσει λίγη δημιουργικότητα σε οποιοδήποτε κομμάτι. Το γραφικό αναγκάζει το κείμενο να τυλιχτεί γύρω του. Πρώτα, δημιουργήστε […]

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Πώς να αλλάξετε το μέγεθος των σχημάτων στο Illustrator

Όταν σχεδιάζετε στο Adobe Illustrator CC, συχνά χρειάζεστε ένα σχήμα για να έχει ακριβές μέγεθος (για παράδειγμα, 2 x 3 ίντσες). Αφού δημιουργήσετε ένα σχήμα, ο καλύτερος τρόπος για να αλλάξετε το μέγεθός του σε ακριβείς μετρήσεις είναι να χρησιμοποιήσετε τον πίνακα Transform, που φαίνεται σε αυτό το σχήμα. Επιλέξτε το αντικείμενο και, στη συνέχεια, επιλέξτε Παράθυρο→ Μετατροπή σε […]

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Πώς να δημιουργήσετε κωδικούς QR στο InDesign CC

Μπορείτε να χρησιμοποιήσετε το InDesign για να δημιουργήσετε και να τροποποιήσετε γραφικά με κώδικα QR. Οι κωδικοί QR είναι μια μορφή γραμμικού κώδικα που μπορεί να αποθηκεύσει πληροφορίες όπως λέξεις, αριθμούς, διευθύνσεις URL ή άλλες μορφές δεδομένων. Ο χρήστης σαρώνει τον κωδικό QR χρησιμοποιώντας την κάμερα και το λογισμικό του σε μια συσκευή, όπως ένα smartphone, και το λογισμικό χρησιμοποιεί […]

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Πώς να κάνετε μια νέα φωτογραφία να φαίνεται παλιά στο Photoshop CS6

Μπορεί να υπάρξει κάποια στιγμή που χρειάζεστε μια νέα φωτογραφία για να φαίνεστε παλιά. Το Photoshop CS6 σας καλύπτει. Η ασπρόμαυρη φωτογραφία είναι ένα νεότερο φαινόμενο από ό,τι φαντάζεστε. Οι δαγκεροτυπίες και άλλες πρώιμες φωτογραφίες είχαν συχνά έναν καφέ ή γαλαζωπό τόνο. Μπορείτε να δημιουργήσετε δικά σας αριστουργήματα σε τόνους σέπια. Οι τονισμένες εικόνες μπορούν να δημιουργήσουν […]

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Η δυνατότητα Live Paint στο Adobe CS5 Illustrator

Χρησιμοποιώντας τη δυνατότητα Live Paint στο Adobe Creative Suite 5 (Adobe CS5) Illustrator, μπορείτε να δημιουργήσετε την εικόνα που θέλετε και να συμπληρώσετε περιοχές με χρώμα. Ο κάδος Live Paint εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]