Kom bara ihåg att om du gör ett mönster så måste du först göra bakgrunden "seamless" innan du börjar animera den, lägg allt på separata layer är ett bra tips, då är det enkelt.
Du behöver:
- Paint Shop Pro, du kan hämta en testversion
här.
- Min stjärntube kan du hämta här.
Spara den i din tubes-mapp.
1. Öppna en ny bild, 100x100 transparent bakgrund, ju mindre bakgrund destå snabbare laddas sidan, jag brukar göra mina max 200x200. Men det går givetvis att göra dem större.
och klicka i bilden så att den fylls med färg.
, klicka på den lilla pilen och leta
fram din sparkling tube. Sätt storleken till 30.
du finner den i verktygsraden
överst till vänster.9. Följ nu guiden med följande inställningar, klicka Next >
10. Klicka Next >
11. Klicka Next >
12. Här anger du hastigheten, jag väljer 30, men här kan du laborera dig fram, beroende på vilken typ av animering du skall göra.
Klicka Next >
13. Här klickar du på "Add Image.." och letar rätt på dina tre bilder, spelar ingen roll i vilken ordning de hamnar, gör du däremot en blinkie så är det ju rätt viktigt att bokstäverna kommer i ordning ;-)
Klicka Next >
14. Klicka på Finish
15. Nu visas dina tre bilder på rad, vill du testa
animeringen klickar du på "filmstripen" i verktygsraden
16. Verkar den ok, så klicka på spara och spara den som t.ex. anim_bkg.gif OBS! den måste heta .gif !!!
17. Nu kan du prova den genom att lägga in den som bakgrund på din html-sida. Det kan hända att du upptäcker att den inte är så snygg, denna tutorial är bara till för att lära dig metoden. Du kan behöv göra om momentet med att placera ut stjärnorna, göra dem fler eller färre, större eller mindre för att få ett gott slutresultat.
Hoppas ni tyckt att ni lärt er något. Hör gärna av er med frågor och kommentarer till mig på adressen cammis@svgo.com
