Assignment: Create an interactive animation triggered by buttons.



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.


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.)


Interactive buttons

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