SVG-animaatiot

Innostuin animoinnista kokeillessani vuosia sitten ensi kertaa Adoben Flashia, jota käytin myös paljon työvälineenä mainostoimistossa töissä ollessani.

Syksyllä 2019 olin Berliinissä Beyond Tellerand-konferenssissa, jossa inspiroidun kovasti Cassie Evansin esityksestä. Cassie kertoi animoivansa piirtämiään SVG-kuvia CSS:sää ja Javascriptia hyödyntäen. Olen tykännyt toteuttaa yksinkertaisia kuvituksia ja animaatioita. Lisäksi minulla on myös jo pitkään ollut kiinnostusta koodamisen harjoitteluun. Tajusin, että voisin itsekin hyödyntää kaikki näitä osa-alueita ja kuvistusten animointi on mukava visuaalinen tapa harjoitella koodaamista.

Ohessa yksi tekemistäni animaatioista. Vektorikuvat on piirretty Illustratorilla ja animaatiot on toteutettu CSS:sää ja anime.js-kirjastoa hyödyntäen.

See the Pen Helsinki by Laura Ojala (@loreojala) on CodePen.