Flasheinführung / DTP/SBT / KSEnge Mario Leimbacher. Banner mit Navigation. Vorbereitung:

Transkript

1 Banner mit Navigation Vorbereitung: Um im Flash mehrere Bilder für Überblendungen verwenden zu können, müssen diese zuerst im Photoshop vorbereitet und als JPG-Dateien gespeichert werden. Z.B. 3 Bilder im Format 300 x 160 Pixel Flash starten Fenster anordnen wichtige Fenster: Zeitleiste Werkzeuge Eigenschaften Bibliothek Bibliotkek holen wenn die Bibliothek nicht angezeigt wird, muss dieses Fenster im Menu Fenster - Bibliothek geöffnet werden. Fenster - Bibliothek Bibliothek erscheint in neuem Fenster Fenster in die rechte Fensterspalte schieben Bühnengrösse bestimmen Die Bühne muss die Grösse des im Layout bestimmten Bereichs haben. Doppleklick auf kleines Fenster oberhalb der Bühne (10 BpS) Breite bestimmen (800 Pixel) Höhe bestimmen (160 Pixel) 5. neue Ebenen erstellen In der Zeitleiste werden für die einzelnen teile separate Ebenen erstellt (wie im Photoshop) mit rechter Maustaste auf unterste Ebene Ebene einfügen Doppelklick auf neue Ebene und Namen geben

2 Flasheinführung / DTP/SBT / KSEnge Mario Leimbacher 6. Bilder importieren Die vorbereiteten Bilder müssen in die Bibliothek importiert werden. Datei - Importieren - In Bibliothek Importieren Bilder aussuchen Die Bilder erscheinen in der Bibliothek 7. Hifslinien vorbereiten und Bilder einsetzen Damit alle Bilder exakt an denselben Ort platziert werden können, müssen Hilfslinien aus dem Lineal gezogen werden. Ansicht - Lineale aus den Linealen Hilfslinien auf die Bühnenränder und die gewünschte Bühnenposition ziehen (wie im Photoshop) gewünschte Ebene anklicken (bild 1) Bild aus der Bibliotkek auf die Bühne ziehen Bild nötigenfalls mit Transformierwerkzeug verkleinern oder vergrössern. soviele neue Ebenen erstellen wie Bilder eingesetzt werden müssen Die weiteren Bilder auf die weiteren Ebenen schieben 8. neue Schlüsselbilder setzen auf Bild 30 in der Zeitleiste über alle Ebenen die Felder markieren mit rechter Maustaste - Schlüsselbild einfügen 9. Tween erstellen mit rechter Maustaste zwischen den ersten und den letzten Schlüsselbilder die Ebenen markieren und auf dem Befehl - Bewegungstween erstellen Die Zeitleistenebenen erhalten einen Pfeil zwischen den Schlüsselbildern. 10. Zwischenschlüsselbilder erstellen Für die Steuerung der Bilder auf Bild 5 und 25 je eine Serie Schlüsselbilder erstellen.

3 1 Transparenz erstellen Die ersten Schlüsselbilder (Bild 1) der Ebenen mit den Fotos markieren Die Fotos auf der Bühne anklicken Eigenschaftsfenster anwählen bei Farbe Alpha (Alphakanal) anwählen 5. Prozent auf 0 setzen nun sind die Fotos auf dem ersten Schlüsselbild unsichtbar und erscheinen is zu Schlüsselbild 5 1 Ebenenbereiche verschieben Die Tweeningbereiche der einzelnen Ebenen können nun verschoben werden, so dass die einzelnen Fotos hintereinander erscheinen und verschwinden Man markiert exakt die Tweeningbereiche und verschiebt den nun schwarz markierten Bereich 1 neues Symbol erstellen Für den Hintergrund mit einem farbverlauf wird ein neues Symbol erstellt neue Ebene erstellen Einfügen - neues Symbol Grafik auswählen dem Symbol einen Namen geben - ok Ein neues Symbolfenster (über der Bühne) wird geöffnet 1 Symbol zeichnen soweit Zoomen, dass der Raster in der richtigen Grösse erscheint (160 x 800 Pixel Hilfslinien setzten Rechteckwerkzeug auswählen Konturfarbe deaktiviern Farbe auswählen - Farbverlauf Farbverlauf bestimmen Rechteck zeichnen zurück zur Bühne der Szene

4 Neues Flashdokument Die Schaltfläche kann als Symbol in die bestehende Flasnavigation oder als einzelnes Flasdokument erstellt werden Wer die Schaltfläche in die bestehende Navigation einbauen will geht bei Punkt 15 weiter. Datei - neu Format bestimmen (wie Punkt 4) 20 x 80 Pixel weiter bei nächstem Punkt 15. Schaltfläche erstellen neue Ebene erstellen (zoberst) Name: Schalter Hilfslinie auf 140 Pixel von oben ziehen Einfügen - neues Symbol - Schaltfläche 16. Schaltfläche zeichnen Ebenen erstellen oben Text unten Grund (für Hintergrund) Ebene Grund anwählen Raster einblenden an Raster ausrichten aktivieren Ansicht - Ausrichten - an Raster ausrichten In den sichtbaren Raster ein Rechteck zeichnen 20 x 80 Pixel 17. Text für Schaltfläche obere Ebene (Text) anwählen Textwerkzeug wählen Schriftart und Schriftgrösse wählen Schriftfarbe wählen Text über das Farbfeld schreiben mit Pfeil richtig platzieren

5 18. Rolloverfunktion bestimmen oberes Feld (Darüber) anwählen Textfarbe ändern Symbol schliessen 19: Funtion definieren Symbol aus der Bibliothek in die Bühne ziehen genau platzieren Fenster Aktionen öffnen Aktion - Browser/Netztwerk wählen get URL wählen URL einschreiben Befehl on (release) 20. Film Testen Steuerung - Film testen