Info

Voor het vak "webanimatie" heb ik een 404 pagina gemaakt met daarop een toepasselijke geanimeerde olifant die de bestanden van de site aan het verorberen is. Deze animatie werd gemaakt met HTML, CSS3 keyframes en een klein deeltje photoshop (één van de olifants lichaamsdelen is een bewegende gif). Het werkt in alle populaire browsers en bij alle mogelijke schermafmetingen. Via deze speelse pagina kan de verdwaalde gebruiker zijn weg terug vinden naar roelifant.com.

Klik op de onderstaande link om het in actie te zien!

Proces

Met een site genaamd 'roelifant.com' moest ik wel een olifant maken. Maar wat voor olifant dat dan moest zijn en hoe ik die zou tot leven brengen, daar moest ik eerst goed over brainstormen. Ik schetste veel voorstellen van olifanten. Ik zocht ook naar de olifanten van andere illustrators op het net om me te inspireren. De uiteindelijke olifant is toch één van mijn eigen ideeën geworden, omdat deze makkelijk te animeren was en omdat ik het leuk vond hoe gek hij er uit zag. Voor de kauw-animatie van de olifant heb ik veel geleerd uit de animatie van een personage uit een computerspel (clubpenguin). In dat spel konden spelers een huisdier koekjes voederen. Ik heb de verschillende frames van die animatie goed bekeken en het bleek erg nuttig te zijn.

afbeelding van proces afbeelding van proces afbeelding van proces afbeelding van proces afbeelding van proces

Ga terug naar

het portfolio