ADVANCE INTERACTIVE DESIGN | TASK 1: TIKTOK FILTER & TASK 2: INTERACTIVE WEBSITE
APPLICATION DESIGN II | TASK 1: TRENDING EXPERIENCE
Er Xin Ru (Melanie) | 0354939
Bachelor Of Design (Hons) In Creative Media | Taylor's University
Subject: DST61004 - Advance Interactive Design
LECTURES
WEEK 1 | 4.4.2023 & WEEK 2 | 11.4.2023
For this 2 weeks I were not in class because : I'm decided to change subject from Application Design II to Advance Interactive Design. As now i'm taking App Design II but i encountered difficulties on the first day of class and are struggling to catch up the syllabus. After consulting with sir, that I actually should take Advance Interactive Design as a foundation/basic first before taking App Design ll subject.
After that, I'm successfully drop Application Design II to next Sem and Advance Interactive to this Sem.
WEEK 3 | 18.4.2023
This week is my first day for the class. At first, we were required to download Adobe Animate. It takes times ad my laptop is out of storage. After that, Sir continue with Lecture and Tutorial. We did 2 exercise which is to create (Shape moving - Rotation - Changing Shapes - Colours) and (Bee that are flying with wings) using Adobe Animate. Its quite challenging because it may first time using the Adobe Animate and its kinda lost and challenging for me. I'll try my best to catch it up.
Here are the exercise I did during my class
Exercise 1 : Shape moving - Rotation - Changing Shapes - Colours
Exercise 2 : Bee that are flying with wings
WEEK 4 | 25.4.2023
This week is an online class. Today we are going to do a (ball that are bouncing - bouncing effects) and feel using Adobe Animate. Here are the first part of the exercise. Sir check one by one with our progression. I did not show it as I only have iPad with me at the time. But after that, I see back the tutorial video to complete it.
Live Tutorial in Youtube:
Here are the first part of the exercise I've done following sir tutorial:
Exercise 1 | Ball Bouncing - First Part :
TIKTOK SUBMISSIONS
PROPOSAL
I done a lot of research before creating and come out ideas with my TikTok Proposal & Slides.
SLIDES
HOW I START
PROGRESSION USING AFTER EFFECTS
But after consideration, I'll decided to do completely different from what I propose at my proposal which I wanted to do more cute type tiktok filter, which I think is more suitable as my type as I like cute things very much!
Download Effect House
Download Face Template - To do my filter
makeup and face effect
Gif Created for mouth open effect for my filter
Gif Created for background with my interactive with the filter
Gif Created for background with my interactive with the filter
Gif Created for background with my interactive with the filter
Final Outcome for TikTok Filter with
animating the elements - Link
Video : Final Outcome for TikTok Filter with
animating the elements
Final Outcome for TikTok Filter w: Open Mouth Link
Final Outcome for TikTok Filter Submission
Final Outcome for TikTok Filter Submission:
Create name (CUTIEPIEEE) and Filter profile image
Final Outcome for TikTok Filter Submission:
Create name and Filter profile image
TikTok Filter Submission
FINAL SUBMISSION IN TIKTOK
Tiktik Profile Link: https://www.tiktok.com/@melexr_?_t=8dOf9xzXKde&_r=1
TikTok filter link : https://vt.tiktok.com/ZSLkrq8e3/
INTERACTIVE WEBSITE SUBMISSION
ADVANCE INTERACTIVE SUBMISSION
For this project, I decide to promote a brand called CHUCKS,
which is a local skincare brand which I was in love with. Today I'm going to do an interactive website to promote the brand and products. Here are their website: https://www.chuck-s.co/about
Firstly, I do my design in Adobe illustrator.
Design ideas & Progression - chucks skincare brand
Next I paste my design into Adobe Animate/ CC and continue with animating & coding(Assets & Code Snippers).
my homepage - chucks skincare brand
store (skin) - chucks skincare brand
store (body) - chucks skincare brand
store (mask) - chucks skincare brand
store (merch) - chucks skincare brand
collections - chucks skincare brand
contact - chucks skincare brand
save - chucks skincare brand
progression on my animation & design - chucks skincare brand
Final Submission of Advance Interactive - chucks skincare brand
FINAL SUBMISSION - VIDEO PRESENTATION WALKTHROUGH
Final Advance Interactive Submission - Video Presentation Walkthrough
Final Advance Interactive Adobe Animate/CC - Video Presentation Walkthrough
REFLECTIONS
Experience, Observation & Findings
My experience is i done my best to do all of the assignment and I did learn a lot with Sir Mr.Razif. I was being fruitful by doing the assignment which I did not explore and learn before, which I able to dive into much more deeper about Adobe Animate, TikTok Filter and also coding which is really challenging for me which I'm really not good at it which really suffer me during the progression but after coming out which final outcome, I can feel my improvement and also did my best which worth my effort. During the progression, I've learn and have huge improvement since I keep learning and exploration more on how to do it, to figure out by myself.
Throughout all of the 14 weeks, I felt amazingly happy with the outcome and how far I've has made. I saw a growth with my abilities using the software and skills during the whole assignment which when deeper and more into it deeper. Overall, the process is very challenging comparing to others adobe software, but the knowledge and exploration gained end up making it all worthwhile.
Comments
Post a Comment