So erstellen Sie eine Flash-Animation (mit Bildern)

Flash ist das führende Medium für Animation im Internet, und sogar auf anderen Formaten wie Fernsehen. Das Erstellen einer einfachen Flash-Animation in Flash ist eigentlich ziemlich einfach zu erreichen, da Flash viele nützliche Tools bietet, die den gesamten Prozess vereinfachen. Wenn Sie eine Idee für eine Flash-Animation oder einen Cartoon haben, können Sie wahrscheinlich in nur ein paar Stunden eine grobe Skizze gehen. Siehe Schritt # 1 unten, um zu lernen, wie man Erstellen Sie eine Flash-Animation.

Unterstützung für Adobe Flash endet im Dezember 2020.Nach dieser Zeit ist es nicht mehr möglich, Flash zu verwenden.

Dieser Artikel wurde als historisch gekennzeichnet.

Adobe Flash Player wurde abgebrochen und am 12. Januar 2021 aufgehört.(Posted 2021-01-12).

Schritte

Teil 1 von 3:

Machen Sie eine Frame-by-Frame-Flash-Animation

1. Verstehen Sie die Grundlagen der Frame-by-Frame-Animation. Dies gilt als das "traditionell" Animationsmethode, dadurch, dass jeder Frame das gleiche Bild hat, aber leicht verändert. Wenn die Frames zusammen gespielt werden, scheinen sich die Bilder zu bewegen. Dies ist die gleiche grundlegende Technik, die von traditionellen Hand-Animatoren verwendet wird, und ist zeitaufwändiger als das Tweening (siehe den nächsten Abschnitt).

Standardmäßig produziert Flash Animationen bei 24 Frames pro Sekunde (FPS). Das heißt, eine Sekunde der Animation hat 24 Frames, aber nicht jeder Frame muss anders sein. Sie können dies anpassen, wenn Sie möchten, und viele Flash-Animationen verwenden 12 fps, aber 24 werden viel produzieren "sanfter"-Animation aussehende Animation.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 2

2. Installieren Sie Flash Professional. Es stehen verschiedene Flash-Animationsprogramme zur Verfügung, aber der leistungsstärkste ist Adobes Flash Professional CC. Sie können die Testversion kostenlos installieren, oder Sie können ein anderes Produkt verwenden, wenn Sie das Abonnieren von Adobes Creative Cloud nicht ansprechen. Der Rest dieses Artikels bezieht sich auf Flash Professional oder ein anderes Bearbeitungsprogramm als "Blitz".

Bildtitel Erstellen Sie eine Flash-Animation Schritt 3

3. Erstellen Sie Ihr Vermögen. Da die Frame-by-Frame-Animation mehrere Bilder mit leichten Unterschieden erfordert, müssen Sie alle diese Vermögenswerte von Hand erstellen. Sie können sie alle erstellen, bevor Sie beginnen, oder machen Sie sie so, wie Sie gehen. Sie können das Flash-Programm verwenden, um direkt in Ihrem Projekt zu zeichnen, oder Sie können Ihr Vermögen in Ihrem bevorzugten Bild-Erstellungsprogramm zeichnen.

Wenn Sie möchten, dass Ihre Bilder, ohne die Qualität zu skalieren, möchten Sie sie als Vektoren anstelle von Raster erstellen. Vector Bilder werden sich selbst neu erneuert, wann immer sie skaliert werden, was bedeutet, dass es keine Pixelation oder Aliasing gibt. Rasterbilder sind die traditionellen Bilder, die Sie wahrscheinlich gewöhnt sind (Fotos, Farbbilder usw.). Diese skalieren nicht gut und können recht hässlich aussehen, wenn Sie sie größer machen wollen.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 4

4. Erstellen Sie Ihren ersten Rahmen. Wenn Sie zuerst Blitz starten, haben Sie eine leere Ebene und eine leere Zeitleiste. Wenn Sie Frames hinzufügen, wird Ihre Timeline automatisch aufgefüllt. Sie können mit den Schichten viel auf dieselbe Weise interagieren, wie Sie in Photoshop würden.

Bevor Sie Ihr Bild hinzufügen, erstellen Sie einen grundlegenden Hintergrund für Ihren Film. Umbenennen von Layer 1 bis "Hintergrund" und verriegeln Sie dann die Schicht. Erstellen Sie eine zweite Ebene und nennen Sie es, was Sie möchten. Dies ist die Ebene, auf der Sie Ihre Animation erstellen.

Fügen Sie Ihre Zeichnung in den ersten Rahmen hinzu. Sie können entweder Ihre Zeichnung von Ihrem Computer importieren, oder Sie können Flashs Zeichnungswerkzeuge verwenden, um eine Zeichnung direkt im Programm zu erstellen.

Ihr erster Rahmen ist ein Keyframe. Keyframes sind Frames mit einem Bild und bilden das Rückgrat Ihrer Animation. Sie erstellen jedes Mal einen neuen Keyframe, wenn das Bild ändert.

Keyframes werden von einem schwarzen Punkt in der Timeline bezeichnet.

Sie benötigen kein neues Bild in jedem Rahmen. Im Allgemeinen mit einem Keyframe werden alle vier-fünf-Frames eine gute Animation erzeugen.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 5

5. Verwandeln Sie Ihre Zeichnung in einen Symbol. Wenn Sie Ihre Zeichnung in ein Symbol drehen, können Sie ihn problemlos mehrmals in einem Rahmen hinzufügen. Dies ist besonders nützlich, wenn Sie schnell mehrere Objekte erstellen müssen, beispielsweise eine Fischschule.

Wählen Sie Ihre gesamte Zeichnung aus. Klicken Sie mit der rechten Maustaste auf die Auswahl und wählen Sie "In Symbol umwandeln". Dadurch wird das Bild Ihrer Bibliothek hinzugefügt, in dem Sie in der Zukunft schnell zugreifen können.

Löschen Sie die Zeichnung. Mach dir keine Sorgen! Sie werden es wieder an die Szene hinzufügen, indem Sie einfach das Objekt aus Ihrer Bibliothek ziehen. Sie können mit Leichtigkeit mehrere Instanzen derselben Zeichnung hinzufügen!

Bildtitel Erstellen Sie eine Flash-Animation Schritt 6

6. Fügen Sie einige leere Frames hinzu. Wenn Sie Ihren ersten Rahmen bereit haben, können Sie Ihre leeren Frames hinzufügen, die zwischen dem ersten Keyframe und dem zweiten Keyframe vorhanden sind. Drücken Sie F5 vier oder fünfmal, um nach dem ersten Keyframe leere Rahmen hinzuzufügen.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 7

7. Erstellen Sie Ihren zweiten Keyframe. Sobald Sie ein paar leere Frames hinzugefügt haben, können Sie Ihren zweiten Keyframe erstellen. Es gibt im Wesentlichen zwei verschiedene Möglichkeiten, wie Sie dies tun können: Sie können Ihren vorhandenen Keyframe kopieren und kleine Anpassungen vornehmen, oder Sie können einen leeren Keyframe erstellen und ein neues Bild einfügen. Wenn Sie Kunst in einem anderen Programm erstellt haben, möchten Sie die zweite Methode. Wenn Sie Ihre Kunst mithilfe von Flashs Design-Tools erstellt haben, verwenden Sie die erste Methode.

Um einen KeyFrame mit dem Inhalt des vorherigen Keyframes zu erstellen, drücken Sie F6. Um einen leeren Keyframe zu erstellen, klicken Sie mit der rechten Maustaste auf den letzten Frame in Ihrer Timeline und wählen Sie aus "Leerer Keyframe einfügen". Alles in Ihrer Szene wird entfernt.

Nachdem Sie Ihren zweiten Keyframe erstellt haben, müssen Sie das Bild anpassen, um die Bewegung zu ergeben. Wenn Sie Flashs Design-Tools verwenden, können Sie das Transformationstool verwenden, um Aspekte Ihrer Zeichnung auszuwählen, und bewegen Sie sie leicht, beispielsweise den Arm eines Stick-Person.

Wenn Sie für jeden Keyframe neue Technik einfügen, möchten Sie sicherstellen, dass er an derselben Stelle oder in der nächsten logischen Speicherort auf dem Bildschirm platziert wird. Dadurch wird sichergestellt, dass die Kunst nicht zwischen den Frames herum springt.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 8

8. Wiederholen Sie den Prozess. Nun, da Sie zwei Keyframes erstellt haben, ist es Zeit, sich zu iterieren. Sie werden im Wesentlichen den gleichen Prozess wiederholen, bis Sie mit Ihrer Animation abgeschlossen sind. Fügen Sie ein paar leere Rahmen zwischen jedem Keyframe hinzu und stellen Sie sicher, dass Ihre Bewegungen flüssig aussehen.

Machen Sie kleine, inkrementelle Änderungen. Ihre Animation sieht viel glatter aus, wenn Sie den Keyframe sehr kleine Änderungen vornehmen. Wenn Sie beispielsweise einen Stick-Person, der einen Arm winkt, möchte, sollte Ihr zweiter Keyframe nicht das andere Ende der Welle sein. Verwenden Sie stattdessen ein paar Keyframes, um vom Anfang der Welle bis zum Ende zu übergeben. Dies erzeugt eine viel glattere Animation.

Teil 2 von 3:

Eine Punkt-zu-Punkt-Animation (Tweening)

1. Verstehen die Grundlagen von spaten. Flash enthält eine Funktion namens Tween, mit der Sie im Wesentlichen Start- und Endpunkte für Ihr Objekt festlegen können. Flash verschiebt dann das Objekt basierend auf Ihren Einstellungen zwischen diesen beiden Punkten, wodurch die Illusion der Animation erstellt wird. Sie müssen keine Bilder für jeden Keyframe erstellen, wie Sie mit der Frame-by-Frame-Animation.

Das Tweening ist besonders nützlich zum Erstellen "Morphing" Effekte, wo ein Objekt über den Kurs der Animation zu einem anderen wird.
Frame-by-Frame-Animation und Tween können in Verbindung in demselben Film verwendet werden.
Sie können nur ein Objekt haben, das sich jeweils zu einer Bewegung unterzieht. Dies bedeutet, dass, wenn Sie mehrere Objekte auf einmal animieren möchten, dass sie alle auf separaten Ebenen sein müssen.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 10

2. Erstellen Sie Ihr erstes Objekt. Im Gegensatz zu der Frame-by-Frame-Animation müssen Sie nicht mehrere Objekte erstellen, um mit der Tween-Funktion zu animieren. Stattdessen erstellen Sie ein Objekt und ändern dann während des Tween-Prozesses seine Eigenschaften.

Es wird dringend empfohlen, dass Sie Flashs eingebaute Design-Tools verwenden oder Ihr Bild von einem Vektorzeichnungsprogramm importieren. Vektoren können leicht ohne Verzerrung skalieren, während traditionelle Rasterbilder nicht gut skaliert werden.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 11

3. Konvertieren Sie Ihr Objekt in ein Symbol. Um zu einem Tween Ihres Objekts zu gelten, müssen Sie es in ein Symbol konvertieren. Dies ist das Format für Objekte, mit denen Flash verwendet werden, um sie zu manipulieren. Wenn Sie versuchen, zwischen einem Objekt, das nicht in ein Symbol getroffen wurde, versuchen, werden Sie zuerst aufgefordert.

Klicken Sie mit der rechten Maustaste auf Ihr Objekt und wählen Sie aus "In Symbol umwandeln" Das Objekt wird in Ihre Bibliothek hinzugefügt, wodurch es einfach ist, Objekte zu klonen.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 12

4. Erstellen Sie Ihren ersten Motion Tween. Ein Motion Tween bewegt das Objekt von einem Speicherort mit der rechten Maustaste auf das Symbol in Ihrer Szene und wählen Sie "Bewegung Tween erstellen". 24 Frames werden Ihrer Timeline hinzugefügt, da dies die Standardlänge eines Tween ist. Denken Sie daran, dass der Flash standardmäßig bei 24 Frames pro Sekunde animiert wird, was bedeutet, dass diese Bewegung zwischen Tween eine Sekunde dauert, um abzuschließen.

Wenn Sie den Motion Tween erstellen, werden Sie automatisch in den letzten Rahmen der Tween verschoben.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 13

5. Erstellen Sie die Flugbahn. Sobald Sie die Tween erstellt haben, können Sie das Objekt an den Ort verschieben, an dem Sie möchten, dass sie enden. Flash zeigt die Trajektory-Linie an, die unterstrichen ist, um den Standort des Objekts für jeden Rahmen der Tween anzuzeigen.

Wenn Sie zunächst die Flugbahn erstellen, ist es eine gerade Linie vom Startpunkt zum Ending-Punkt.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 14

6. Erweitern Sie Ihre Hintergrundrahmen. Wenn Sie jetzt Ihre Animation lief, würde Ihr Objekt in der Flugbahn entlang sein, aber Ihr Hintergrund würde nach einem Rahmen verschwinden. Um dies zu beheben, müssen Sie Ihren Hintergrund über alle Frames der Animation erweitern.

Wählen Sie Ihre Hintergrundebene in der Timeline aus. Klicken Sie auf den letzten Frame in Ihrer Timeline, der auch der Rahmen sein sollte, der Ihre Bewegung zwischen Tween endet. Drücken Sie F5 Umrahmen bis zu diesem Punkt einzufügen, wodurch Ihr Hintergrund während der gesamten Tween angezeigt wird.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 15

7. Keyframes hinzufügen. Das Hinzufügen von Keyframes an Ihre Trajektorie ermöglicht es Ihnen, Ihr Objekt während der Bewegung zwischen Tween umzuwandeln.Sie können nur Änderungen an einem Objekt vornehmen, wenn es keyframed ist. Um Ihrer Trajektory Keyframes hinzuzufügen, wählen Sie zuerst den Rahmen in der Timeline, in der Sie einen Keyframe verwandeln möchten. Klicken Sie anschließend auf das Objekt in die Position, in der Sie möchten, dass es in diesem Rahmen steht. Ihre Trajektorie passt sich automatisch an, und dem Timeline wird ein Keyframe hinzugefügt. Keyframes werden von Diamant-Symbolen in der Timeline bezeichnet.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 16

8. Passen Sie Ihre Tween-Trajektorie an. Um den Pfad Ihres Objekts zu ändern, können Sie jeden der Rahmenpositionsmarker auf dem Pfad zu einem neuen Speicherort klicken und ziehen. Vermeiden Sie es, auf den Pfad zu viel Variation zu setzt, oder das Objekt bewegt sich auf unregelmäßige Mode (es sei denn, dies ist Ihr Ziel!).

Bildtitel Erstellen Sie eine Flash-Animation STEP 17

9. Verwandeln Sie Ihr Objekt. Sobald Sie Ihre Keyframes und Trajektory eingerichtet haben, können Sie Ihr Objekt so verwandeln, dass sich er ändert, da sie sich durch die Bewegung zwischen Tween Trajektory bewegt. Sie können die Form, Farbe, die Rotation, die Größe und jede andere Eigenschaft des Objekts ändern.

Wählen Sie den Rahmen aus, in dem Sie möchten, dass die Transformation auftritt.

Öffnen Sie das Eigenschaften des Objekts. Sie können drücken Strg+F3 Wenn das Panel derzeit nicht sichtbar ist.

Ändern Sie alle Werte im Eigenschaftenfenster, um das Objekt auszubessern. Sie können beispielsweise den Farbton oder die Farbe ändern, Filter hinzufügen oder die Skala ändern.

Sie können auch das Free Transform-Tool verwenden, um die Form frei zu ändern, aber Sie möchten.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 18

10. Machen Sie Ihren Tween die Übernachtungen. Testen Sie Ihre Bewegung zwischen Tween, indem Sie drücken Strg+ ↵ ENTER. Stellen Sie sicher, dass die Transformationen gut aussehen und die Animation mit der richtigen Geschwindigkeit bewegt. Wenn sich Ihre Animation zu schnell bewegt, können Sie entweder das FPS der Szene absenken oder die Tween-Spanne erhöhen.

Standardmäßig ist das FPS 24, also senken Sie es auf 12. Klicken Sie dazu auf die Szene außerhalb der Szene und ändern Sie die FPS in das Eigenschaftenfenster. Um 12 zu ändern, verdoppeln Sie die Länge Ihrer Animation, kann es jedoch mehr machen "ruckartig".

Um Ihren Tween-Bereich zu ändern, wählen Sie die Ebene, die den Tween enthält, und verwenden Sie den Schieberegler, um ihn herauszuziehen. Wenn Sie möchten, dass die Tween doppelt so lang ist, erweitern Sie es auf 48 Frames. Stellen Sie sicher, dass Sie leere Rahmen in Ihre Hintergrundschicht einlegen, so dass der Hintergrund durch die Animation nicht auf halbem Weg verschwindet. Um den Hintergrund zu erweitern, wählen Sie die Ebene aus, klicken Sie auf das letzte Feld der Animation in der Timeline, und drücken Sie dann F5

Teil 3 von 3:

Hinzufügen von Sound und Musik

1. Notieren Sie sich oder finden Sie Ihre Soundeffekte und Musik. Sie können Soundeffekte für Aktionen hinzufügen, die in Ihrer Animation auftreten, um es zu erleichtern, dass es herauskommt, und geben Sie eine Persönlichkeit. Musik macht Ihre Animation immer immer mehr, und kann eine gute Animation in einen unglaublichen. Flash unterstützt eine Vielzahl von Dateiformaten, einschließlich AAC, MP3, WAV und AU. Wählen Sie aus, in dem Ihnen die beste Qualität für die niedrigste Dateigröße gibt.

MP3 gibt Ihnen normalerweise eine perfekt akzeptable Klangqualität, während Sie die Dateigröße auf ein Minimum halten. WAV-Dateien vermeiden Wenn möglich, da diese oft ziemlich groß sind.

Bildtitel Erstellen Sie eine Flash-Animation Schritt 20

2. Importieren Sie die Sounddateien in Ihre Bibliothek. Bevor Sie Ihr Projekt Sounds hinzufügen können, müssen sie der Flashs-Bibliothek hinzugefügt werden. Auf diese Weise können Sie sie schnell zu Ihrem Projekt später hinzufügen. Klicken Sie auf Datei → Importieren → In die Bibliothek importieren. Suchen Sie nach der Sounddatei auf Ihrem Computer. Stellen Sie sicher, dass die Sounddatei einen einfach zu erinnernden Namen hat, sodass Sie es später schnell in der Speisekarte finden können.

Bildtitel Erstellen Sie eine Flash-Animation STEP 21

3. Erstellen Sie für jede Sounddatei eine neue Ebene. Dies ist nicht streng notwendig, da Sie den vorhandenen Layer Sound erheben können, aber jede Datei auf seine eigene Ebene einsetzen, geben Ihnen viel mehr Kontrolle über das Fading ein- und aus, wenn Sie anfangen und anhalten, und es ist einfacher, Geräusche zu bewegen.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 22

4. Erstellen Sie einen Keyframe, an dem der Sound startet. Wählen Sie auf der Ebene des Sounds den Rahmen in der Animation aus, in der Sie den Klang beginnen möchten. Drücken Sie F7 Einen leeren Keyframe einfügen. Wenn Sie beispielsweise eine Musikdatei aufnehmen möchten, die für die Dauer der Animation spielt, wählen Sie den ersten Frame auf der Ebene der Musikdatei aus. Wenn Sie ein Dialog für ein Zeichen hinzufügen, wählen Sie den Rahmen aus, in dem der Charakter spricht.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 23

5. Fügen Sie die Ton- oder Musikdatei hinzu. Im Eigenschaftenrahmen sehen Sie einen Tonabschnitt. Möglicherweise müssen Sie es erweitern, um die Optionen anzuzeigen. Drücke den "Name" Menü und wählen Sie die gewünschte Datei aus Ihrer Bibliothek aus.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 24

6. Konfigurieren Sie die Sounddatei. Sobald Sie eine Datei ausgewählt haben, können Sie so konfigurieren, wie es abgespielt wird. Was Sie auswählen, basieren auf dem, was Sie brauchen, um in der Animation zu erfüllen. Sie können den Effekt, die Sync und die Wiederholungseinstellungen jedes Tons ändern, indem Sie das Menü unter dem Namensmenü im Eigenschaftenrahmen verwenden.

Effekt - dadurch können wir den Sound Effekte hinzufügen, z. B. das Fading in und aus oder das Hinzufügen von Echo. Sie können aus Preset-Einstellungen im Dropdown-Menü auswählen, oder Sie können auf das Pencil-Symbol neben dem Menü klicken, um Ihre eigenen benutzerdefinierten Einstellungen zu erstellen.

Sync - Dies bestimmt, wie das Lied in der Animation abgespielt wird. Veranstaltung spielt den Sound, bis es fertig ist. Wenn derselbe Sound erneut ausgelöst wird, bevor der erste endet, spielt das Original weiter, bis es fertig ist. Start Funktioniert wie Event, aber stoppt, wenn der Sound wieder spielt. Halt Stoppt den Ton in diesem Rahmen. Wenn Sie dies in Verbindung mit anderen Sound-Eigenschaften verwenden möchten, erstellen Sie einen neuen Keyframe, in dem der Sound aufhören soll, und diese Option verwenden. Strom Versuchen Sie, mit der Anzahl der Frames auf anderen Ebenen mit der Anzahl der Frames zu stimmen. Dies wird am besten für den Dialog verwendet.

Wiederholen - Mit dieser Einstellung können Sie einstellen, wie lange der Ton wiederholt. Sie können es einstellen, um nur einmal zu spielen, oder lassen Sie es so oft so oft wie Sie möchten. Wenn Ihre Animation eine Looping-Animation ist, sollten Sie Ihre Musik stufenlos einstellen.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 25

7. Beenden Sie Ihr Projekt. Wenn Sie endlich mit Ihrem Projekt fertig sind, speichern Sie sie als SWF-Datei. Dies ist das Format, das zum Abspielen des Films verwendet wird. Sie können es in praktisch jedem Webbrowser abspielen oder einen dedizierten Flash-Player verwenden, um es anzusehen. Es gibt auch eine Vielzahl von Websites, auf die Sie es hochladen können, um andere zu sehen, z. B. Neuplätze, Albino Blacksheep und Kongregate.

Bildtitel Erstellen Sie einen Flash-Animationsschritt 26

8. Nimm deine zukünftigen Projekte weiter. Dieser Anleitung richtet sich an die Grundlagen der Erstellung einer Animation, aber es gibt so viel mehr, dass Sie lernen und tun können. Fügen Sie ein paar Tasten und Verzweigungswege hinzu, und Sie haben ein Select-Your-Own-Adventure-Spiel. Sie können eine nehmen Crash-Kurs in ActionScript und gewinnen Sie viel mehr Kontrolle über die feineren Details Ihrer Animation. Experimentieren Sie weiter, und Sie werden bald alle Arten von Tricks und Implementierungen lernen.