Flash CS4 Image Diashow

• Kann 5, 2024

Viele meiner Kunden möchten eine kleine Diashow auf der Startseite ihres Geschäfts, Blogs oder ihrer Website. Dies kann eine Diashow der im Geschäft vorgestellten Produkte oder die neuesten Fotos sein, die sie ihrem Blog hinzugefügt haben.

Diese Diashow kann auf viele Arten erstellt werden, einschließlich JavaScript, einer GIF-Animation und Flash^R.. Ich verwende gerne Flash, weil es eine einfache und schnelle Möglichkeit ist, eine einfache Diashow zu erstellen, in der mehrere Bilder nacheinander angezeigt werden. Andererseits ist es auch einfach, eine erweiterte XML-basierte Diashow mit Übergangseffekten zwischen den Bildern zu erstellen. In den nächsten Tutorials werden wir eine Bild-Diashow in Flash CS4 erstellen, beginnend mit einer ebenen Bildanzeige und bis zu einer erweiterten Version mit Übergangseffekten.

Die einzigen Dinge, die Sie für dieses Tutorial benötigen, sind drei JPG-Bilder und Adobe Flash. Es ist besser, wenn alle Bilder gleich groß sind. Wir werden nur drei für unser Tutorial verwenden, aber Sie können so viele verwenden, wie Sie möchten. Denken Sie daran, dass durch mehr Bilder die Downloadzeit für Ihre Flash-SWF-Datei verlängert wird.

Öffnen Sie Flash CS4, starten Sie ein neues ActionScript 3-Projekt und machen Sie sich an die Arbeit.

1. Der erste Schritt besteht darin, die Bühne auf die gleiche Größe wie unsere Bilder einzustellen. Klicken Sie in der Menüleiste auf Ändern - Dokument. Geben Sie im Dialogfeld Dokumenteigenschaften die Breite und Höhe Ihrer Bilder in Pixel ein. Dadurch wird die Bühne entsprechend eingestellt. Möglicherweise möchten Sie auch die Hintergrundfarbe ändern. Klicken Sie auf das kleine Farbfeld und wählen Sie eine Farbe. Möglicherweise möchten Sie die Hintergrundfarbe Ihrer Webseite anpassen.
   
   Wir werden Frame 1 auf der Timeline für den Preloader-Code verwenden, den wir später hinzufügen werden. Im Moment werden wir unsere Diashow auf Frame 2 erstellen.
   
   Jedes unserer Bilder wird für 100 Bilder angezeigt. Da unsere Bilder pro Sekunde standardmäßig auf 24 eingestellt sind, haben wir für jedes Bild eine Anzeigezeit von etwa vier Sekunden.
   
   
2. Benennen Sie Ebene 1 in "Hintergrund" um. Klicken Sie auf derselben Ebene mit der rechten Maustaste auf Frame 300 (100 Frames x 3 Bilder) und fügen Sie einen leeren Frame hinzu (Frame einfügen). Dadurch wird die Hintergrundebene während der gesamten Animation angezeigt.
   
   
3. Fügen Sie eine neue Ebene hinzu und nennen Sie sie "Image1". Diese Ebene enthält unser erstes Bild. Wir möchten jedoch nicht, dass das Bild bis Frame 2 auf der Bühne erscheint. Denken Sie daran, Frame 1 wird unser Preloader sein. Klicken Sie in Bild 2 dieser Ebene mit der rechten Maustaste und fügen Sie einen Keyframe hinzu.
   
   Jetzt werden wir unser erstes Bild hinzufügen.
   
   
4. Klicken Sie in der Menüleiste auf Datei - Importieren - In Bühne importieren. Dies sollte unser erstes Bild zentriert auf der Bühne platzieren. Um sicherzustellen, dass es wie gewünscht ausgerichtet ist, wählen Sie das Bild aus und wechseln Sie zum Eigenschaftenfenster. Die X- und Y-Positionswerte sollten beide auf 0,0 eingestellt sein.
   
   Speichern Sie Ihre Projektdatei.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: adobe flash cs4 tutorial: Creating a slideshow (Kann 2024).