Δημιουργία κινούμενων εικόνων flash online στα ρωσικά. Δημιουργία κινούμενων σχεδίων flash. Ανασκόπηση λογισμικού δημιουργίας Flash τρίτων κατασκευαστών

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

Flash πρόγραμμα επεξεργασίαςείναι ένα πρόγραμμα για τη δημιουργία κινούμενα σχέδια flashκαι επεξεργασία έτοιμων βίντεο flash.

Μορφή FLAείναι το έγγραφο πηγής του κλιπ σας. Ανοίγοντας το, μεταφέρεστε στο πρόγραμμα Macromedia Flash και μπορείτε να επεξεργαστείτε περαιτέρω το κλιπ.

Μορφή SWF- αυτό είναι εκτελέσιμο Flash αρχείο, όταν κάνετε «κλικ» πάνω του, έχετε την ευκαιρία να δείτε το κλιπ χρησιμοποιώντας το πρόγραμμα Macromedia Flash Player.

Κινούμενη εικόνα χρησιμοποιώντας το Adobe Flash Professional

Adobe FlashΕπαγγελματικό CS3– τα πλεονεκτήματα και η λειτουργικότητα αυτού του προγράμματος μπορούν να περιγραφούν για πολύ καιρό. Αυτό το πρόγραμμαείναι ο αδιαμφισβήτητος ηγέτης στο περιβάλλον τεχνολογίας flash. Το Adobe Flash Professional χρησιμοποιείται τόσο από επαγγελματίες προγραμματιστές τοποθεσιών Web όσο και από σχεδιαστές flash.

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

Η ένταση εξαρτάται από την έκδοση από 500 Mb.

Επί αυτή τη στιγμή Adobe Flash Professional CS5 - μια νέα έκδοσηπρογράμματα για εργασία με κινούμενα σχέδια και πολυμέσα.

Λειτουργικό σύστημα: Windows XP/Vista/7

Στιγμιότυπο του προγράμματος:

κατεβάστε το Adobe Flash Professional CS3

Ενδεχομένως για έναν αρχάριο πλοίαρχοι ιστούδημιουργία κινούμενων εικόνων flash χρησιμοποιώντας Προγράμματα της AdobeΤο Flash Professional θα φαίνεται κάπως περίπλοκο και απρόσιτο.

Σε αυτή την περίπτωση, δεν πρέπει να απελπίζεστε και να σταματήσετε αυτό που ξεκινήσατε. Δοκιμάστε τις ιδέες σας flash με το πρόγραμμα Swishmax.

Swishmax – πρόγραμμα επεξεργασίας flash

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

Όγκος: 9,27 MB.

Η γλώσσα διεπαφής είναι τα ρωσικά.

λειτουργικό σύστημα: Windows 98/Me/NT/2000/XP

Στιγμιότυπο του προγράμματος:

κατεβάστε το Swishmax

Alligator Flash Designer

Επόμενο πρόγραμμα flashείναι ακόμα πιο απλό, τόσο σε λειτουργικότητα όσο και σε περιεχόμενο διεπαφής. Οι δυνατότητες αυτού του προγράμματος επεξεργασίας flash καθιστούν εύκολη τη δημιουργία ενός flash banner για έναν ιστότοπο μέσα σε λίγα λεπτά.

Υπάρχουν περισσότερα από 130 εφέ: εξαφάνιση, ζουμ, περιστροφή. Οι κινούμενες εικόνες, τα σχήματα ή το κείμενο, ακόμη και ο ήχος μπορούν εύκολα να προστεθούν στα κινούμενα σχέδια Flash.

Εδώ μπορείτε επίσης να καθορίσετε OnClick ή OnOver.

Όγκος: 5,3 MB.

Η γλώσσα διεπαφής είναι τα ρωσικά.

Λειτουργικό σύστημα: Windows XP/Vista/7

Στιγμιότυπο του προγράμματος:

κατεβάστε το Alligator_Flash_Designer_7.0

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

Flash Decompiler Trillix

Flash Decompiler Trillix - ο κύριος σκοπός αυτού του προγράμματος είναι η εξαγωγή αρχείων SWF σε μορφή FLA με ένα κλικ. Εξάγει όλα τα αντικείμενα Flash από ένα αρχείο SWF και τα αποθηκεύει σε ένα αρχείο FLA, το οποίο μπορεί αργότερα να επεξεργαστεί σε Flash.

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

Όγκος: 7,27 MB.

Η γλώσσα διεπαφής είναι τα ρωσικά.

Λειτουργικό σύστημα: Windows XP/Vista/7

Στιγμιότυπο του προγράμματος:

κατεβάστε το Flash Decompiler Trillix

13 Οκτωβρίου 2014

Δωρεάν πρόγραμμαγια να δημιουργήσετε βίντεο flash σχεδόν οποιουδήποτε βαθμού πολυπλοκότητας! Περιλαμβάνει σχεδόν όλα τα απαραίτητα εργαλεία για καθημερινή εργασία με φλας και μπορεί να χρησιμοποιηθεί τόσο από αρχάριους όσο και από επαγγελματίες. Η κύρια διαφορά και πλεονέκτημα αυτού του προγράμματος είναι η υποστήριξή του για το ActionScript 2.0, χωρίς το οποίο είναι απλά αδύνατο να φανταστεί κανείς τη δημιουργία επαγγελματικού περιεχομένου Flash.

Φαίνεται ότι ο Dima Bilan έχει δίκιο όταν λέει ότι το αδύνατο είναι δυνατό :). Μέχρι πρόσφατα, οι προγραμματιστές ιστού έπρεπε είτε να πειρατούν είτε να πληρώσουν πολλά χρήματα για την ευκαιρία να δουλέψουν με κινούμενα σχέδια Flash. Και τώρα, επιτέλους, ήρθε η ώρα που εμφανίστηκε μια τρίτη πλήρης επιλογή - να χρησιμοποιήσετε ένα δωρεάν πρόγραμμα επεξεργασίας flash.

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

Σήμερα θα σας παρουσιάσω ένα εντελώς μοντέρνο πρόγραμμα επεξεργασίας flash, το οποίο μπορεί να ανταγωνιστεί σχεδόν επί ίσοις όροις το διάσημο Adobe Flash - Vectorian Giotto.

Σύγκριση του Vectorian Giotto με ένα επί πληρωμή ανάλογο

Όπως μπορείτε να δείτε, οι προγραμματιστές του Vectorian Giotto έκαναν ό,τι μπορούσαν και προσπάθησαν να χωρέσουν στο πρόγραμμά τους το μέγιστο δυνατό σύνολο λειτουργιών παρόμοιες με το Adobe Flash. Επιπλέον, τα περισσότερα από τα πλήκτρα πρόσβασης είναι επίσης τα ίδια, επομένως όσοι έχουν συνηθίσει να εργάζονται με τον επεξεργαστή Adobe δεν θα δυσκολευτούν ιδιαίτερα να μεταβούν στη δωρεάν πλατφόρμα Vectorian Giotto!

Λοιπόν, και για «επιδόρπιο». δωρεάν συντάκτηςΥπάρχει επίσης κάτι που λείπει μερικές φορές στον «μεγάλο αδερφό» - μια ενσωματωμένη βιβλιοθήκη εφέ κινούμενων σχεδίων που θα αρέσει ιδιαίτερα σε όσους δημιουργούν flash banner.

Προετοιμασία για δουλειά

Για να ξεκινήσουμε να εργαζόμαστε με το Vectorian Giotto, πρέπει να κατεβάσουμε το αρχείο με το πρόγραμμα εγκατάστασης, το οποίο, παρεμπιπτόντως, ζυγίζει μόνο 8 megabyte! Όταν γίνει λήψη του αρχείου, ανοίξτε το και εκτελέστε το αρχείο VectorianGiotto.exe.

Παρά το γεγονός ότι η εγκατάσταση (και το ίδιο το πρόγραμμα, δυστυχώς :)) είναι στα αγγλικά, δεν θα πρέπει να προκαλεί δυσκολίες, καθώς δεν είναι απαραίτητο να αλλάξετε τίποτα στις προεπιλεγμένες ρυθμίσεις. Απλώς κάντε κλικ στο κουμπί «Επόμενο» αρκετές φορές και περιμένετε να ολοκληρωθεί η διαδικασία εγκατάστασης.).

Πρώτη γνωριμία με τη διεπαφή

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

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

Γραμμή μενού. Αυτός είναι ο πίνακας στον οποίο βρίσκονται όλα τα μενού του προγράμματος Vectorian Giotto. Όταν εργάζεστε με κινούμενα σχέδια, μπορεί να χρειαστείτε ενότητες όπως "Αρχείο" (για αποθήκευση και εξαγωγή της κινούμενης εικόνας σας σε SWF), "Προβολή" (για τη ρύθμιση των παραμέτρων εμφάνισης του χώρου εργασίας), "Τροποποίηση" (για τη διαχείριση των παραμέτρων του τρέχοντος εγγράφου και εργασία με τα εφέ βιβλιοθήκης) και «Παράθυρο» (για προσαρμογή των εμφανιζόμενων μονάδων και των πινάκων προγραμμάτων).

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

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

Storyboard (ή timeline). Σας επιτρέπει να διαχειρίζεστε κελιά πλαισίου και δημιουργημένα επίπεδα.

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

Χώρος εργασίας. Είναι ένα εικονικό φύλλο "χαρτιού" σχεδιασμένο για τη σχεδίαση των κινούμενων εικόνων σας :).

Πρόγραμμα επεξεργασίας ActionScript. Εάν χρειάζεται να δημιουργήσετε όχι απλά banner, αλλά κάτι πιο περίπλοκο, συμπεριλαμβανομένων κουμπιών και όλων των ειδών διαδραστικών αντικειμένων, τότε δεν μπορείτε να κάνετε χωρίς πρόγραμμα επεξεργασίας σεναρίων.

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

Πίνακας ιδιοτήτων. Κάθε αντικείμενο στο flash έχει συγκεκριμένες ιδιότητες. Αυτός ο πίνακας χρησιμοποιείται για τη διαχείρισή τους.

Πίνακας μετασχηματισμού. Σας επιτρέπει να αλλάξετε γρήγορα το μέγεθος και τη θέση του επιλεγμένου στοιχείου κινούμενης εικόνας.

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

Έχετε αναρωτηθεί ποτέ τι κρύβεται πίσω από το όμορφο animation των banner στο Διαδίκτυο; Ή τα νέα κινούμενα σχέδια που δημιουργήθηκαν με τη βοήθεια της τεχνολογίας των υπολογιστών; Τις περισσότερες φορές βασίζονται στη "σάρκα", ή πιο συγκεκριμένα, έτσι μεταφράζεται το όνομα της τεχνολογίας Flash από τα αγγλικά. Σήμερα θα μιλήσουμε για flash animation για τον ιστότοπο:

Τεχνολογία Flash

Το πλαίσιο πολυμέσων αναπτύχθηκε από τη Macromedia. Αλλά μετά την απορρόφησή της (συγχώνευση), όλα τα δικαιώματα της τεχνολογίας μεταβιβάστηκαν στον νέο ιδιοκτήτη - την Adobe Systems.

Τομέας σύγχρονης εφαρμογής του Adobe Flash:

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

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

• Υλοποίηση δυνατοτήτων πολυμέσων - για ακρόαση ήχου και αναπαραγωγή βίντεο σε ιστότοπους, χρησιμοποιούνται συχνά προγράμματα αναπαραγωγής πολυμέσων που δημιουργούνται με βάση το Flash. Η ανάπτυξή τους περιλαμβάνει τη χρήση μιας από τις γλώσσες scripting (συνήθως JavaScript):

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

Βασικά και εργαλεία ανάπτυξης Flash

Για τη δημιουργία κινούμενων εικόνων flash, τα παραδοσιακά εργαλεία της Adobe χρησιμοποιούνται συχνότερα:

• Adobe Flash Professional – ένα πρόγραμμα για τη δημιουργία διαδραστικών κινούμενων εικόνων (animator).
• Adobe Flash Builder – ένα περιβάλλον για τη δημιουργία διεπαφών εφαρμογών web.
• Το Adobe Flash Player είναι ένα πρόγραμμα αναπαραγωγής ενσωματωμένο στο πρόγραμμα περιήγησης για αναπαραγωγή Flash.

Επιπλέον, ορισμένες συσκευές μπορούν να αναπαράγουν περιεχόμενο πολυμέσων αυτού του τύπου. εφαρμογές τρίτων. Τα πιο δημοφιλή είναι το Gnash, το QuickTime και μερικά άλλα:

Αυτή η τεχνολογία σάς επιτρέπει να εμφανίζετε οποιοδήποτε τύπο γραφικών ( ράστερ, διάνυσμα, 3D). Υποστηρίζει επίσης αναμετάδοση ροής δεδομένων ήχου και βίντεο. Ειδικά για κινητές συσκευέςένα ελαφρύ Έκδοση Flash Lite.

Το κύριο πρότυπο για τα αρχεία Flash είναι η επέκταση SWF. Η συντομογραφία σημαίνει Small Web Format. Το βίντεο που έχει εγγραφεί σε Flash έχει τις επεκτάσεις αρχείων FLV, F4V.

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

Το μέγεθος αρχείου της εφαρμογής flash είναι το ίδιο για όλους τους χρήστες, ανεξαρτήτως τεχνικά χαρακτηριστικάανάλυση της οθόνης).

Η διαδραστική κινούμενη εικόνα στο Flash βασίζεται στη μεταμόρφωση (τύπος διανύσματος), στην οποία υπάρχει μια αργή ροή μεταξύ των βασικών καρέ. Για την αναπαραγωγή δεδομένων, χρησιμοποιείται ένα flash player, η λειτουργία του οποίου είναι από πολλές απόψεις παρόμοια με αυτή του εικονική μηχανή JavaScript. Το στοιχείο λογισμικού της τεχνολογίας υλοποιείται χρησιμοποιώντας τη γλώσσα ActionScript.

Τα μειονεκτήματα της τεχνολογίας περιλαμβάνουν τα ακόλουθα σημεία:

• Βαρύ φορτίο ΕΠΕΞΕΡΓΑΣΤΗΣμηχανή πελάτη. Αυτό οφείλεται στη χαμηλή απόδοση της εικονικής μηχανής Flash, η οποία είναι ενσωματωμένη στο πρόγραμμα περιήγησης του χρήστη μαζί με τη συσκευή αναπαραγωγής.
• Υψηλή πιθανότητα σφαλμάτων - η αναπαραγωγή κινούμενων εικόνων Flash μπορεί να συμβεί με μεγάλη πιθανότητα σφαλμάτων. Επιπλέον, οι αποτυχίες στην αναπαραγωγή Flash επηρεάζουν αρνητικά τη λειτουργία ολόκληρης της εφαρμογής πελάτη (browser). Αυτό οφείλεται στον ανεπαρκή έλεγχο της ανοχής σφαλμάτων του κώδικα προγράμματος κατά τη δημιουργία εφαρμογών Flash.
• Αποτυχία ευρετηρίασης - Όλο το περιεχόμενο κειμένου που εμφανίζεται στο περιεχόμενο Flash δεν ευρετηριάζεται. Αυτός ο περιορισμός είναι ιδιαίτερα προβληματικός για εκείνους τους πόρους που δημιουργούνται με βάση αυτήν την τεχνολογία.

Ανασκόπηση λογισμικού δημιουργίας Flash τρίτων κατασκευαστών

Λήφθηκε η πρωτότυπη εφαρμογή στην οποία θα δείξουμε τα βασικά της δημιουργίας Flash Sothink SWFΠιο γρήγορα. Σύμφωνα με πολλούς επαγγελματίες, το πρόγραμμα είναι το πιο κατανοητό και πιο εύκολο στην εκμάθηση.

Εκτός από τη δημιουργία και την επεξεργασία, το πρόγραμμα επεξεργασίας flash "μπορεί" να λειτουργήσει με όλους τους άλλους τύπους κινούμενων εικόνων ιστού (GIF, HTML και άλλα πρότυπα):

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

Για να κατανοήσουμε πώς να δημιουργήσουμε κινούμενα σχέδια flash σε αυτήν την εφαρμογή, θα χρησιμοποιήσουμε τα ενσωματωμένα πρότυπα. Το πλαίσιο διαλόγου "Νέο από πρότυπο" εμφανίζεται αμέσως μετά την έναρξη του προγράμματος. Επιπλέον, μπορεί να κληθεί μέσω του στοιχείου του κύριου μενού "Αρχείο". Μεταξύ των προσφερόμενων επιλογών, επιλέξαμε να δημιουργήσουμε ένα banner:

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

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

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

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

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

Δημιουργία νέου εγγράφου flash

Ανοίξτε το πρόγραμμα και δημιουργήστε νέο έγγραφο"ActionScript 3.0".

Ας σχεδιάσουμε ένα αντικείμενο για επόμενη κινούμενη εικόνα

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

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

Μετατροπή αντικειμένου σε σύμβολο για απλό κινούμενο σχέδιο

Για περαιτέρω εργασία, πρέπει να μετατρέψετε το αντικείμενο σε σύμβολο. Εφόσον ο κύκλος είναι ήδη επιλεγμένος, πατήστε το δεξί κουμπί του ποντικιού και κατάλογος συμφραζόμενωνεπιλέξτε «Μετατροπή σε σύμβολο».

Από τη λίστα "Τύπος", επιλέξτε "Γραφικό"

Ένα μπλε τετράγωνο θα πρέπει τώρα να εμφανιστεί γύρω από το αντικείμενό μας.

Δημιουργήστε ένα κλασικό κινούμενο σχέδιο (Classic Tween)

Για να δημιουργήσετε ένα κινούμενο σχέδιο, πρέπει να ορίσετε ένα "κλειδί πλαίσιο".

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

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

Επιλέξτε το πρώτο καρέ στην κλίμακα κινούμενων εικόνων και στο κύριο μενού στο επάνω μέρος, στο στοιχείο "Εισαγωγή", επιλέξτε "Classic Tween".

Δείτε το κινούμενο σχέδιο που δημιουργήθηκε

Τώρα μπορούμε να παρακολουθήσουμε το animation. Στο κύριο μενού, στο στοιχείο "Έλεγχος", επιλέξτε "Αναπαραγωγή".

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

Ας δούμε τι έγινε. Μεταβείτε στο "Control" και επιλέξτε "Αναπαραγωγή".

Ένα δωρεάν πρόγραμμα για τη δημιουργία κινούμενων εικόνων Flash χρησιμοποιώντας έτοιμες μικροεφαρμογές.

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

Με τον ένα ή τον άλλο τρόπο, όλοι έχουν αντιμετωπίσει το πρόβλημα του αποτελεσματικού σχεδιασμού των ιστοσελίδων τους. Και, καθώς ο στατικός κώδικας HTML γίνεται σταδιακά παρελθόν, πολλοί σήμερα στρέφουν την προσοχή τους σε δημοφιλείς τεχνολογίες όπως το JavaScript και το Flash. Σας επιτρέπουν να δημιουργείτε όμορφες κινούμενες δυναμικές σελίδες με προηγμένη λειτουργικότητα.

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

Αυτό το βοηθητικό πρόγραμμα σάς επιτρέπει να δημιουργείτε όλα τα είδη εφέ flash και JavaScript, τόσο δικά σας «από την αρχή» όσο και με βάση έτοιμα πρότυπα! Το Advanced Effect Maker υπάρχει σε πολλές εκδόσεις, οι οποίες διαφέρουν ως προς τον αριθμό των έτοιμων εφέ και τον βαθμό ελευθερίας του χρήστη. Ας συγκρίνουμε τις μέγιστες και τις δωρεάν διαμορφώσεις:

Σύγκριση της δωρεάν έκδοσης του Flash editor Advanced Effect Maker Free Edition με την εμπορική έκδοση Commercial Edition

Το μεγαλύτερο μειονέκτημα δωρεάν έκδοσηπρογράμματα - η παρουσία ενός είδους pre-apploder, που σας επιτρέπει να προβάλετε ορισμένα έτοιμα εφέ μόνο αφού κάνετε κλικ στο δημιουργημένο banner. Εδώ βασικά τελειώνουν όλες οι διαφορές :).

Εγκατάσταση προγράμματος

Η εγκατάσταση του Advanced Effect Maker πραγματοποιείται με τυπικό τρόπο, οπότε ας προχωρήσουμε απευθείας στην εργασία με το πρόγραμμα:

Κατά την πρώτη εκκίνηση, θα μας ζητηθεί να διαβάσουμε τη συμφωνία άδειας χρήσης. Για να το αποδεχτείτε, κάντε κλικ στο κουμπί «Συμφωνώ». Μετά από αυτό, μπορείτε να αρχίσετε να μελετάτε τη διεπαφή του βοηθητικού προγράμματος:

Διασύνδεση και εργασία με τον επεξεργαστή

Παρά αγγλική γλώσσα, όλα είναι απλά και ξεκάθαρα εδώ. Το παράθυρο Advanced Effect Maker χωρίζεται σε δύο μέρη. Στα αριστερά υπάρχουν μόνο δύο μεγάλα κουμπιά: το πρώτο είναι για την είσοδο στη συλλογή των διαθέσιμων εφέ και το δεύτερο για την προσθήκη πρόσθετων μικροεφαρμογών (αυτό είναι αν θέλετε να τα αγοράσετε;)). Στη δεξιά πλευρά βλέπουμε έναν κατάλογο διαθέσιμων προτύπων με υποενότητες και ένα παράθυρο προεπισκόπησης, καθώς και μια περιοχή επεξεργασίας εφέ.

Για να ξεκινήσετε την επεξεργασία του επιθυμητού προτύπου, απλώς κάντε κλικ στην εικόνα του και εάν θέλετε απλώς να δείτε πώς λειτουργεί, κάντε κλικ στο «Προεπισκόπηση» κάτω από την εικόνα:

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

Εάν το πρότυπο άνοιξε με επιτυχία, θα μπορέσουμε να δούμε πολλές καρτέλες που περιέχουν όλα τα είδη ρυθμίσεων:

Ρυθμίσεις προγράμματος και δημιουργία κινούμενων εικόνων

Η πρώτη καρτέλα είναι "Γενικά". Περιέχεται εδώ Γενικές Ρυθμίσειςέργο. Συνήθως πρόκειται για διαστάσεις (πλάτος - πλάτος και ύψος - ύψος), όνομα (όνομα αρχείου), ποιότητα του μελλοντικού αρχείου (ποιότητα) και επίσης η λειτουργία παραθύρου της ταινίας flash (λειτουργία παραθύρου).

Η δεύτερη καρτέλα, "Χρώμα", όπως υποδηλώνει το όνομα, είναι υπεύθυνη για τα χρώματα που χρησιμοποιούνται στο έργο. Όλα είναι πολύ ξεκάθαρα εδώ, οπότε ας προχωρήσουμε στο επόμενο - «Μηνύματα»:

Εδώ έχουμε δύο πεδία. Στο πρώτο πεδίο (στα αριστερά) εισάγουμε το κείμενο που πρέπει να εμφανίσουμε με ειδικό εφέ και στο δεύτερο - τον σύνδεσμο που θα ακολουθήσει ο χρήστης κάνοντας κλικ στο banner μας. Το πλεονέκτημα του Advanced Effect Maker είναι ότι μπορούμε να εισάγουμε απεριόριστο αριθμό γραμμών κειμένου (καθώς και συνδέσμους), αλλά το κύριο μειονέκτημα είναι η έλλειψη υποστήριξης για τη ρωσική γλώσσα:(.

Οι επόμενες δύο καρτέλες χρησιμοποιούνται για τη διαχείριση γραμματοσειρών (Fonts) και ιδιοτήτων κινούμενων εικόνων (Others), αντίστοιχα. Μια προειδοποίηση: εάν θέλετε να χρησιμοποιήσετε εναλλακτικές γραμματοσειρές TTF, θα πρέπει πρώτα να μετατραπούν για να είναι συμβατές με το Advanced Effect Maker. Για να το κάνετε αυτό, καλέστε το εργαλείο "Μετατροπή γραμματοσειρών" από το μενού "Εργαλεία" και, έχοντας επιλέξει την επιθυμητή γραμματοσειρά, κάντε κλικ στο κουμπί "Μετατροπή":

Όταν γίνουν όλες οι αλλαγές, μπορούμε να κάνουμε κλικ στο κουμπί «Δημιουργία μικροεφαρμογής». Μετά από αυτό, δύο αρχεία θα δημιουργηθούν στον φάκελο προορισμού του έργου: SWF (άμεση κινούμενη εικόνα) και HTML (περιέχει οδηγίες για την εφαρμογή της κινούμενης εικόνας που προκύπτει στον κώδικα της σελίδας σας:

Αποθήκευση αποτελεσμάτων εργασίας

Ωστόσο, δεν είναι μόνο αυτό. Με το Advanced Effect Maker μπορείτε να δημιουργήσετε το δικό σας εφέ με βάση ένα υπάρχον ή εντελώς από την αρχή! Για να το κάνετε αυτό, μεταβείτε στο μενού "Εργαλεία" και ενεργοποιήστε το στοιχείο "Προσθήκη":

Εδώ θα χρειαστεί πρώτα να ορίσετε ένα όνομα για το νέο έργο, καθώς και κάποιες άλλες παραμέτρους (προαιρετικό). Μετά από αυτό, μπορείτε να κάνετε κλικ στο κουμπί "Δημιουργία Applet" και θα μεταβούμε απευθείας στο παράθυρο επεξεργασίας εφέ:

Υπάρχουν πολλά κουμπιά εδώ που σας επιτρέπουν να εισάγετε ορισμένες τυπικές λειτουργίες στο σενάριο μελλοντικών εφέ. Το μόνο πρόβλημα είναι ότι θα πρέπει να εισαγάγετε όλες τις απαραίτητες μεταβλητές και τιμές χειροκίνητα και αυτό απαιτεί κάποιες δεξιότητες προγραμματισμού σε ActionScript ή JavaScript :(.

συμπεράσματα

Το Advanced Effect Maker μπορεί να απευθύνεται σε αρχάριους σχεδιαστές ιστοσελίδων, καθώς σας επιτρέπει να δημιουργείτε αβίαστα αρκετά εντυπωσιακά banner, κινούμενα μενού, slideshows και ακόμη και μικρά παιχνίδια (όπως tag). Το μειονέκτημα με τη μορφή ενός προ-εφαρμογέα (εάν υπάρχει στο επιλεγμένο εφέ) μπορεί να εξαλειφθεί χρησιμοποιώντας ειδικά προγράμματα απομεταγλώττισης αρχείων SWF (συμπεριλαμβανομένων των δωρεάν) ;).

Καλή επιτυχία σε όλες τις προσπάθειές σας και δημιουργική επιτυχία!

ΥΣΤΕΡΟΓΡΑΦΟ. Χορηγείται άδεια για την ελεύθερη αντιγραφή και παράθεση αυτού του άρθρου, υπό την προϋπόθεση ότι αναφέρεται ένας ανοιχτός ενεργός σύνδεσμος προς την πηγή και διατηρείται η πατρότητα του Ruslan Tertyshny.