Opgavebeskrivelse

Opgaven i denne workshop var at lave et spritesheet i Adobe Illustrator og animere det i CSS.

Proces

Først og fremmest skulle vi finde på en ide. Jeg kom hurtigt på ideen om en bold med et ansigt der rullede in på skærmen og derefter rullede væk. Dog skete der mange tekniske fejl, der gjorde at jeg mistede mit originale arbejde.

For eksempel begyndte Adobe Illustrator at gøre alle former skæve, uanset hvad jeg brugte som redskab. Da selv ikke underviserne forstød hvorfor det skete, måtte jeg slette mit arbejde og starte forfra.

Jeg måtte arbejde hurtigt, da jeg nu havde mistet tid på de tabte billeder.

Jeg gik derfor i gang med en simpel animation, hvor en boble med solbriller rullede ind på skærmen og derefter hoppede væk. Animationen bruge squash’n’stretch til at virke mere livlig.

Da mit spritesheet var færdigt, stødte jeg på endnu et problem. Mit HTML dokument var ikke forbundet med mit CSS dokument. Underviserne fandt hurtigt ud af, hvad problemet var, men kunne ikke finde frem til, hvorfor den linje kode i HTML ikke virkede.

Til sidst opdagede jeg, at jeg havde skrevet et ‘f’ i stedet for et ‘l’.

Refleksion

Jeg lærte tre ting til denne workshop.

• Jeg har meget at lære om Adobe Illustrator og skal læse mere op på programmet, så jeg ved problemerne jeg oplevede ikke gentager sig.
• Jeg skal bliver bedre til at sikkerhedskopier mit arbejde undervejs. Måske kunne jeg have reddet mit første forsøg, hvis jeg havde gjort det.
• Jeg skal være meget opmærksom på stavefejl i min kode.