Animationer og iøjne- faldende illustrationer

Blikfang, bevægelse og interaktion

Fotografier er fantastisk til at skabe blikfang og understøtte konteksten i dit webindhold. Men nogle gange er en illustration eller animation bedre til at understøtte dit budskab. Denne side viser et lille udsnit af de illustrationer jeg har lavet. Jeg tegner primært i

Inkscape

open source software til udarbejdelse af vektor illustrationer. Jeg har også udarbejdet enkelte illustrationer i

Blender

som er software til udarbejdelse af 3D grafik og video. Jeg foretrækker at arbejde i vektorformat da SVG-formatet kan skaleres uden at blive pixeleret. Det giver mulighed for at skabe nogle flotte ting som fylder meget lidt plads. Netop billedmaterialets størrelse er noget jeg altid er meget opmærksom på, da moderne webudvikling bør prioritere hjemmesidens hastighed højt - og her er det problematisk hvis billedmaterialet bliver for tungt. Til web-animationer er mit foretrukne arbejdsværktøj

GSAP

eller 'Green Sock Animation Platform' som gør det intuitivt at lave animationer som er understøttet i alle internet-browsere. Til animationer på denne side har jeg også anvendt GSAP, da det tillader at animationerne kan være lidt mere komplekse og/eller interaktive: Kun fantasien sætter grænser! Telefonen her på siden er tegnet i Inkscape hvorefter de forskellige lag i illustrationen er animeret med GSAP.

Inkscape illustrationer

Forskellige orange terninger med FAQ - frequently asked questions
Bærbar computer med sikkerhedsskjold og et skilt med udråbstegn som indikerer virusangreb
Grøn vørktøjskasse indeholdende forskelligt værktøj
Computer keyboard taster og computermus
3 tandhjul i forskellige størrelser
6 forskellige tegneseriefigurer som taler om trading-relaterede emner
Illustration med rødt kryds over hånd som holder en smartphone
mand der læser i papirer mens han rører sine briller
isometrisk illustration af klassisk armbåndsur

Blender illustrationer

3D illustration af fordelene ved Progressive Web apps
3D illustration af Ejaas logo
3D illustration med pen og blæk foran SVG logo