Υπολογιστές

Flash Circle Αποκαλύψτε Animation

Οκτώβριος 2020

Flash Circle Αποκαλύψτε Animation


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

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

Ο λόγος που χρησιμοποιούμε μόνο ένα κλιπ ταινίας αντί για αρκετές είναι επειδή είναι λιγότερο εντατική στο CPU για το Flash να σχεδιάζει αρκετές εμφανίσεις του ίδιου κινηματογραφικού κλιπ στη σκηνή απ 'ό, τι πρόκειται να σχεδιάσει διάφορα ξεχωριστά κινηματογραφικά κλιπ.

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

  1. Από το μενού Menubar, κάντε κλικ στην επιλογή Αρχείο - Εισαγωγή - Εισαγωγή σε σκηνή για να εισαγάγετε το png σχεδιασμού φόντου πάνω στο Layer 1. Μετονομάστε το Layer 1 σε "bg". Κλείστε το στρώμα bg.

  2. Προσθέστε ένα νέο στρώμα πάνω από το επίπεδο bg και ονομάστε το "κύκλοι".

  3. Από το Menubar, κάντε κλικ στο Insert - New Symbol. Ρυθμίστε τον Τύπο σε Ταινία κλιπ και ονομάστε το κλιπ ταινίας "κύκλος".

    Το φλας θα εμφανίσει αυτόματα το χρονοδιάγραμμα του κλιπ ταινιών.

  4. Μετονομάστε το στρώμα Layer 1 σε "κύκλο".

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

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

  6. Προσθέστε ένα πλαίσιο κλειδιού στο πλαίσιο 5 του στρώματος κύκλων.

  7. Από τη βιβλιοθήκη, σύρετε μια εμφάνιση του κλιπ κινηματογράφου κύκλου στη σκηνή.

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

  8. Κάντε δεξί κλικ στο τελευταίο πλαίσιο του στρώματος bg και επιλέξτε Εισαγωγή πλαισίου από το μενού.

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

  9. Κάντε κλικ στο όνομα του επιπέδου για να επιλέξετε όλα τα πλαίσια της στρώσης κύκλων. Κάντε δεξί κλικ σε οποιοδήποτε πλαίσιο και επιλέξτε Reverse Frames.

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

  10. Προσθέστε ένα νέο στρώμα στο επάνω μέρος της χρονικής γραμμής και ονομάστε τις "ενέργειες".

  11. Προσθέστε ένα πλαίσιο κλειδιού στο τελευταίο πλαίσιο της κινούμενης εικόνας στο στρώμα ενεργειών.

  12. Στον πίνακα "Ενέργειες", προσθέστε τον κωδικό διακοπής.

    να σταματήσει();

Κάντε κλικ στο Control - Test Movie (Ταινία δοκιμής) - Στο Flash Professional για να δείτε την κινούμενη εικόνα.

ΣΗΜΑΝΤΙΚΟ: Αυτά τα σεμινάρια ανάπτυξης εφαρμογών γράφονται με τον αρχάριο Flash. Θα χρειαστεί να βελτιστοποιήσετε την εφαρμογή σας πέραν αυτών που καλύπτονται σε αυτά τα μαθήματα πριν τελειώσετε την εφαρμογή σας για το κατάστημα εφαρμογών.


Πνευματικά δικαιώματα 2018 Adobe Systems Incorporated. Ολα τα δικαιώματα διατηρούνται. Οι φωτογραφίες της οθόνης του προϊόντος Adobe ανατυπώνονται με την άδεια της Adobe Systems Incorporated. Adobe Photoshop, Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, είναι / είναι είτε [ή] καταχωρισμένο εμπορικό σήμα ή εμπορικό σήμα της Adobe Systems Incorporated στις Ηνωμένες Πολιτείες ή / και σε άλλες χώρες.

Perfect Circle / God Speed (Οκτώβριος 2020)



Άρθρο Tags: Flash Circle αποκαλύπτουν κινούμενα σχέδια, Flash και κινούμενα σχέδια, αποκαλύπτουν κύκλο Flash animation

Κόκκινο 2

Κόκκινο 2

τηλεόραση και ταινίες