Tan Ying Yi (0362425)

TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA VIDEO AND SOUND PRODUCTION FINAL PROJECT INSTRUCTION Google Drive I use clay to make the character and draw the background myself. At first, my storyline is about a magician who is on his way home and he helps the kitten and a poor people. The lecturer said that it is quite boring if keep helping someone. So I decided to change the story to the magician bringing the kitten to the clinic and bringing it home. Final

30.8.2023-29.11.2023(WEEK 1 - WEEK 14) TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA ADVANCED TYPOGRAPHY FINAL COMPILATION AND REFLECTION INDEX Task 1:   Exercises Task 2:  Key Artwork and Collateral Task 3:  Type Exploration and Application SUBMISSIONS Task 1: Exercises 1 & 2 30.8.2023-13.9.2023  / Week 1 - Week 3 Task 1 - Exercise 1: Typographic Systems Fig 1.1 Axial Final (Week 2, 9/9/2023) Fig 1.2 Dilatational Final (Week 2, 9/9/2023) Fig 1.3 Grid Final (Week 2, 9/9/2023) Fig 1.4 Modular Final (Week 2, 9/9/2023) Fig 1.5 Radial Final (Week 2, 9/9/2023) Fig 1.6 Random Final (Week 2, 9/9/2023) Fig 1.7 Transitional Final (Week 2, 9/9/2023) Fig 1.8 Bilateral Final (Week 2, 9/9/2023) Fig 1.9 Typographic System Final -- PDF without grids (Week 2, 9/9/2023) Fig 1.10 Typographic System Final -- PDF with grids (Week 2, 9/9/2023) Task 1: Exercise 2: Type and Play Fig 1.11 Process Compiled (Week 3, 13/9/2023) Fig 1.12 Compare  (Week 3, 13/9/202...

31/10/2023 (WEEK 10) TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INTERACTIVE DESIGN INSTRUCTIONS Sources and Tutorials How to display a gif fullscreen for a webpage background Center a button in HTML Prototype https://miro.com/app/board/uXjVNSwGThM=/ Final Webpage https://tanyingyi-finalproject.netlify.app/ The gap should be bigger as it had touched the edge of the screen. I should use a more serious font. We can use a red border to check which part is bigger when the webpage looks weird. 

19/10/2023 (WEEK 8) TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INTERACTIVE DESIGN INSTRUCTIONS Sources and Tutorials How to Insert Icons Icons How to Insert Progress How to Circular The Image Process I searched for a tutorial and inserted a progress bar. I changed the display mode on different devices to avoid overlapping words while using small-screen devices like phones. I changed the width to 100% and the height to auto so that the image wouldn't be bigger than the box while using smaller devices. I also changed to a softer color so that the layout looks more comfortable. Final

18.10.2023  - 29.11.2023 (WEEK 8 - WEEK 14) TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA ADVANCED TYPOGRAPHY TASK 3 LIST LECTURES INSTRUCTIONS TASK 3 FEEDBACK REFLECTIONS FURTHER READING LECTURES Refer to Task 1 and Task 2 . INSTRUCTIONS TASK 3 Google Slides In this task, I am designing a typeface about music. Problem: In YouTube music videos, there is usually a lyric display, but the font for the lyrics is different in each video.  Solution: Explore a typeface that is more interesting a nd relevant to music. I use notes in sheet music as a reference. Fig 1.1 Piano Sonata #14 "Moonlight" ( Week 9, 28/10/2023) Exploring Typeface in Adobe Illustrator Fig 1.2 Process ( Week 9, 28/10/2023) Fig 1.3 Outlines ( Week 9, 28/10/2023 ) ...