Inlämningsuppgift 1

Jag har gjort en liten flash-baserad hemsida till inlämningsuppgift 1 där jag samlat alla mina övningar.

När man öppnar sidan hamnar man i filen index.swf och möts av ett litet intro med en bild på mig och en meny med knappar längst upp. Har ritat dit lite förklaringar så det skulle framgå lite tydligare vad som är vad.

I menyn finns mina olika övningar indelade i tre kategorier, animeringar, bildhantering och ljudhantering. Trycker man på något så öppnas motsvarande övningsfil i den svarta ramen.

Alltså, hemsidan består av ett gäng olika filer. index.swf är en hållare med meny som visar upp de andra filerna i en ram.

Övningarna
Jag har till övningen gjort en frame-by-frame animation. Alltså jag har suttit och ritat varje rörelse (frame) för sig. Påminner hemskt mycket om när jag var liten och ritade en streckgubbe i hörnen på ett gäng A4 som rörde sig när man bläddrade igenom alla fort. I min animation är det en tjej som tittar in i ett rum och sen kommer in och blåser upp en ballong. Tog en faslig tid att rita allting. Som tur är finns en funktion i Flash så man kan se rutan innan lite genomskinligt samtidigt som man ritar på nästa del av rörelsen.

Jag gjorde också en shape-tween. Ritade en sol vars strålar växer ut över sidan och får en blomma att växa. Här hjälper Flash till att göra rörelserna. Jag ritar en ruta (frame) när grejerna är i sitt ursprungsläge och hoppar sen fram lagom långt, i det här fallet nån sekund och ritar hur allt ska se ut i slutläget och ber sedan Flash räkna ut hur saker ska röra sig där emellan.

Slutligen gjorde jag ett bi som flyger och landar på en blomma och sedan flyger iväg igen. En övning där jag använde mig av både shape-tweens och motion-tweens. Motiontweens förändrar inte objektet utan flyttar på det åt mig. Biet flyger längs en bana jag ritat ut. Biet blir större och mindre med en shape-tween däremot.

Bilder i Flash
Det går också att få in bilder i Flash. Allt måste inte ritas själv som tur är. Jag gjorde en bitmapsekvens, en bild av mig jag modifierat i Photoshop så jag blinkar och pratar (gjorde 3-4 versioner av bilden och tog in alla i Flash och la dem efter varann).

Jag gjorde ett bildspel där bilderna tonas in och ut ur varann. La en bild i tre sekunder och använde en sekund i början till att gå från genomskinligt till fullt synligt och en sekund i slutet från synligt till genomskinligt. Upprepade det hela för 3-4 bilder.

Ljud
Sista övningen jag gjorde var en komiker med en docka på en scen som berättar ett skämt som möts av lite ljumma applåder från publiken. Viktigast här var att få munnen att prata synkroniserat med ljudet. Animerade nästan frame-by-frame med övre halvan av huvudet på både komikern och dockan (inspirerat av South Parks gubbar från Kanada).

Slutkläm
Flash är ett väldigt kreativt verktyg men det tar verkligen längre tid än man tror att göra allt snyggt. Tur att Flash är så pass smart att det kan hjälpa till ibland (med tweens till exempel).