Moonia

Assignment: Create an interactive animation triggered by buttons.

 

Character

I drew a manga-like character by myself in Illustrator. I separated each part of the face into different layers.

After that I imported the file in Adobe After Effects where i created the different animations. There are 3 animation in total.

Character

The next step was to import the animations into Adobe Premiere Pro. Here I added the sound effects and exported the files as mp4’s.

Finally I web-coded the website myself. I added all the video files and triggered each video by clicking on one of the buttons. See the buttons below. (I created the buttons the same way.)

 

[instagram-feed feed=1]

Interactive buttons

Each one of these buttons trigger a different animation on the characters face.