Januar 4, 2022

Adobe Flash Wassereffekt mit Wellen (Ocean Sunset Scene)

In diesem Wave Ripple Effect in Flash-Tutorial erfahren Sie, wie Sie Ozeanwellen mit einem Sonnenuntergangshintergrund animieren. Dies ist ein einfaches Tutorial, das der animierten Flagge sehr ähnlich ist.

 Adobe Flash Water Animation Tutorial
Adobe Flash Water Animation Tutorial

Wir werden ein Ozeanbild verwenden, das Sie unten herunterladen können. Dann fügen wir die Animation der Welle über dem Ozeanteil des Bildes hinzu. Wir tun dies alles in wenigen Schichten, mit Techniken wie Maskieren und Zeichnen der gekrümmten Linien für den Welleneffekt.

Dann erstellen wir ein Bewegungs-Tween für eine Animations-Timeline für die Wellenanimation in Flash.

Wir werden eine Sonnenuntergangsszene mit der Sonne in der Nähe des Horizonts erstellen. Erstellen Sie dann eine Reflexion der Sonne auf den Wellen. Dann fügen wir der Szene eine rote Überlagerung hinzu.

Und so habe ich in Adobe Flash Professional einen plätschernden Wassereffekt erzeugt. Lesen Sie das Tutorial unten.

Datei herunterladen: FlashOceanWaves.zip

Auf YouTube ansehen: Ripple-Effekt im Flash

Plätschern Wasser Animation in Flash

So erstellen Sie realistische Meereswellen in Adobe Flash

Erstellen Sie zunächst ein neues Dokument und importieren Sie ein Hintergrundbild mit Ozean und Himmel. Sie können auch eine mit dem Tutorial mitgelieferte verwenden. Skalieren Sie nach Bedarf und erstellen Sie es als Movieclip mit dem Namen „Hintergrund“

Erstellen Sie nun eine neue Ebene und ziehen Sie das Bild erneut aus der Bibliothek. Konvertieren Sie diesen Movieclip namens seaWaves und doppelklicken Sie auf den Movieclip, um ihn zu bearbeiten. Wählen Sie das Bild aus und konvertieren Sie es in einen anderen Movieclip namens Sea. Erstellen Sie nun innerhalb des Movieclips der 3. Ebene ein Rechteck zu einer neuen Ebene, die nur den gesamten Bereich abdeckt. Machen Sie diese Ebene als Maske.

Verlassen Sie nun diesen Movieclip, indem Sie auf einen leeren Bereich doppelklicken. Jetzt sind Sie in seaWaves Movie Clip. Wählen Sie nun den Sea Movie Clip aus und skalieren Sie ihn wie im Bild unten nach unten.

Erstellen Sie nun eine neue Ebene und erstellen Sie eine gekrümmte Linie. Sie können das Stiftwerkzeug verwenden, um dies zu tun.

Machen Sie nun viele Kopien derselben Zeile wie im Bild gezeigt. Stellen Sie sicher, dass Sie richtig ausgerichtet haben. Verwenden Sie bei Bedarf die Schaltfläche vertikal in der Ausrichtung verteilen. Stellen Sie außerdem sicher, dass Sie genügend Kopien erstellt haben, damit die Linie 1/3 des äußeren Meeresbodens erreicht. Wählen Sie abschließend alle Linien aus und gehen Sie zu Modify > Shape > Convert lines to fill.

Konvertieren Sie nun alle Linien in einen einzelnen Movieclip und erstellen Sie ein Bewegungs-Tween auf der Ebene. Fügen Sie einen Keyframe bei Frame 50 oder etwas weit davon entfernt ein. Bewegen Sie die Linien im neuen Keyframe etwas nach oben. Die Position muss nahtlos sein und die Linien sollten außerhalb des Meeresbereichs gehalten werden, da sonst die Animation verdrahtet aussieht. Drücken Sie nun Strg + Eingabetaste, um die Animation zu testen. Wenn Sie die Wellen sehr schnell sehen, verschieben Sie den Keyframe der gekrümmten Linien weiter auf der Timeline.

Drücken Sie nun Strg + E, um zum übergeordneten Element der Szene zu gelangen. Erstellen Sie eine neue Ebene und bedecken Sie die gesamte Szene mit einem roten Rechteck. Konvertieren Sie das Rechteck in einen Movieclip und ändern Sie dann die Überblendung in Überlagerung.

Machen Sie nun eine weitere Ebene und machen Sie eine dunkelorange Sonnenfinsternis. Konvertieren Sie es in einen Movieclip namens Sun und fügen Sie dann inneres Leuchten mit 15px Rot und äußeres Leuchten mit 35px Rot hinzu.

Bearbeiten Sie den seaWaves-Movieclip, um die Sonne auf dem Ozean zu reflektieren. Fügen Sie eine neue Ebene hinzu und ziehen Sie den Sun Movie Clip an die richtige Position. Skalieren Sie es etwas höher und fügen Sie einen Unschärfeeffekt mit 20 Pixel hinzu. Stellen Sie sicher, dass die Farbe leuchtend rot ist. Wenn ihre sonne farbe ist nicht rot, sie verwenden können farbe anpassen. Ändern Sie dann den Mischmodus in Überlagern.

Gehen Sie schließlich zum übergeordneten Element der Szene, fügen Sie ein Rechteck hinzu, das nur die Größe Ihres Dokuments abdeckt, und erstellen Sie es dann als Maske. Verschieben Sie jede verwendete Ebene unter diese Maske. Testen Sie nun Ihren Film mit Strg + Eingabetaste.

Laden Sie Adobe Flash Animation SWF herunter

Fügen Sie diese Seite zu Ihrer Website, Ihrem Blog oder Forum hinzu. Informieren Sie Ihre Freunde über dieses Tutorial. Kopieren Sie einfach den folgenden HTML-Code und fügen Sie ihn ein:
<a href= "https://www.tutorialboneyard.com/flash-water-effects/" target="_blank">Ocean Ripples GIF</a>
Wenn Ihnen dieses Tutorial gefallen hat, teilen Sie es bitte mit Ihren Freunden!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.