Bildspel/ Slideshow

Gjorde ett bildspel med bilder som jag tog på Panama. Tyvärr är det inte deras musik, men det var den musiken som passade bäst av de som fanns på Kurswebben… Där nere i hörnet har ni en paus- och en playknapp, om ni vill titta extra länge på en bild.

Om du vill göra ett likadant bildspel gör du såhär:

Börja med att välja ut det antalet bilder du vill använda. Jag hade fem bilder.

Öppna sedan ett nytt dokument i photoshop som är 550x400px stort och har en upplösning på 72 ppi.

Beskär dina bilder så att de har samma storlek och upplösning och lägg in dem i varsitt lager i det tomma dokumentet.

Spara dokumentet, exempelvis i en mapp på skrivbordet som du kan kalla för bildspel och döp filen till exempelvis bildspel.psd.

Skapa ett nytt flashdokument som du förslagsvis döper till bildspel.fla. Se till att du har valt det work space som heter classic.

I menyn i flash väljer du file -> import -> import to stage och sedan din flashfil. I svenska flashversionen tror jag att det blir arkiv -> importera -> importera till scen.

Markera alla lager (håll nere shift och klicka på det sista lagret). Bredvid lagren kan du välja att importera lagren som en tillplattad bitmapp eller ”bitmap image with editable layer styles”. Välj den sistnämnda (står överst i listan) och tryck okej. Har du gjort rätt nu ska du ha fyra stycken nya lager i flash, med en bild i varje lager.

Nu ska vi arbeta i det översta lagret, så lås alla andra (du låser ett lager genom att klicka på punkten som ligger under hänglåset i lagerlistan). Sätt en keyframe i frame nummer ett och markera din bild. Därefter ska du under properties-menyn, som är till vänster på skärmen, och under Color Effect -> Style välja alpha och sätta alpha-värdet på 0 %. Det kommer göra att din bild är helt osynlig i den första framen.

Ställ dig nu i ruta tio, gör en ankarpunkt, markera bilden (som inte syns eftersom du har satt alpha-värdet på 0 %) och ge bilden alpha-värde 100 %.

Gör en ankarpunkt i frame 40 och en i frame 50. I frame 50 sätter du återigen alpha-värdet till 0 %.

Nu ska du infoga en Classic Tween mellan ankarpunkt ett och två, samt mellan ankarpunkt tre och fyra. Detta gör du genom att högerklicka i keyframen och välja Classic Tween. När du har gjort det låser och släcker du ditt lager. Man släcker ett lager genom att klicka på punkten som ligger under ögat i lagerlistan.

Sen ska du göra samma sak med de andra lagrena som du gjorde med det första, men nästa lager ska börja synas när det första tonas ut. Det betyder alltså att layer 3s keyframes ska ligga i frame 50, 60, 90 och 100 och så vidare.

Okej, bra jobbat! Nu är första delen klar! Vi har ett nice bildspel, men för att göra det superbra ska vi lägga till ljudet, en play- och pause-knapp samt lite action script.

Börja med att göra tre nya lager och döp dem til följande: musik, knappar, as.

Importera valfri musik (se bara till att den är i .mp3 format). Det gör du såhär: File -> import -> import to library -> ”dinmusik.mp3″.

När du gjort det set du till att du står i musiklagret och dra sedan in musikspåret på scenen. Sätt en keyframe i samma tid som den sista bildens sista keyframe finns.

Byt nu så att du har knapp-lagret aktivt och lås de andra lagren. Rita upp en knapp som du vill ha som playknapp med hjälp av penseln eller annat valfritt verktyg. Välj den svarta muspekaren och markera hela din playknapp. Högerklicka på den och välj Convert to symbol och döp den till play_mc och se till så att den är av typen Movie Clip. Tryck enter/klicka på okej.

Markera din nya symbol (du ser att den är markerad om den har en blå ruta runt sig). Till höger, under fliken Properties ska du i rutan Instance Name ge den namnet play_mc

Gör nu samma sak fast en pausknapp, som du döper till paus_mc, både som name och Instance Name.

Det sista du ska göra med knapparna är att sätta dem där du vill att de ska sitta under hela bildspelet och sen, precis som med ljudklippet, sätta dit en avslutande keyframe.

Till sist ska vill lägga till ActionScriptet, som gör att knapparna fungerar.

Ställ dig i as-lagret och högerklicka på keyframen och välj Actions

I Actions-rutan skriver du in den här koden:
import flash.events.MouseEvent;

paus_mc.addEventListener(MouseEvent.CLICK, stopTimeline);
play_mc.addEventListener(MouseEvent.CLICK, playTimeline);

function stopTimeline(e:MouseEvent):void{
stop();
}

function playTimeline(e:MouseEvent):void{
play();
}

Om allt står rätt till har du nu gjort ett fantastiskt bildspel!