Det enklaste sättet att göra rörliga bilder på webben är animerade GIF-bilder. En animerad GIF-bild är egentligen flera vanliga GIF-bilder som visas efter varandra. För att tillverka en animerad GIF-bild behövs ett speciellt program. Det finns många program att välja mellan men jag har valt ut två.
1. GIF Construction Set
2. WWW-Gif Animator
GIF Construction Set är det vanligaste programmet men enligt min åsikt inte det bästa. Båda programmen är gjorda för Windows 95 och jag vågar inte lova att de fungerar utmärkt i andra operativsystem. Nedan följer en enkel instruktion hur du tillverkar en egen animation i de olika programmen.
|
GIF Construction Set |
WWW-Gif Animator |
| 1. Hämta programmet. |
Programmet finns att hitta här:
http://spel.torget.se/tucows/preview/663.html
Programmet är c:a 4 Mb stort. |
Ladda hem programmet från:
http://stud1.tuwien.ac.at/~e8925005/ Programmet är c:a 0,3 Mb stort |
2. Gör ett antal stillbilder. |
Nu ska du tillverka bilderna som ska ingå i animationen. Dessa måste tillverkas i något bildredigeringsprogram t.ex. Paintbrush, Paint, Photoshop, Paint Shop Pro. Båda programmen klarar bildformaten: GIF, JPG, BMP, TGA m.fl. |
| 3. Infoga bilderna till animationen |
Starta programmet. Det kommer att se ut ungefär så här:
Klicka på "Insert", välj Image och leta upp den bild du vill infoga. Upprepa proceduren tills alla är infogade. Tänk på att öppna dem i den ordningen de ska komma i animationen. För att få animationen att köras om och om igen måste du lägga till en loop. Märk första raden (HEADER) genom att klicka på den. Välj Insert och infoga en Loop. |
Starta programmet. Du möts av ett fönster liknande detta:
Klicka på knappen med en mapp på (uppe till vänster). Välj bilden du ska infoga. Tänk på att infoga dem i den ordningen de ska komma i animationen. |
| 4. Spela upp animationen |
Tryck på View. Det är mycket möjligt att animationen går för snabbt. Det ska vi åtgärda i nästa punkt. |
Tryck på menyn Animation och välj "Start Animation". Det är mycket möjligt att animationen går för snabbt. Det ska vi åtgärda i nästa punkt. |
| 5. Bestäm hastigheten. |
För att få en bild att ligga kvar krävs att en du lägger till en "Control" efter bilden. Markera bilden genom att klicka på den. Tryck på Insert. Välj Control. Dubbelklicka på "Control" så får du upp en ruta där du bl a kan ställa in hur lång delay (fördröjning) du vill ha. Upprepa proceduren med alla bilderna. |
Tryck på menyn Preferences och välj "Parameters...". Här kan du bl a ställa in något som kallas "Global Delay" och "Local Delay". Värdena som kan ställas in är hur många millisekunder bilden ska ligga kvar. Om du ändrar i Global Delay kommer alla bilder att ligga kvar så länge som du valt. Ändrar du däremot Local Delay påverkas bara den bild du markerat. |
| 6. Finjustera |
Spara filen och öppna den i din webläsare. Ser den inte riktigt bra ut är det troligen färgerna som spökar. Om du dubbelklickar på en Control kan du ställa in vilken färg som ska vara genomskinlig (Transparent Color). Du kan också välja hur bilden ska försvinna efter att den har visats (Remove by). Oftast är "Background" det bästa värdet. |
Spara filen och öppna den i din webläsare. Ser den inte riktigt bra ut finns det många roliga specialeffekter att välja mellan. Klicka på Effect/Transition för att få fram dem.Prova och se hur de funkar! Du kan ställa in vilken färg du vill ska vara genomskinlig om du väljer Parameters under menyn Preferances. |
Nu är din animation färdig. Nu är det bara att infoga den som en vanlig bild på din websida.
Som sagt var finns det mängder av olika GIF-animeringsprogram. Trivs du inte med något av ovanstående program kan du ladda hem andra här.