Πώς να χρησιμοποιήσετε το Tweening στο Fireworks CS5

Το Tweening παρέχεται ως εργαλείο για την τελειοποίηση των κινούμενων εικόνων στο Adobe Fireworks Creative Suite 5. Το Tweening είναι η διαδικασία δημιουργίας μιας κατάστασης μεταξύ δύο άλλων, συνήθως ως σημείο έναρξης ή τερματισμού για το κινούμενο σχέδιο. Χρησιμοποιήστε το tweening για να προσομοιώσετε ένα αντικείμενο που κινείται, όπως μια μπάλα που αναπηδά ή ξεθωριάζει μια εικόνα μέσα ή έξω από ένα κινούμενο σχέδιο.

Δημιουργήστε ένα σύμβολο

Για να χρησιμοποιήσετε τη δυνατότητα tweening στο Fireworks, πρέπει να έχετε ένα σύμβολο — για αυτό το παράδειγμα, ένα βέλος. Για να δημιουργήσετε αυτό το σύμβολο, ακολουθήστε τα εξής βήματα:

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

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

Κάντε κλικ και κρατήστε πατημένο το εργαλείο Ορθογώνιο και επιλέξτε το εργαλείο βέλους από την ενότητα Διάνυσμα του πίνακα Εργαλεία.

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

Επιλέξτε Τροποποίηση→Σύμβολο→Μετατροπή σε σύμβολο.

Εμφανίζεται το πλαίσιο διαλόγου Μετατροπή σε σύμβολο.

Πληκτρολογήστε ένα κατάλληλο όνομα (όπως βέλος) για το σύμβολο στο πλαίσιο κειμένου Όνομα, επιλέξτε το κουμπί επιλογής Γραφικό και κάντε κλικ στο OK.

Το Fireworks μετατρέπει το γραφικό του βέλους σας σε σύμβολο.

Κλωνοποιήστε το σύμβολο

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

Επιλέξτε το σύμβολο βέλους στον καμβά.

Κρατώντας πατημένο το πλήκτρο Alt (Windows) ή Option (Mac), σύρετε το βέλος στην κάτω δεξιά γωνία του καμβά.

Κρατώντας πατημένο το πλήκτρο Alt ή Option ενώ σύρετε, κλωνοποιείτε το βέλος.

Πώς να χρησιμοποιήσετε το Tweening στο Fireworks CS5

Επιλέξτε το εργαλείο Κλίμακα στην ενότητα Επιλογή του πίνακα Εργαλεία και κάντε το κλωνοποιημένο βέλος (στην κάτω δεξιά γωνία) μεγαλύτερο από το πρωτότυπο.

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

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

Συνδυάζοντας τα σύμβολα

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

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

Επιλέξτε Τροποποίηση → Σύμβολο → Tween Instances.

Εμφανίζεται το πλαίσιο διαλόγου Tween Instances.

Εισαγάγετε μια τιμή στο πλαίσιο κειμένου Βήματα.

Για αυτό το παράδειγμα, πληκτρολογήστε 5 για να δημιουργήσετε πέντε νέες καταστάσεις (ή πλαίσια) για τη μετατροπή του μικρού βέλους στο μεγάλο βέλος.

Πώς να χρησιμοποιήσετε το Tweening στο Fireworks CS5

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

Κάντε κλικ στο OK.

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


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