Flash expandierenden Banner-Tutorial

May 30

Flash expandierenden Banner-Tutorial

Banner auf Web-Seiten dienen verschiedenen Zwecken. Sie können als Navigationsleisten, als dekorative Bilder auf der Web-Seiten oben oder als Werbung handeln. Banner, die werben werden manchmal genannt "banner-Werbungen." Eine einfache, aber effektive Banner-Anzeige-Technik ist einen Banner erstellen, der erweitert wird, beginnend am Einheitsgröße und größer wachsen, wenn ein Benutzer darauf klickt. Sie können expandierende Banner in Adobe Flash Professional mit klassischen Tweens-Funktion des Programms erstellen.

Anweisungen

1 Öffnen Sie Flash und einen neuen Film zu starten: Klicken Sie auf das Menü "Datei" und wählen Sie "Neu", um das neue Dokument anzuzeigen. Wählen Sie "ActionScript 3.0" in der Liste legen Sie dann die Wiedergabegröße in den Feldern Breite und Höhe. Die Einstellungen für Höhe und Breite sollte die Dimensionen, die in Ihrer Web-Seite des Banners zugewiesen übereinstimmen. Eine typische Bannergröße ist beispielsweise 900 Pixel breit und 200 Pixel hoch.

2 Legen Sie des Films Breite und Höhe, dann klicken Sie auf das Farbfeld "Hintergrundfarbe" und wählen Sie eine Hintergrundfarbe für Ihren Film. Klicken Sie auf "OK".

3 Klicken Sie im Menü "Einfügen" und wählen Sie "Neues Symbol" Öffnen Sie das neue Symbol erstellen.

4 Nennen Sie das Symbol "Banner", dann "Typ" im Dropdown-Menü und wählen Sie "Film-Clip". Blitz erstellt ein neues Movieclip-Symbol mit einem leeren Bühne und leere Schnittfenster. Erstellen Sie Ihr Banner mit Grafiken und Text, genauso wie alle neuen Flash-Film. Das Movieclip-Symbol fungiert als einen Film innerhalb eines Films.

5 Zentrieren Sie das Banner auf der Bühne. Verwenden Sie das Ausrichtungsbedienfeld Banner Inhalt zentrieren. Drücken Sie STRG und A alle Banner Inhalte auswählen. Klicken Sie im Menü "Fenster", und wählen Sie "Ausrichten." Wählen Sie "Bühne ausrichten" (oder "Auf Strecke" in Flash-Versionen als CS5) und dann auf die Schaltflächen "Horizontal mittig" und "Vertikal zentriert ausrichten".

6 Klicken Sie auf "Szene 1" in der oberen linken Ecke des Dokumentfensters zurück nach den Hauptfilm Timeline.

7 Ziehen Sie das Movieclip-Symbol aus der Bibliothek, und platzieren Sie es auf der Bühne. Das Movieclip-Symbol auf der Bühne über das Ausrichtungsbedienfeld zu zentrieren.

8 Auf den Frame im Zeitleistenfenster zu gehen, wo Sie wollen Ihre Animation anhalten, rechtsklicken darauf und wählen "Schlüsselbild einfügen." Z. B. Wenn Sie Ihr Banner um mehr als 30 Bildern erweitern möchten, platzieren Sie den Keyframe in Bild 30.

9 Wählen Sie Bild 1 aus, dann wählen Sie das Symbol "Movieclip".

10 Gehen Sie auf das Bedienfeld "Eigenschaften" und verwenden Sie die Felder Breite und Höhe die Größe des Banners zu reduzieren. Beispielsweise wenn Sie das Banner auf seine ursprüngliche Größe von 50 % seiner ursprünglichen Größe erweitern möchten, legen Sie die Felder Breite und Höhe auf 50 % ihres ursprünglichen Werts. Wenn das Banner 900 x 200 Pixel ist, legen Sie die Felder Breite und Höhe auf 450 und 100.

11 Maustaste auf jedem Frame zwischen zwei Keyframes, und wählen Sie "Klassische Tween erstellen" aus dem Einblendmenü.

12 Klicken Sie auf "Neue Ebene", in der linken unteren Ecke des Zeitleistenfensters auf eine neue Ebene erstellen. Maustaste auf Bild 30 auf der neuen Ebene, und wählen Sie "Schlüsselbild einfügen" aus dem Einblendmenü.

13 Klicken Sie im Menü "Fenster", und wählen Sie im Menü "Aktionen". Dies öffnet das Bedienfeld "Aktionen".

14 Klicken Sie im Bereich "Scripts" auf der rechten Seite des Fensters, und geben Sie "stop();" (ohne Anführungszeichen). Dadurch wird verhindert, dass den Film Schleifen.

15 Halten Sie die STRG-Taste auf Ihrer Tastatur, und drücken Sie die EINGABETASTE, um den Film zu testen. Das Banner sollte auf seine ursprüngliche Größe zu erweitern und zu stoppen. Klicken Sie im Menü "Datei", wählen Sie "Exportieren", und wählen Sie "Film exportieren." Benennen Sie und speichern Sie den Film. Legen Sie die Datei auf Ihrer Webseite.