Übersicht: In this piece of writing I will portray one on the main quality of Flash, which is identified as ‘2D Animation’. In this session I will cover how to generate a new clean movie file, und die Werkzeuge und in der Schöpfung Ihre erste einfache Animation beteiligt Schritte von 'Bewegungs-Tweens ".
Einführung: 2D-Animation Statistiken sind so geformt und / oder auf dem Computer verkürzt mit Hilfe von 2D-Bitmap-Grafiken oder geformt und verkürzt mit Hilfe von 2D Vektorgrafiken. Dazu gehören programmierte mechanisierte Versionen herkömmlicher Animationstechniken wie etwas in Stück zu schreiben allmählich ändern hinzufügen, Zwiebelschalen und etwas in Stück des Schreibens decompose Scoping hinzufügen. 2D-Animation hat viele Anwendungen, mit analogen Computer-Cartoon, Flash-Cartoon und Powerpoint-Cartoon Cinema Grafiken sind noch Fotos im Aussehen eines animierten GIF-Datei von denen ein Teil animiert. Nowadays, animated logos are also a great way to stand out, so if you’re interested in those, be sure to click here.
Bild 1: Zeige Editor
Eröffnung in New File in Flash:
Beginnen mit, Ich werde Blitz öffnen, indem Sie in der Liste auf das Start-Symbol klicken, das ich installiert habe es innerhalb. Wenn dies Ihr primäre Instanz Laden der Anwendung, es wird mich fragen, außerdem Designer oder Entwickler Ansicht wählen, und eine Erklärung, dass passt meine Monitoreinstellungen (dies ist auf die Versionen von Flash vor dem MX nicht anwendbar). Für unsere Zwecke in dieser Lektion habe ich Designer Ansicht ausgewählt, und mein Bildschirm wird auf eine Erklärung von 1024 festgelegt×768. (Ich kann immer dies später ändern, indem Sie auf die Schaltfläche “Fenster” Option in der oberen Werkzeugleiste und wählen Sie dann “Abschnitt Set”.) Einmal habe ich abgeschlossen, um, Ich werde eine leere Entlassung von Instrumentensatz umgeben beobachten, verwandt mit dem Flügel auf der Oberseite.
Anpassen der Dokumenteinstellungen:
Image2: Zeige Dokumenteinstellungen
Die Leinwand ist auf eine Umgehung Größe eingestellt; weil ich eher bei Standardgrößen und Aspekte Verhältnisse für Web-Produktion zu arbeiten, Ich bin zu verlassen meine Leinwandgröße aus dem Standard zu ändern, von 550 Pixel breite x 400 Pixel hoch auf eine kleinere Größe 320 x 240. Ich bin zu verlassen, dies zu tun, indem Sie die Taste auf der Registerkarte Eigenschaften klicken–die Platte direkt unter der Leinwand und funktionierenden Bereich–dass zeigt die Leinwandgröße; Dadurch wird ein neues Pop-up-Fenster öffnen den Eigenschaften des Dokuments enthält,. Für jetzt brauchen Sie nur drei Dinge, ängstlich zu sein: der Text Menge, die Kulisse Farbe, und die Grenzgeschwindigkeit.
Ich werde meine Größe zu regulieren 320 x 240 von mir Eingabe der Grundsätze in die Sitze bieten, verwenden, um die Farbe Streik ein Glühen weißen Hintergrund zu wählen, und gehen Sie die Frame-Rate weg eingestellt auf 24 fps (FPS). Dies ist der säumige Grenzgeschwindigkeit für Mesh-Herstellung; für das Fernsehen und andere Medienproduktion, es ist in der Lage so hoch gehen, wie 30 Bilder pro Sekunde. 12 ist alles, was ich für das Web für Flash-Animation tatsächlich benötigen; es immer noch erlaubt eine zuverlässige Bewegungs gießen, aber vermeiden meine Ordnerkapazität durch Hinzufügen zusätzlicher Grenze erhöhen.
Öffnen zu der Haupt-Symbolleiste und skizzieren eine Figur:
image3: Zeige Werkzeugleisten
Dies ist auf der rechten Seite des Fensters befindet, Ich werde das Bedienfeld Werkzeuge sehen, mit Symbolen karitativen ich zu den Hauptfunktionen Zulassung werde ich anfangen müssen Zeichnen und Animieren in Flash CS6. Anfangen mit, Ich kann in der Lage auf das Symbol klicken, das wie eine Hand aussieht, in der rechten Spalte etwa in der Mitte unter der “View” Überschrift. Dies ist das (angemessen und humoristisch benannt) Handwerkzeug; wenn ich auf und ziehen die Maus in meinem Arbeitsbereich mit diesem Tool ausgewählt, Ich kann genau meine Leinwand zu ziehen, bis es gelegen ist, wo Sie erfüllen.
die Gerade, wenn ich meine Arbeit Raum bekommen haben etabliert glücklich, Lassen Sie uns versuchen, etwas Zeichnung. Unter dem Oberteil des Gerätes Board Snap auf den Druckknopf einen blassen Ring Umriss in schwarz zeigen; dies ist das Oval-Werkzeug. Ich kann dies gilt jede Kreisform zu zeichnen. Unter dem Rest der Werkzeuge sind zwei Farb-Picker Fenster: eine für die “Schlaganfall” (durch eine Grafik eines Bleistift vertreten) und die andere für die “Füllen” (durch eine Grafik eines Tönung Eimer dargestellt). Die Liebkosung ist die Farbe der Form zeichnen Runde, wie die Füllung ist die Farbe in der Form. Ich werde mir den Schlaganfall zu schwarz und mich satt zu einem dunkelroten gesetzt, und dann einen kleinen Kreis in der höheren linken Ecke meiner Leinwand ziehen durch Klicken und Ziehen der Form erwartet, ist in der benötigten Größe früher als die Freigabe.
Anzeigen der Timeline:
image4: Zeige Zeitlinien
Zur Zeit früher, als wir rechts in die belebende springen, Lassen Sie uns auf einen weiteren Bereich des Fensters einen Blick nehmen: die Timeline, über den Arbeitsbereich festgelegt (im Bild dargestellt unter). Die Timeline ist in zwei Spalten getrennt: die Schichten Spalte, und die tatsächliche Zeitleiste selbst, in einzelne Bilder getrennt; die absteigende rote Linie markiert Ihren aktuellen Standort im Frameset. Das Frameset ist eine der hauptsächlich bedeutende Ausrüstung in Flash; es erlaubt mir, den Überblick über Ihre verschiedenen Objekte und Formen und Schicht sie sind, auf denen zu halten, sowie Verwahrung Weg meiner Animation Schlüsselbilder und deren Timing und Zuordnung. Der größte Teil der Arbeit meiner Animationen werden hier gemacht.
As you can see, in der Gegenwart genau haben wir eine Schicht (mit dem Kreis in dem früheren Schritt gezogen) mit einer Timeline mit Hilfe von diesem Thread im Zusammenhang mit. Die erste Grenze des Frameset wird an anderer Stelle mit Hilfe eines kleinen schwarzen Fleck Marke grau; dass das, was bedeutet, dass dieser Rahmen ein Schlüsselbild ist, mechanisch, als ich zog den Kreis oben auf dieser Grenze geformt. In Befehl in Richtung des Atmens durch tweening, Ich muss Lösung Rahmen erklären; fehlt ihnen Blitz Beginn oder das Ende Punkte hat zu animieren zwischen.
Konvertieren Sie Ihre Form zu einem Symbol:
image5: Zeige Umwandlung
Früher, als wir zusätzliche gehen, fordern wir einige Änderungen an unserem Kreis zu erstellen. Warum Austausch benötigen wir die Form, die wir von nun an ein wenig anders gezeichnet haben? Da Flash tweenen nicht üblich Formen; wenn Sie versuchen sogar, da der Stoff eine zwischen relevant sein sollen, immer noch prägt, es wird nicht funktionieren, so tauschen wir sie auf Symbole; es wird keine zusätzliche nehmen als einen Augenblick.
Einfach mit der rechten Maustaste auf meinem Kreis und wählen Sie “Symbol konvertieren”. Ein Popup-Fenster erscheint, zu fragen, was ich das Symbol und welche Verhalten gültig sein, um es zu nennen wollen; Geben Sie einen Namen, und wählen Sie “Grafik”; die anderen Optionen werden später eingeschlossen werden, in höher entwickelten Unterricht. Klicken “OK”; Sie werden sehen, die durch den blauen Umriss in der Nähe es in Ihrem Objekt verwandeln. Dieses Symbol wird nun in den Blick kommen in den Aufzeichnungen, which I be able to sight by using function key F11 or click on casement records; at what time code or substance be listed in the records, they be able to live reuse at some direct by just tardy them on the hessian.
Now, let’s get back to animating. On the next page, we’ll produce another key frame so that we can tell Flash to animate in between them.
Creating a New Key Frame:
Image6: Showing key frame
Let’s seem at the timeline again. If I’ll keep in mind, we set the frame rate for this document to 12 Bilder pro Sekunde; that earnings that twelve of the blocks in the timeline will create up one second of animation. I desire my circle to move over one second, so I’m leaving to click on the twelfth block; the timeline is marked in increments of five, so zählen nur zwei nach den zehn Indikatoren. Wenn ich einen Rechtsklick auf der Grenze, Ich werde zwei Master-Rahmenoptionen beobachten: legte im Master-Rahmen und setzen in Blank Siebmutterrahmen. Ich werde wünschen auf Einfügen Master Rahmen zu drücken; dies automatisch kopiert die ganze Sache auf dem vorherigen Keyframe (zusammen mit unserem Kreis) auf den neuen Keyframe.
Nach Klick “Insert Keyframe”, können Sie sehen, dass jetzt der 12. Frame und spürbar mit einem Punkt graut, genau wie die erste; der Spalt zwischen ihnen ist ebenfalls abgeblendet, mit dem 11. Rahmen auffällig von einem kleinen weißen vierseitige Figur. Dies bedeutet, daß ohne weiteres verfügbar ist keine Bewegung oder “Tween” befindet sich in auf dem Rahmen flankiert von; Blitz hat mechanisch einen Einfluß auf diese Rahmen platziert, so dass sie endlos mit einem Replikat des Key-Frame füllen.
Moving Symbol on a New Frame:
Now we’re departing to go back to our workspace; creating sure that I have still on frame 12 (the
Image7: Showing new frame
red timeline indicator have to be over that frame), use the Arrow tool to select the circle that I drew previous to; I will be talented to tell that it’s selected by the blue outline nearby it again. Click and drag on the circle to move about it wherever on your canvas; I’m leaving to move mine to the lower right-hand corner of my active space. (If not you want to animate your shape moving off-screen, don’t move it into the gray area nearby the canvas; objects in the gray area do not demonstrate up on the final animation.)
If I go back to my timeline and click on frame 1, pressing the “Enter” Schlüssel werden alle meine Animation spielen; though, es sieht nicht ganz richtig, macht es? Der Kreis Überbleibsel in der einzigartigen Position für die ersten elf Frames, früher plötzlich auf die Original-Website Schnappen. In der nach diesem Schritt werde ich die Mühe gemacht von werden lassen, so dass durch die Bewegung zwischen anwenden.
image8: Zeige Symbol Bearbeitungsmenü
Hinzufügen zusammen, um eine Bewegung zwischen meinem Bewegtbild:
Denken Sie es oder nicht, Dies ist der einfache Teil. in Flash, “tweening Bewegung” getragen wird, um die Methode zu erklären, wo mechanisch das Programm den Rahmen schafft, flankiert von Keyframe-A einer Timeline und Keyframe B des Objekts auf eine glatte Animation des Objekts darstellt, machen von einem Ort zum anderen zu berühren. Dies ist vielfältig aus “Form-Tweening” denn es hat keinen Einfluss auf die Substanz Form, Dimension, oder Farbe, but I will wrap so as to in the after that session.
To relate my motion tween, simply click and drag my mouse from frame 1 to frame 12 to select them; then you can moreover right-click on the frames and select “Create Motion Tween”, or I can click on the “Tween” dropdown in the Properties tool panel and select “Motion”. (Go away the other options at their default settings.) The artificial frames will turn a shade of pale violet, and an arrow will come into view stretching from the first keyframe to the last; this is the sign of a winning motion tween. (If the frames go round violet but the arrow is replaced by a ruined line, right-click and choose “Remove Tween” before verifying that you’ve finished the steps correctly.)
Image9: Showing final animation
Fazit:I have now effectively finished my first animation; to play it, just push ‘Ctrl Enter’ key on the timeline, or preview by selecting File -> quick look in Browser to see what it will look like when exported. I have to see your circle touching smoothly from Start point to end point, with not any faults in between.
Practice drawing shapes and by motion tweens on them waiting I am sure I have got the hang of it; try attainment inspired with it, and see what I can come up with.
