Πώς να δημιουργήσετε αδράνεια και βαρύτητα στο Adobe Flash CS6

Όταν τα αντικείμενα κινούνται στην πραγματική ζωή, αρκετοί παράγοντες επηρεάζουν την ταχύτητά τους καθώς κινούνται. Στο Adobe Flash CS6, μπορείτε να αναπαράγετε τα εφέ αδράνειας και βαρύτητας σε ένα αντικείμενο προσθέτοντας ευκολίες στα υπάρχοντα tween σας. Η μηχανή κινούμενων εικόνων του Flash παρέχει πολλές συμπεριφορές διευκόλυνσης, συμπεριλαμβανομένων των Bounce, Spring, Ease In (ταχύτητα), Ease Out (επιβράδυνση) και πολλά άλλα.

Για να δημιουργήσετε μια συμπεριφορά χαλάρωσης, ακολουθήστε τα εξής βήματα:

Δημιουργήστε ένα νέο έγγραφο Flash. Επιλέξτε το εργαλείο Oval και δημιουργήστε έναν τέλειο κύκλο στο κάτω μέρος της σκηνής.

Κρατήστε πατημένο το πλήκτρο Shift για να περιορίσετε τον κύκλο ενώ τον σχεδιάζετε.

Με επιλεγμένο τον νέο κύκλο, πατήστε τη συντόμευση πληκτρολογίου F8. όταν εμφανιστεί το πλαίσιο διαλόγου Μετατροπή σε σύμβολο, επιλέξτε Γραφικό από την αναπτυσσόμενη λίστα Τύπος και εισαγάγετε ένα όνομα για το σύμβολο στο πλαίσιο κειμένου Όνομα.

Κάντε δεξί κλικ (Windows) ή Control-κλικ (Mac) στο πρώτο πλαίσιο του επιπέδου και επιλέξτε Create Motion Tween από το μενού περιβάλλοντος που εμφανίζεται.

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

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

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

Πατήστε Enter ή Return για προεπισκόπηση της κινούμενης εικόνας.

Η μπάλα πρέπει τώρα να μετακινηθεί από το κάτω μέρος προς την κορυφή της σκηνής.

Κάντε κλικ απευθείας στο διάστημα tween στη Γραμμή χρόνου για να το επιλέξετε και, στη συνέχεια, κάντε κλικ στην καρτέλα του πίνακα επεξεργασίας κίνησης για να το μεταφέρετε.

Βλέπετε τις διάφορες ιδιότητες του tween σας που αντιπροσωπεύονται στον πίνακα επεξεργασίας κίνησης.

Κάντε κύλιση στο κάτω μέρος του Motion Editor, εντοπίστε τη σειρά Eases και αλλάξτε την τιμή Simple (αργή) από 0 σε 100.

Μπορείτε να κάνετε κλικ και να σύρετε πάνω στην τιμή για να την αλλάξετε ή να κάνετε διπλό κλικ και να εισαγάγετε μια τιμή με το χέρι.

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

Η αλλαγή της τιμής δημιουργεί μια ευκολία, η οποία επιβραδύνει την κίνηση καθώς ολοκληρώνεται.

Κάντε κύλιση στην κορυφή του Motion Editor και εντοπίστε τη σειρά Basic Motion. απευθείας στα δεξιά, επιλέξτε Απλό (αργή) από την αναπτυσσόμενη λίστα.

Αυτό το βήμα εφαρμόζει την ευκολία στις ιδιότητες κίνησης του tween σας.

Πώς να δημιουργήσετε αδράνεια και βαρύτητα στο Adobe Flash CS6

Πατήστε Enter ή Return για αναπαραγωγή και προεπισκόπηση της κινούμενης εικόνας σας.

Το κινούμενο σχέδιο επιβραδύνεται σταδιακά καθώς ολοκληρώνεται.

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

Κάντε κλικ στην καρτέλα Timeline και, στη συνέχεια, κάντε κλικ απευθείας στο επίπεδο οπουδήποτε μέσα στο διάστημα tween για να επιλέξετε ολόκληρο το motion tween.

Κάντε δεξί κλικ (Windows) ή Control-κλικ (Mac) στα επιλεγμένα πλαίσια για να ανοίξετε το μενού με τα συμφραζόμενα και, στη συνέχεια, επιλέξτε Αντιγραφή πλαισίων.

Στο ίδιο επίπεδο, επιλέξτε το επόμενο κενό πλαίσιο αμέσως μετά το τέλος του tween span.

Για να επικολλήσετε το tween που αντιγράψατε στο Βήμα 2, βεβαιωθείτε ότι είναι επιλεγμένο το πλαίσιο, κάντε δεξί κλικ (Windows) ή κάντε κλικ στο Control-κλικ (Mac) και επιλέξτε Επικόλληση πλαισίων από το μενού περιβάλλοντος που εμφανίζεται.

Κάντε κλικ στο πρόσφατα επικολλημένο διάστημα tween για να το επιλέξετε.

Για να γυρίσετε το tween προς τα πίσω, κάντε δεξί κλικ (Windows) ή Control-κλικ (Mac) στα επιλεγμένα πλαίσια και επιλέξτε Reverse Keyframes από το μενού συμφραζομένων που εμφανίζεται.

Πατήστε Enter ή Return για προεπισκόπηση της κινούμενης εικόνας σας.

Η μπάλα ανεβαίνει και μετά κατεβαίνει, και βολικά το animation όχι μόνο αντιστρέφεται αλλά και χαλαρώνει.


Πώς να εφαρμόσετε τη διαφάνεια σε 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 εντοπίζει αυτόματα περιοχές που αποτελούνται από ανεξάρτητες διασταυρούμενες διαδρομές και τις γεμίζει ανάλογα. Η βαφή σε μια δεδομένη περιοχή παραμένει ζωντανή και ρέει αυτόματα εάν υπάρχει […]