Flash ist das Hauptmedium für Animationen im Internet und sogar in anderen Formaten wie dem Fernsehen. Das Erstellen einer einfachen Flash-Animation in einem Flash-Programm ist eigentlich ganz einfach, da Flash viele nützliche Tools bereitstellt, die den gesamten Prozess vereinfachen. Wenn Sie bereits eine Idee für eine Flash-Animation oder einen Cartoon haben, haben Sie wahrscheinlich in wenigen Stunden eine grobe Skizze erstellt. In der Anleitung unten erfahren Sie, wie Sie eine Flash-Animation erstellen.
Schritt
Methode 1 von 3: Erstellen einer Frame-by-Frame-Flash-Animation
Schritt 1. Verstehen Sie die Grundlagen der Frame-by-Frame-Animation
Diese Methode wird als traditionelle Animationsmethode angesehen, wenn jeder Frame (ein Bild, das eine Animation zusammensetzt) dasselbe Bild enthält, sich jedoch geringfügig ändert. Wenn die Bilder zusammen abgespielt werden, scheint sich das Bild zu bewegen. Dies ist die gleiche grundlegende Technik, die von traditionellen Animatoren verwendet wird, die jeden Frame von Hand zeichnen, aber sie dauert länger als die Tweening-Methode (siehe nächster Abschnitt).
Standardmäßig erstellt Flash Animationen mit 24 Bildern pro Sekunde (FPS). Dies bedeutet, dass eine Sekunde der Animation 24 Frames umfasst, aber jeder Frame muss nicht unterschiedlich sein. Sie können dies bei Bedarf anpassen und viele Flash-Animationen verwenden 12 FPS, aber 24 FPS führen zu einer viel flüssigeren Animation
Schritt 2. Installieren Sie das Flash Professional-Programm
Es gibt verschiedene Flash-Animationsprogramme, aber das beste ist Adobe Flash Professional CC. Sie können eine kostenlose Testinstallation durchführen oder ein anderes Produkt verwenden, wenn Ihnen das Abonnement von Adobe Creative Cloud nicht zusagt. Im Rest dieses Artikels werden Flash Professional oder andere Bearbeitungsprogramme als "Flash" bezeichnet.
Schritt 3. Erstellen Sie Ihre Assets
Da eine Frame-für-Frame-Animation mehrere Bilder mit geringfügigen Unterschieden erfordert, müssen Sie alle diese Assets von Hand erstellen. Sie können sie alle erstellen, bevor Sie beginnen, oder Sie können sie nach dem Start erstellen. Sie können das Flash-Programm verwenden, um direkt im Projekt zu zeichnen, oder Sie können Assets in Ihrem bevorzugten Zeichenprogramm zeichnen.
Wenn Sie möchten, dass die Größe eines Bilds ohne Qualitätseinbußen geändert wird, müssen Sie es als Vektor und nicht als Raster rendern. Vektorbilder werden beim Skalieren automatisch neu gezeichnet, d. h. es gibt keine Pixelierung oder Aliasing (ein Schachbretteffekt, der beim Vergrößern des Bildes auftritt). Rasterbilder sind herkömmliche Bilder, die Sie gewohnt sind (Fotos, Bilder aus dem Paint-Programm usw.). Rasterbilder lassen sich nicht gut skalieren und können beim Vergrößern ziemlich schlecht aussehen
Schritt 4. Erstellen Sie den ersten Rahmen
Wenn Sie das Flash-Programm starten, erhalten Sie eine leere Ebene und eine leere Timeline. Beim Hinzufügen eines Frames wird die Timeline automatisch gefüllt. Sie können mit Ebenen wie in Photoshop interagieren.
- Erstellen Sie vor dem Hinzufügen von Bildern einen grundlegenden Hintergrund für Ihren Film. Benennen Sie Ebene 1 in "Hintergrund" um und sperren Sie die Ebene. Erstellen Sie eine zweite Ebene und benennen Sie sie nach Belieben. Diese Ebene ist die Ebene, auf der Sie die Animation erstellen.
- Fügen Sie im ersten Frame ein Bild zur Leinwand hinzu. Sie können Bilder von Ihrem Computer importieren oder die Zeichenwerkzeuge von Flash verwenden, um Bilder direkt im Programm zu erstellen.
- Ihr erster Frame ist ein "Keyframe" (keyframe). Keyframes sind Frames, die Bilder enthalten und den Kern Ihrer Animation bilden. Sie erstellen jedes Mal einen neuen Keyframe, wenn sich das Bild ändert.
- Keyframes sind in der Timeline mit einem schwarzen Punkt gekennzeichnet.
- Sie brauchen nicht in jedem Frame ein neues Bild. Im Allgemeinen sorgt ein Keyframe alle vier oder fünf Frames für eine gute Animation.
Schritt 5. Verwandeln Sie das Bild in ein Symbol
Indem Sie ein Bild in ein Symbol verwandeln, können Sie es innerhalb eines Rahmens problemlos mehrmals hinzufügen. Dies ist besonders nützlich, wenn Sie schnell mehrere Objekte erstellen müssen, z. B. eine Gruppe von Fischen.
- Wählen Sie das gesamte Bild aus. Klicken Sie mit der rechten Maustaste auf das ausgewählte Bild und wählen Sie "In Symbol konvertieren". Dadurch wird das Bild der Bibliothek hinzugefügt, wo Sie später schnell darauf zugreifen können.
- Lösche Bild. Mach dir keine Sorgen! Sie fügen es der Story-Szene wieder hinzu, indem Sie das Objekt einfach aus der Bibliothek ziehen. Sie können ganz einfach mehrere Bilder derselben zu einer Story-Szene hinzufügen!
Schritt 6. Fügen Sie einige leere Rahmen hinzu
Sobald der erste Frame fertig ist, können Sie einen leeren Frame hinzufügen, der sich zwischen dem ersten und zweiten Keyframe befindet. Drücken Sie die Taste F5 vier- oder fünfmal, um nach dem ersten Keyframe einen leeren Frame einzufügen.
Schritt 7. Erstellen Sie einen zweiten Keyframe
Nachdem Sie ein paar leere Frames hinzugefügt haben, können Sie einen zweiten Keyframe erstellen. Es gibt grundsätzlich zwei verschiedene Möglichkeiten, nämlich einen vorhandenen Keyframe zu kopieren und kleinere Anpassungen vorzunehmen, oder Sie können einen leeren Keyframe erstellen und ein neues Bild einfügen. Wenn Sie ein Bild verwenden, das mit einem anderen Programm erstellt wurde, möchten Sie die zweite Methode. Wenn Sie ein Bild mit Designtools von Flash erstellen, verwenden Sie die erste Methode.
- Um einen Keyframe mit dem Inhalt des vorherigen Keyframes zu erstellen, drücken Sie die Taste F6. Um einen leeren Keyframe zu erstellen, klicken Sie mit der rechten Maustaste auf den letzten Frame in der Timeline und wählen Sie „Leeren Keyframe einfügen“. Alles in der Story-Szene wird entfernt.
- Nachdem Sie den zweiten Keyframe erstellt haben, müssen Sie das Bild anpassen, um ihm einen Bewegungseffekt zu verleihen. Wenn Sie die Designwerkzeuge von Flash verwenden, können Sie mit dem Transformieren-Werkzeug Aspekte des Bildes auswählen und sie ein wenig bewegen, wie die Arme eines Strichmännchens.
- Wenn Sie für jeden Keyframe ein neues Bild einfügen, sollten Sie sicherstellen, dass es an derselben oder der nächsten logischen Position auf dem Bildschirm platziert wird. Dadurch wird sichergestellt, dass das Bild nicht zwischen den Frames springt.
Schritt 8. Wiederholen Sie den Vorgang
Nachdem Sie die beiden Keyframes erstellt haben, ist es an der Zeit, dies zu wiederholen. Im Wesentlichen wiederholen Sie den gleichen Vorgang, bis die Animation abgeschlossen ist. Fügen Sie zwischen jedem Keyframe ein paar leere Frames hinzu und stellen Sie sicher, dass sich die Animation reibungslos bewegt.
Nehmen Sie kleine, inkrementelle Bewegungsänderungen vor. Die Animation sieht viel flüssiger aus, wenn Sie sehr kleine Änderungen am Keyframe vornehmen. Wenn Sie beispielsweise möchten, dass der Strichmännchen seinen Arm schwingt, sollte Ihr zweiter Keyframe nicht das Ende des Armschwungs sein. Verwenden Sie stattdessen einige Keyframes als Übergang vom Beginn des Schwungs zum Ende. Dies führt zu einer viel flüssigeren Animation
Methode 2 von 3: Erstellen einer Punkt-zu-Punkt-Animation (Tweening)
Schritt 1. Verstehen Sie die Grundlagen des Tweenings
Flash enthält eine Funktion namens Tweening (ein Prozess, der ein Zwischenbild zwischen zwei Bildern zu zwei Zeitpunkten in einer Animation erzeugt), mit dem Sie im Grunde die Start- und Endzeitpunkte für Objekte festlegen können. Flash bewegt und ändert dann Objekte basierend auf Ihren Einstellungen zwischen diesen beiden Zeitpunkten, wodurch die Illusion einer Animation entsteht. Sie müssen nicht wie bei der Frame-für-Frame-Animation für jeden Keyframe ein Bild erstellen.
- Tweening ist besonders nützlich, um einen Morph-Effekt zu erzeugen, bei dem sich ein Objekt während der Animation in ein anderes Objekt verwandelt.
- Frame-by-Frame-Animation und Tweening können zusammen innerhalb desselben Films verwendet werden.
- Es wird jeweils nur ein Objekt einem Bewegungs-Tween unterzogen. Das bedeutet, dass, wenn Sie mehrere Objekte gleichzeitig animieren möchten, diese auf verschiedenen Ebenen platziert werden müssen.
Schritt 2. Erstellen Sie das erste Objekt
Im Gegensatz zu Frame-by-Frame-Animationen müssen Sie nicht mehrere Objekte erstellen, um mit der Tween-Funktion zu animieren. Sie erstellen jedoch ein Objekt und ändern dann die Eigenschaften des Objekts während des Tweening-Prozesses.
- Erstellen Sie vor dem Hinzufügen von Bildern einen grundlegenden Hintergrund für Ihren Film. Benennen Sie Ebene 1 in "Hintergrund" um und sperren Sie die Ebene. Erstellen Sie eine zweite Ebene und benennen Sie sie nach Belieben. Diese Ebene ist die Ebene, auf der Sie die Animation erstellen.
- Es wird dringend empfohlen, die in das Flash-Programm integrierten Designtools zu verwenden oder Bilder aus einem Vektorzeichenprogramm zu importieren. Vektoren können ohne Verzerrung leicht skaliert werden, während herkömmliche Rasterbilder nicht richtig skaliert und transformiert werden.
Schritt 3. Konvertieren Sie das Objekt in ein Symbol
Um ein Zwischenbild eines Objekts zu erzeugen, müssen Sie es in ein Symbol umwandeln. Dies ist das Format, das Flash verwendet, um Objekte zu organisieren. Wenn Sie versuchen, ein Zwischenbild aus einem Objekt zu generieren, das nicht in ein Symbol konvertiert wurde, werden Sie zunächst aufgefordert, die Konvertierung durchzuführen.
Klicken Sie mit der rechten Maustaste auf das Objekt und wählen Sie "In Symbol konvertieren". Der Bibliothek werden Objekte hinzugefügt, was das Klonen von Objekten erleichtert
Schritt 4. Machen Sie das erste Zug-Tween
Ein Bewegungs-Tween bewegt ein Objekt von einem Ort zu einem anderen. Klicken Sie mit der rechten Maustaste auf das Symbol in der Story-Szene und wählen Sie "Bewegungs-Tween erstellen". Der Timeline werden insgesamt 24 Frames hinzugefügt, da dies die Standardlänge eines Tweens ist. Beachten Sie, dass Flash bei den Standardeinstellungen mit 24 Bildern pro Sekunde animiert, was bedeutet, dass die Animation dieses Bewegungs-Tweens eine Sekunde dauert.
Wenn Sie ein Bewegungs-Tween erstellen, werden Sie automatisch zum letzten Bild des Tweens bewegt
Schritt 5. Zeichnen Sie den Pfad des Objekts
Nachdem Sie das Tween erstellt haben, können Sie das Objekt an die gewünschte endgültige Position verschieben. Flash zeigt eine Pfadlinie an, die gepunktet ist, um die Position des Objekts für jeden Frame des resultierenden Zwischenbilds anzuzeigen.
Wenn Sie zum ersten Mal einen Pfad erstellen, ist dieser eine gerade Linie vom Startpunkt zum Endpunkt
Schritt 6. Erweitern Sie den Hintergrundrahmen
Wenn Sie die Animation jetzt ausführen, bewegt sich das Objekt entlang des Pfads, aber der Hintergrund verschwindet nach einem Frame. Um dies zu beheben, müssen Sie den Hintergrund erweitern, um den gesamten Frame der Animation abzudecken.
Wählen Sie die Hintergrundebene in der Zeitleiste aus. Klicken Sie auf den letzten Frame auf der Timeline, der auch der letzte Frame des Bewegungs-Tweens sein sollte. Drücken Sie die Taste F5, um bis zu diesem Zeitpunkt einen Frame einzufügen, der weiterhin den Hintergrund für das gesamte Tween anzeigt
Schritt 7. Fügen Sie Keyframes hinzu
Wenn Sie dem Pfad einen Keyframe hinzufügen, können Sie Objekte während des Bewegungs-Tweens ändern. Sie können nur dann Änderungen an einem Objekt vornehmen, wenn es über einen Keyframe verfügt. Um einen Keyframe zu einer Spur hinzuzufügen, wählen Sie zuerst den Frame, den Sie in einen Keyframe umwandeln möchten, auf der Timeline aus. Klicken Sie dann auf das Objekt und ziehen Sie es an die gewünschte Position im Rahmen. Die Spur wird automatisch angepasst und der Timeline wird ein Keyframe hinzugefügt. Keyframes sind auf der Timeline mit einem Rautensymbol gekennzeichnet.
Schritt 8. Passen Sie den Tween-Pfad an
Um den Pfad eines Objekts zu ändern, können Sie auf jede Bildpositionsmarkierung auf dem Pfad klicken und sie an eine neue Position ziehen. Vermeiden Sie es, zu viele Variationen in den Pfad einzubauen, sonst bewegt sich das Objekt unregelmäßig (es sei denn, dies ist wirklich Ihr Ziel!).
Schritt 9. Transformieren Sie das Objekt
Sobald Keyframe und Pfad definiert sind, können Sie das Objekt so transformieren, dass sich das Objekt ändert, während es sich durch den Bewegungs-Tween-Pfad bewegt. Sie können die Form, Farbe, Drehung, Größe und andere Dinge des Objekts ändern.
- Wählen Sie den Rahmen aus, den Sie transformieren möchten.
- Öffnen Sie das Eigenschaftenfenster des Objekts. Sie können Strg+F3 drücken, wenn der Bereich derzeit nicht sichtbar ist.
- Ändern Sie einen Wert im Abschnitt Eigenschaften, um das Objekt zu beeinflussen. Sie können beispielsweise die Farbe ändern, einen Filter hinzufügen oder den Maßstab ändern.
- Sie können auch das Werkzeug Frei transformieren verwenden, um die Form des Objekts nach Belieben zu ändern.
Schritt 10. Machen Sie den letzten Schliff am Zwischenbild
Testen Sie das Bewegungs-Tween, indem Sie Strg+↵ Enter drücken. Stellen Sie sicher, dass die Transformation gut aussieht und sich die Animation mit der richtigen Geschwindigkeit bewegt. Wenn sich die Animation zu schnell bewegt, können Sie die FPS verringern oder den Tween-Zeitbereich erhöhen.
- Standardmäßig beträgt die FPS der Animation 24, also versuchen Sie, sie auf 12 zu reduzieren. Klicken Sie dazu außerhalb der Story-Szene und ändern Sie die FPS im Eigenschaftenfenster. Wenn Sie den Wert auf 12 ändern, wird die Dauer der Animation verdoppelt, aber die Bewegung der Animation kann "flockiger" werden.
- Um die Zeitspanne eines Tweens zu ändern, wählen Sie die Ebene mit dem Tween aus und ziehen Sie sie mit dem Schieberegler. Wenn der Tween doppelt so lang sein soll, verlängern Sie ihn auf 48 Frames. Achten Sie darauf, einen leeren Rahmen in die Hintergrundebene einzufügen, damit der Hintergrund während der Animation nicht halb verschwindet. Um den Hintergrund zu erweitern, wählen Sie die Ebene aus, klicken Sie auf das letzte Bild der Animation in der Zeitleiste und drücken Sie dann die Taste F5.
Methode 3 von 3: Hinzufügen von Sounds und Musik
Schritt 1. Nehmen Sie Soundeffekte und Musik auf oder suchen Sie danach
Sie können den Aktionen, die in der Animation auftreten, Soundeffekte hinzufügen, um sie von den anderen abzuheben und ihr einen eigenen Charakter zu verleihen. Musik macht Ihre Animationen lebendiger und kann gute Animationen außergewöhnlich machen. Flash unterstützt eine Vielzahl von Audiodateiformaten, einschließlich AAC, MP3, WAV und AU. Wählen Sie das Format, das die beste Qualität bei der kleinsten Dateigröße bietet.
Das MP3-Format bietet normalerweise eine noch gute Klangqualität und eine minimale Dateigröße. Vermeiden Sie nach Möglichkeit die Verwendung des WAV-Formats, da diese normalerweise recht groß sind
Schritt 2. Importieren Sie die Sounddateien in die Bibliothek
Bevor Sie einem Projekt Sound hinzufügen können, muss die Sounddatei zur Flash-Bibliothek hinzugefügt werden. Auf diese Weise können Sie Ihrem Projekt später schnell Sound hinzufügen. Klicken Sie auf Datei → Importieren → In Bibliothek importieren. Suchen Sie auf Ihrem Computer nach Sounddateien. Stellen Sie sicher, dass die Sounddatei einen leicht zu merkenden Namen hat, damit Sie sie später über das Menü schnell finden können.
Schritt 3. Erstellen Sie für jede Sounddatei eine neue Ebene
Dies ist nicht wirklich notwendig, da Sie einer bestehenden Ebene Sound hinzufügen können, aber das Platzieren jeder Datei auf einer separaten Ebene gibt Ihnen viel mehr Kontrolle in Bezug auf das Ein- und Ausblenden (Ein- und Ausblenden) der Klangeinstellungen den Ton, und es ist einfacher, den Ton in einen anderen Teil zu verschieben.
Schritt 4. Erstellen Sie einen Keyframe, an dem der Ton beginnt
Wählen Sie auf der Tonebene den Frame in der Animation aus, in dem der Ton beginnen soll. Drücken Sie die Taste F7, um einen leeren Keyframe einzufügen. Wenn Sie beispielsweise eine Musikdatei einfügen möchten, die für die Dauer der Animation abgespielt wird, wählen Sie den ersten Frame auf der Ebene der Musikdatei aus. Wenn Sie einem Charakter Dialog hinzufügen, wählen Sie den Rahmen aus, in dem der Charakter zu sprechen beginnt.
Schritt 5. Fügen Sie Sound- oder Musikdateien hinzu
Innerhalb des Eigenschaftenrahmens sehen Sie den Abschnitt Sound. Möglicherweise müssen Sie es öffnen, um die Optionen anzuzeigen. Klicken Sie auf das Menü "Name" und wählen Sie die gewünschte Datei aus der Bibliothek aus.
Schritt 6. Audiodateien organisieren
Nachdem Sie eine Datei ausgewählt haben, können Sie festlegen, wie sie abgespielt wird. Ihre Auswahl basiert auf der beabsichtigten Verwendung des Sounds in der Animation. Sie können die Effekt-, Sync- und Wiederholungseinstellungen jedes Sounds über das Menü unter dem Namensmenü im Eigenschaftenrahmen ändern.
- Auswirkungen. Diese Einstellung fügt dem Sound Effekte hinzu, z. B. dass der Sound allmählich erscheint oder verschwindet oder ein Echo hinzufügt. Sie können aus den vorhandenen Einstellungen im Dropdown-Menü auswählen oder auf das Stiftsymbol neben dem Menü klicken, um Ihre eigenen benutzerdefinierten Einstellungen zu erstellen.
- Synchronisieren. Diese Einstellung bestimmt, wie der Song in der Animation abgespielt wird. Das Ereignis wird einen Ton abspielen, bis es beendet ist. Wenn derselbe Sound erneut ausgelöst wird, bevor der vorherige Sound endet, wird der Originalsound weitergespielt, bis er beendet ist. Start ähnelt Event, stoppt jedoch, wenn der Ton erneut abgespielt wird. Stop stoppt den Ton in diesem Frame. Wenn Sie diese Option in Verbindung mit anderen Soundoptionen verwenden möchten, erstellen Sie einen neuen Keyframe an der Stelle, an der der Sound anhalten soll, und verwenden Sie diese Option. Der Stream versucht, den wiedergegebenen Ton mit der Anzahl der Frames auf den anderen Ebenen abzugleichen. Diese Option wird am besten für Dialoge verwendet.
- Wiederholen. Mit dieser Einstellung können Sie einstellen, wie lange der Ton wiederholt wird. Sie können es so einstellen, dass es nur einmal abgespielt oder so oft wiederholt wird, wie Sie möchten. Wenn Ihre Animation eine Endlos-Animation ist, müssen Sie die Musik so einstellen, dass sie auf unbestimmte Zeit wiederholt wird.
Schritt 7. Schließen Sie das Projekt ab
Wenn Sie die Arbeit am Projekt endgültig abgeschlossen haben, speichern Sie es als SWF-Datei. Dies ist das Format, das zum Abspielen von Filmen verwendet wird. Sie können es in fast jedem Webbrowser abspielen oder einen Flash-Player verwenden, der speziell zum Ansehen verwendet wird. Es gibt auch verschiedene Websites, auf denen Sie es hochladen können, damit andere sie sehen können, wie Newgrounds, Albino Blacksheep und Kongregate.
Schritt 8. Entwickeln Sie Ihr zukünftiges Projekt weiter
Dieses Handbuch behandelt die Grundlagen zum Erstellen von Animationen, aber Sie können noch viel mehr lernen und tun. Fügen Sie ein paar Schaltflächen und eine verzweigte Handlung hinzu und Sie haben Ihr eigenes Abenteuerspiel. Sie können Crashkurse in ActionScript belegen und erhalten viel mehr Kontrolle über die feineren Details Ihrer Animationen. Experimentieren Sie weiter, und Sie werden bald alle möglichen Tricks und deren Umsetzungen lernen.
