Advanced Interactive Design - Project 2

Advanced Interactive Design



07.10.2021 - 04.11.2021  (Week 7 - Week 10)
Wong Kai Yi (0340236)
Advanced Interactive Design
Exercises


1. LECTURE


Spark AR 
1. Brand experience
2. User experience

3D object and face mask. For 3D effects like glasses, use face decoration. 

Here are 2 examples I did for tutorials:

Example 1

Example 2

Example 2 was a failure because I used face mesh instead of face decoration.

Additionally, Mr Razif also showed us how to use particle emitter, UI picker etc.



2. INSTRUCTIONS



Project 2

Idea

Business: Travel agency / airline 
Sketch


There will be three filters: Beachside, snorkeling, Paris
1. Beachside
Sunglasses
Interaction: open mouth, coconut water / a drink will appear
Background: beach
Additional: Color correction

2. Snorkeling
Snorkeling set: mask and mouthpiece
Interaction: open mouth, seahorse / fish swim by
Background: underwater
Additional: Color correction (bluish)

3. Paris
On the head Heart or beret (artist hat) OR frame of heart shapes around the borders
Interaction: open mouth, rose or paintbrush
Background: Eiffel Tower
Additional: Color correction 

* Interaction might change (e.g. not just open mouth, can be other types)
* Changes will still be made during the process

Some pictures from Unsplash for reference:

Unsplash ref 1

Unsplash ref 2

Unsplash ref 3

Unsplash ref 4

Unsplash ref 5

Illustrations done in Photoshop

Snorkeling glasses and tube

Snorkeling glasses and tube

Sunglasses

Sunglasses



Completed Assets

Filter assets

Icons for UI Picker

UI Picker assets

Backgrounds from Unsplash

Backgrounds from Unsplash


Progress in Spark AR Studio (YouTube)





3. FEEDBACK

Week 9

The ideas are good to go. Can start preparing assets. Once the assets are done, it is quite fast to use Spark AR studio to make the filters.


Comments

Popular posts from this blog

Publishing Design - Final Compilation & Reflection

Design Research Dissertation

Brand Corporate Identity - Project 3