Flash CS4-diavoorstelling van afbeeldingen

• April 27, 2024

Veel van mijn klanten willen een kleine diavoorstelling op de voorpagina van hun winkel, blog of website. Dit kan een diavoorstelling zijn van de aanbevolen producten in de winkel of de nieuwste foto's die ze aan hun blog hebben toegevoegd.

Deze diavoorstelling kan op veel manieren worden gedaan, waaronder JavaScript, een gif-animatie en Flash^R. Ik gebruik Flash graag omdat dit een gemakkelijke en snelle manier is om een ​​eenvoudige diavoorstelling te maken die meerdere afbeeldingen achter elkaar weergeeft. Aan de andere kant is het ook eenvoudig om een ​​geavanceerdere op XML gebaseerde diavoorstelling met overgangseffecten tussen de afbeeldingen te bouwen. In de volgende paar tutorials zullen we een diavoorstelling van een afbeelding in Flash CS4 bouwen, beginnend met een vlakke afbeeldingweergave en een geavanceerde versie met overgangseffecten.

Het enige dat u voor deze zelfstudie nodig hebt, zijn drie jpg-afbeeldingen en Adobe Flash. Het is beter als de afbeeldingen allemaal even groot zijn. We gebruiken er slechts drie voor onze zelfstudie, maar u kunt er zoveel gebruiken als u wilt. Houd er rekening mee dat meer afbeeldingen ervoor zorgen dat de downloadtijd voor uw Flash SWF-bestand toeneemt.

Open Flash CS4, start een nieuw ActionScript 3-project en laten we aan de slag gaan.

1. De eerste stap is om het podium op dezelfde grootte in te stellen als onze afbeeldingen. Klik op de menubalk op Wijzigen - Document. Voer in het dialoogvenster Documenteigenschappen de Breedte en Hoogte in pixels in voor uw afbeeldingen. Hiermee wordt de fase aangepast. Misschien wilt u ook de achtergrondkleur wijzigen. Klik op het kleine kleurvak en kies een kleur. Misschien wilt u de achtergrondkleur van uw webpagina aanpassen.
   
   We zullen Frame 1 op de tijdlijn gebruiken voor de Preloader-code, die we later zullen toevoegen. Dus voor nu zullen we beginnen met het bouwen van onze diavoorstelling op Frame 2.
   
   Elk van onze afbeeldingen wordt weergegeven voor 100 frames. Omdat onze Frames per seconde standaard is ingesteld op 24, geeft dit ons ongeveer vier seconden weergavetijd voor elke afbeelding.
   
   
2. Wijzig laag 1 in "Achtergrond". Klik in dezelfde laag met de rechtermuisknop op Frame 300 (100 frames x 3 afbeeldingen) en voeg een leeg frame toe (Frame invoegen). Hierdoor wordt de achtergrondlaag tijdens de hele animatie weergegeven.
   
   
3. Voeg een nieuwe laag toe en noem deze "Image1". Deze laag zal onze eerste afbeelding bevatten. Maar we willen niet dat de afbeelding op het podium verschijnt tot frame 2. Vergeet niet dat frame 1 onze voorlader zal zijn. Klik met de rechtermuisknop op frame 2 van deze laag en voeg een keyframe toe.
   
   Nu zullen we onze eerste afbeelding toevoegen.
   
   
4. Klik in de menubalk op Bestand - Importeren - Importeren naar werkgebied. Dit zou ons eerste beeld in het midden van het podium moeten plaatsen. Om er zeker van te zijn dat deze is uitgelijnd zoals we willen, selecteert u de afbeelding en gaat u naar het deelvenster Eigenschappen. De X- en Y-positiewaarden moeten beide worden ingesteld op 0,0.
   
   Sla uw projectbestand op.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: adobe flash cs4 tutorial: Creating a slideshow (April 2024).