Zusammenfassung

In diesem Tutorial lernen Sie, wie Sie eine pixelation Transition-Effekt, wo ein Bild "verpixelt" zu einem anderen zu schaffen. Sie können die Dauer (in Frames) des Übergangs. Nr. ActionScript erforderlich ist, werden Sie nur auf Timeline Arbeit gebracht und die Parameter der Effekt innerhalb der Komponente-Inspektor.

Hier das Endergebnis:


Bedarf

Flash 8, Flash CS3 oder Flash CS4.
Zwei Bilder (in diesem Fall 550 × 400, Bild verfügbar im Tutorial zip-Datei )

Hinweis: Die Screenshots in diesem Tutorial sind made in Flash CS3. Es funktioniert genau das gleiche mit Flash 8 und Flash CS4. Dieses Tutorial ist eine ActionScript 2 Project (die Komponente gibt es auch als AS3-Version).

Schritt 1 - Installieren Sie den Effekt-Komponente

Download der Pixelbildung Effect . Bitte folgen Sie den Installationsanweisungen und ziehen Sie die Komponente aus dem Bedienfeld Komponenten in die Bibliothek Ihres. FLA-Datei.

Drag-Komponente in Bibliothek

Schritt 2 - Import Slideshow Bilder

Import zwei Bilder drücken Sie [Strg-R] oder "Datei" -> "Import" -> "Import zu Stage ...".

Importieren von Bildern auf die Bühne

Wählen Sie die frist Bild und wandeln es in ein MovieClip drücken Sie [F8] oder der rechten Maustaste auf den MovieClip -> "In Symbol konvertieren ...". Geben Sie den Namen der MovieClip "image1".

Convert erste Bild, um Movieclip

Set Name des ersten Bildes Movieclip

Wählen Sie das zweite Bild und wandeln es in ein MovieClip drücken Sie [F8] oder der rechten Maustaste auf den MovieClip -> "In Symbol konvertieren ...". Geben Sie den Namen der MovieClip "Image2".

Convert zweite Bild, um Movieclip

Set Name des zweiten Bildes Movieclip

Schritt 3 - Setzen Sie Instanznamen Bild Movieclip

Geben Sie den MovieClip mit dem ersten Bild den Namen der Instanz "my_image_01" (Sie können einen anderen Namen wählen, wenn Sie möchten. Stellen Sie sicher, dass die Instanz eindeutig ist). Ohne einen Instanznamen der Komponente ist nicht der MovieClip erkennen. Legen Sie den Namen der Instanz für das zweite Bild Movieclip auf "my_image_02".

Set Instanznamen erste Bild Movieclip

Set Instanznamen zweite Bild Movieclip

Schritt 4 - Effekt anwenden

Ziehen Sie die Komponente aus der Bibliothek auf der oberen MovieClip. Der Effekt wird automatisch Snap-Komponente.

Drag-Komponente auf Movieclip

Schritt 5 - Passen Sie die Einstellungen des Effekts

Klicken Sie auf die Komponente und öffnen Sie die Komponenten-Inspektor drücken Sie [Shift-F7] oder "Window" -> "Component Inspector". In der "Start Movieclip" Select List "my_image_01" ausgewählt werden sollten.

Target Movieclips in der Komponente-Inspektor

Alle Movieclips mit Instanznamen in diesem Rahmen sind in den "Target Movieclip" Select-Liste aufgeführt. Da Sie die Auswirkungen auf den MovieClip "my_image_01" draged, dies ist die frist MovieClip. Als "End Movieclip" select "my_image_01". Lassen Sie die anderen Einstellung leer jetzt. Exportieren Sie das Flash-Film [Strg-ENTER] oder "Command" -> "Film testen" und du wirst sehen, dass das Bild Übergang.

Ergebnis

Schritt 6 - Spielen!

Spielen Sie mit den anderen Parametern in der Komponente-Inspektor. Die Dokumentation der Einstellungen können hier gefunden . Sie können auch diesen Effekt mit ActionScript.

Download

Klicken Sie hier zum Download der. fla dieses Tutorials. Hinweis: Die. Fla enthält die Testversion von der Wirkung Komponente, die nur in der Flash IDE (Flash 8, Flash CS3 wird oder Flash CS4 Arbeit), aber nicht innerhalb des Browsers.

Hier finden Sie ein Video-Tutorial, wie wirksam umzusetzen eine andere.

  • Share / Bookmark