Advanced Interactive Design/Task 1

05/04/2023 ~ 05/07/2023 (Week 01 ~ Week 14)
Henry Lim Chin Xin
0349490
Bachelor of Design (Hons) in Creative Media
Advanced Interactive Design/Task 1: Interactive AR Application

Week 01
Things to do
-Research on TikTok Filters 
-Capture 3 Filters that you like and share.
-Brainstorm at least 3 ideas for your own filters (can get inspiration from Instagram filters as well)

First Filter: <Talking Art>
I like how they use the statue to become a 3D filter


Fig 2.1 <Talking Artwork> Filter JPG


Fig 2.2 <Talking Artwork> Filter MP4

Second Filter: <Name the Car>

Fig 2.3 <Name the Car> JPG


Fig 2.4 <Name the Car> MP4

Third Filter: <Thinking Pig 思考猪猪> from Chinese TikTok 抖音
I like this filter because it it very CUTE!!!


Fig 2.5 <Thinking Pig 思考猪猪> JPG

3 ideas for filter:
1. 3D Apple
2. EV cars randomizer
3. Art face mask

After having those ideas, I ask some feedback from lecturer and decide to do a robot face mask.

The idea of the face mask is about AI (Artificial Intelligence) is getting more use on our life, maybe it already evolve to robot equiped with AI that can change its face to a real person face and make no differences. The filter will be reveal the real face (robot face) under the skin.

This is the sketches of the filter:


Fig 3.1 Sketches

After having the sketches, I digitalized it







Fig 3.7 Digitalized Face Mask

After finish digitalized, I started to work in TikTok Effect House. Iused thier 3D Face Mask template to start on my project.

First I import those artwork into Effect House and it automatically became texture. So, in the section of face mask I just change the texture of it and duplicate to six. In order to change between the face mask, I add a script for screen tap.


Fig 4.1 Visual Scripting 1

And for making one face mask visible only on the timeline, I make up scripts below


Fig 4.2 Visual Scripting 2

I also added an instruction for screen tapping and make it visible for 3 seconds of the beginning.


Fig 4.3 Visual Scripting 3


Fig 4.4 Visual Scripting Main Graph

At the end, I added a background taken from https://www.pexels.com/photo/lightning-on-night-sky-9861432/


Fig 4.5 Background

After the effect done, I make a thumbnail for the publications on TikTok


Fig 4.6 Thumbnail

And below is the preview of the filter:


Fig 4.7 Filter Preview

Final Submission:

TikTok Filter Link:

Thumbnail:

Fig 5.1 Thumbnail

Preview Video:

Fig 5.2 Filte Preview Video


Comments

Popular Posts