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.)
![logo's-04](https://jamilvice.nl/wp-content/uploads/2020/06/logos-04.png)
[instagram-feed feed=1]
Interactive buttons
Each one of these buttons trigger a different animation on the characters face.
![Icon_eye_2](https://jamilvice.nl/wp-content/uploads/2020/05/Icon_eye_2-1.gif)
![Icon_mask_2](https://jamilvice.nl/wp-content/uploads/2020/05/Icon_mask_2-1.gif)
![Icon_tear_2](https://jamilvice.nl/wp-content/uploads/2020/05/Icon_tear_2-1.gif)