Zusammenfassung

In diesem Tutorial lernen Sie, wie Sie eine Diashow, die ein Flimmern / fuzz / kaputten Fernseher Übergang zwischen den Bildern ist zu schaffen.

Hier das Ergebnis:


Bedarf

Flash 8, Flash CS3 oder Flash CS4.
3 Bilder (in diesem Fall 550 × 400, die Bilder in den Tutorial Zip-Datei)

Hinweis: Die Screenshots in diesem Tutorial gemacht werden in Flash CS3. Es funktioniert genau gleich in Flash 8 oder Flash CS4. Dieses Tutorial ist ActionScript 2 (obwohl kein ActionScript wird benötigt).

Schritt 1 - Installieren Sie die Wirkung Komponente

Laden Sie die TV-Fuzz-Effekt hier. Bitte folgen Sie der Installationsanleitung und ziehen Sie die Komponente aus dem Bedienfeld Komponenten in die Bibliothek des. Fla-Datei.

Drag-Komponente in die Bibliothek

Schritt 2 - Importieren von Bildern

Importieren Sie alle drei Bilder "File" -> "Importieren" -> "Import in die Bibliothek ...".

Importieren von Bildern

Schritt 3 - Wandeln Sie Bilder in Movieclip

Erstellen Sie eine neue Movieclip [Strg-F8] oder "Einfügen" -> "Neues Symbol ...", nennen Sie es "image01" und legte das erste Bild in das erste Bild dieses Clips. Wiederholen Sie diesen Schritt für die anderen Bilder, die Movieclips Namen "image02" und "image03". BTW, ist die Namensgebung bei Ihnen.

Neues Movieclip ...

... Namen der MovieClip ...

... und ziehen Sie das Bild auf der Zeitleiste der MovieClip

Bibliothek mit Movieclips und Bilder

Schritt 4 - Erstellen erste Übergang

Klicken Sie nun auf "Szene 1", um wieder zum Haupt-Timeline.

Zurück zur Hauptzeitleiste

Benennen Sie die bereits bestehende Schicht "img01". Schaffung von mehr Ebene und nennen sie "img02" und "transition01". Auch die Namensgebung ist nur für einen besseren Überblick. Sie können andere Namen wählen, wenn Sie wollen.

Umbenennen Schichten

Ziehen Sie die ersten beiden Movieclips Bild von der Bibliothek in der jeweiligen Schicht.

Ziehen Sie Movieclips auf Ebenen

Klicken Sie in das erste Bild der Ebene "transition01". Ziehen Sie die TV-Fuzz-Effekt-Komponente aus der Bibliothek auf die Bühne. Die Komponente wird automatisch an der oberen linken Ecke des MovieClip.

Drag-Komponente auf Schicht

Für jede Schicht klicken Sie auf Bild 50 und schaffen einen Rahmen [F5] oder die rechte Maustaste und "Insert Frame".

Erstellen frame ...

... auf allen Ebenen

Es ist wichtig, um das Bild Movieclips zB Namen, da sonst die Wirkung Komponente geben, ist nicht in der Lage, sie zu erkennen. Klicken Sie auf das Bild, ein Movieclip-by-one und legen Sie eine Instanz Namen, in diesem Fall "image01" und "image02" (Sie können einen anderen Namen wählen, wenn Sie möchten).

Legen Sie beispielsweise Name des ersten Movieclip

Legen Sie beispielsweise Name des zweiten Movieclip

Klicken Sie auf die TV-Fuzz-Effekt auf der Bühne und öffnen Sie die Komponenten-Inspektor [SHIFT-F7] oder "Window" -> "Komponenten-Inspektor". Alle Movieclips mit Instanznamen in diesem Rahmen sind in den "Start Movieclip" und "End Movieclip" Select-Liste aufgeführt. Wählen Sie "image01" als "Start Movieclip" und "image02" als "Movieclip".

Start Movieclip Optionen

Umstellungseinstellungen

Exportieren Sie die Flash-Film [Strg-ENTER] oder "Command" -> "Film testen". Der Übergang wird ab dem ersten Bild auf der zweiten.

Ergebnis

Schritt 5 - Add zweiten Übergang

Erstellen Sie drei weitere Ebene und nennen sie "img03", "img04" und "transition02".

Erstellen Sie weitere Schicht

Auf jeder Ebene klicken Sie auf Frame 51 (ein Bild nach dem letzten Übergang, bereits beendet ist) und legen Sie eine Keyframes [F6 drücken] oder die rechte Maustaste und "Insert Frame".

Legen frame ...

... für alle Schichten

Wir werden das zweite Bild Wiederverwendung MovieClip, seit dem zweiten Übergang mit ihr beginnen soll. Klicken Sie auf die soeben erstellte Keyframe auf die Ebene "img03" und ziehen Sie den Movieclip "image02" aus der Bibliothek auf die Bühne. Klicken Sie auf die soeben erstellte Keyframe auf Schicht "img04" und ziehen Sie den Movieclip "image03" aus der Bibliothek auf die Bühne.

Ziehen Sie Movieclips auf die angelegten Layer

Nun müssen die Instanznamen dieses Bildes Movieclips auf "image03" und "image04".

Legen Sie beispielsweise Name des ersten Bildes

Set Instanznamen das zweite Bild

Es ist ein bisschen verwirrend, Schicht-und Instanznamen eine Zahl bis dann der ursprüngliche Movieclip Namen zu setzen. Aber für eine bessere Übersicht und die Anzahl der möglichen Fehler gering zu halten, ist es besser, die Movieclips der zweiten Übergang als völlig neue Movieclips zu behandeln.

Wählen Sie die Ebene "transition02" und ziehen Sie den Effekt-Komponente aus der Bibliothek auf die Bühne. Auch die Komponente rastet automatisch.

Drag-Komponente auf der Bühne

Klicken Sie auf die Komponente auf der Bühne, öffnen Sie die Komponenten-Inspektor und wählen Sie "image03" als "Start Movieclip" und "image04" als "Movieclip".

Die Einstellungen in den Komponenten-Inspektor

Für die neue Drei-Schicht zu schaffen einen Rahmen bei Bild 100 [F5] oder die rechte Maustaste und "Insert Frame".

Legen Sie Bilder in allen drei Schichten

Wenn Sie exportieren Sie Ihre Flash-Film jetzt sehen Sie, dass sowohl den Übergang, bevor der Film gezeigt werden, ist abgehauen.

Ergebnis

Schritt 6 - Add Pause zwischen den beiden Bild-Übergänge

Um ein wenig mehr Zeit zwischen der Übergänge lassen die Keyframes der Schicht "img01" und "transition01" unberührt. Erweitern Sie die Länge der Schicht "img02" (das Bild, das den Übergang endet mit), indem Sie einen Rahmen in Frame 80 [F5] oder die rechte Maustaste und "Insert Frame".

Legen Sie Frame

Legen Sie Frame

Wählen Sie nun den ganzen Block des zweiten Übergang (Sie können damit, indem Sie auf Frame 51 der "transition01" und mit gedrückter Umschalttaste klicken Rahmen 100 von "img04") und bewegen Sie den Block auf 81 Loch Rahmen.

Wählen Schichten ...

... Ziehen Sie den Block bis 81 frame ...

und lassen Sie ihn

Sie können das gleiche für den zweiten Übergang.

Herunterladen

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

Sie können auch die TV-Fuzz-Effekt hier.

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

  • Share / Bookmark