Saturday, 16 December 2023

Major Project - PDW

 16/10/2022 - 20/10/2023 / Week 8

Woo Shuen Yan / 0342415 / Bachelor's in Creative Media
Major Project - PDW


INSTRUCTIONS

  • Please find attached the PDW Class Briefing Slides for your perusal and reference.
  • Please study it carefully and familiarize yourself with the important information contained therein.
  • The information contained in the slides is the latest and up-to-date, and will supersede/replace what has been shared during the class briefing.  
  • Please also find attached the PDW Full Schedule. Inside it, you will find the Google Form registration links embedded in it.


REFLECTION

Participating in Taylor University's Professional Development Week (PDW) during week 8 was a transformative experience that opened my eyes to the essential skills and knowledge needed as a fresh graduate entering the professional arena. The diverse array of workshops I attended provided invaluable insights, equipping me with the tools to navigate the challenges and opportunities that lie ahead.

One of the standout sessions I chose to attend was "Financial Literacy for Fresh Graduates." This workshop delved into the crucial aspects of managing finances in the early stages of one's career. Learning about budgeting, investments, and financial planning was eye-opening, offering a solid foundation for making informed financial decisions as I embark on my professional journey.

Another noteworthy session was "Career Readiness & Employability Success: 10 Quick Top Tips That Will Help Graduates Get Hired." This workshop provided practical tips for enhancing employability, from crafting a compelling resume to acing job interviews. The insights gained have empowered me to present myself effectively to potential employers and stand out in a competitive job market.

"Succeeding in a Multi-Role Creative Media Industry" shed light on the dynamic nature of the creative media field. The session emphasized the importance of versatility and adaptability, instilling in me a proactive mindset to excel in a rapidly evolving industry.

The workshop on "Best Practices in LinkedIn & Professional Online Etiquette" underscored the significance of a strong online presence in today's digital age. I learned how to leverage LinkedIn as a powerful tool for networking and building a professional brand, paving the way for future career opportunities.

As I prepared to enter the job market, the session on "Acing Your Interview at Assessment Centers: Strength Based Interview vs Behavioral Interview" provided valuable insights into the intricacies of different interview formats. Armed with this knowledge, I feel more confident and well-prepared to navigate various interview scenarios.

"How to Have an Idea" challenged my creativity and encouraged me to think outside the box. This session emphasized the importance of innovation and problem-solving, skills that are integral to thriving in any professional setting.

"The Storyteller & Super-Producer: Lessons from the Creative Media Industry" was a captivating exploration of the narratives and strategies that drive success in the creative media realm. I gained a deeper understanding of the storytelling process and the role of producers in bringing creative visions to life.

In conclusion, Taylor's PDW was a holistic journey that not only broadened my horizons but also equipped me with the practical skills and knowledge necessary for a successful transition from student life to the professional world. As I reflect on the invaluable insights gained from each workshop, I am filled with gratitude for the opportunity to invest in my personal and professional growth during this transformative week. Armed with newfound knowledge and confidence, I am ready to embark on the next chapter of my journey with a sense of purpose and readiness to face the challenges and opportunities that await.

Friday, 15 December 2023

Major Project

28/08/2022 - 01/12/2023 / Week 1 - Week 14

Woo Shuen Yan / 0342415 / Bachelor's in Creative Media
Major Project


INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1IEeUVz6EklyNNkguhdc_pbEo6ocaMRuA/preview" width="640" height="480" allow="autoplay"></iframe>



PROGRESS

Week 1

In the first week of the 'Major Project' module, our lecturer provided valuable guidance by showcasing exemplary works from seniors, elucidating the key aspects of each project. This insightful session empowered me to make an informed decision, and I have chosen to focus on motion graphics as my project of interest.

As a design student specializing in Animation, my proficiency spans 3D Animation, 2D frame by frame Animation, and Motion Graphics. With this diverse skill set, I've chosen to embark on a motion graphics project for the major module, leveraging my expertise to create a compelling and visually dynamic piece.

I opted for motion graphics as my major project focus during the first week of the module, following our lecturer's wise counsel to stick to familiar mediums. This decision ensures that I can leverage my existing skills and expertise for a more confident and successful project execution.

Week 2

After expressing my interest in motion graphics to Mr. Asrizal and showcasing one of my confident motion graphic works, I received his approval to pursue motion graphics as my final year project. I'm excited to delve into this medium and create a project that reflects both my skills and creative vision.

In the second week of the module, our task was to generate potential ideas for the major project, and I enthusiastically brainstormed four concepts:
  1. 'Stepping out of your comfort zone'
  2. 'Discovering who you are'
  3. 'Define your style'
  4. 'Define you'
Each idea reflects a unique perspective, and I am excited to further develop one of them into a captivating motion graphics project.

Week 3

In the third week, I took the initiative to materialize my potential project ideas by creating PowerPoint slides on Canva Design. I focused on one specific concept, 'Define Your Style,' and delved into the details, outlining the theme of the video as 'Define your own aesthetic identity.' Eager for feedback, I presented these slides to my specialization lecturer, Mr. Kamal, seeking guidance and validation for the direction of my motion graphics project.

Idea presentation Slideshow

<iframe src="https://drive.google.com/file/d/1FEamm7LghkIXytUBrSIdBQoPJVzdRuUc/preview" width="640" height="480" allow="autoplay"></iframe>

Week 4

In the fourth week, Mr. Kamal tasked me with drawing out the storyboard for my motion graphics project. However, grappling with the challenge of envisioning smooth transitions in a project focused on aesthetics, I opted to share a detailed verbal account of the narrative and concept with him instead. This allowed me to convey the intricacies of my motion graphics story, seeking guidance on the storytelling elements before translating them into a visual storyboard.

In addition to sharing the details of my motion graphics story, I once again presented Mr. Kamal with my moodboard in week 4. The moodboard encapsulates the visual and stylistic inspirations that will guide the aesthetic direction of my project, providing a comprehensive glimpse into the mood and atmosphere I aim to achieve in the final motion graphics piece.



Figure 0.1: Moodboard 1, 18 September 2023


Figure 0.2: Moodboard 2, 18 September 2023

Week 5

During the fifth week, alongside presenting my visual storyboard to Mr. Kamal, I shared the music I had edited for my motion graphics project. Recognizing the importance of aligning the visual and auditory elements, he suggested creating an animatic to enhance the overall vision. This valuable feedback highlights the collaborative effort to refine my project, ensuring a harmonious integration of visual storytelling and music.


Figure 0.3: Storyboard 1, 25 September 2023

Figure 0.4: Storyboard 2, 25 September 2023

Audio edit mixdown

<iframe src="https://drive.google.com/file/d/174K7zwGe8-Jy-hLtY7V8ZBYzvPQekTmm/preview" width="640" height="480" allow="autoplay"></iframe>

Week 6

In the sixth week, I presented my animatic to Mr. Kamal and initiated the character design process using Illustrator, followed by testing edits in After Effects. However, upon sharing my initial character design, I found it lacking in the dynamic visual appeal I envisioned for the motion graphic. Consequently, during the discussion with Mr. Kamal, I proposed an alternative idea that involves incorporating two different art styles. This concept aims to symbolize the transition of the girl delving into the cyberspace and transforming into a chibi character, adding a unique and visually engaging element to the project.

First artstyle attempt of character design


Week 7

In the seventh week, substantial progress was achieved in the development of the first scene of my motion graphic project. I meticulously crafted the character design, applied animation to the various layers using the puppet tool, and seamlessly edited the background animation. The culmination of these efforts resulted in a captivating "TV scene," marking a significant milestone in the visual storytelling journey of my motion graphic project.

Second artstyle attempt of character design

Figure 0.5: girl artstyle 1, anime, 06 October 2023

Figure 0.6: girl artstyle 2, chibi, 06 October 2023

Figure 0.7: Tv scene girl, 06 October 2023

Figure 0.8: Tv scene girl, animated, 06 October 2023


Figure 0.9: Tv scene all elements put together, animated, 09 October 2023

Figure 1.0: Tv scene background, animated, 09 October 2023


Figure 1.1: Tv scene, animated, 02 October 2023

Week 8 - PDW 16 October 2023

Week 9

In week 9, I shifted my focus to the next segment of the animation—the 'loading screen.' Despite numerous attempts, the visual elements were refined after a consultation with Mr. Kamal. His feedback, particularly on adjusting the contrast of selected visuals, proved instrumental in enhancing the overall aesthetics of the loading screen. This collaborative effort ensured a more polished and visually appealing outcome for this section of the motion graphic.

Week 10

In the tenth week, I presented Mr. Kamal with the progress of my animation, seeking his feedback. During our discussion, he provided valuable insights on enhancing the immersion of the TV scene, suggesting a twirl zoom for the transition instead of a shake. Encouraged by his constructive feedback, I am now motivated to incorporate these improvements and continue refining my work for the subsequent stages of the motion graphic project.

Week 11

In week 11, I successfully completed the initial half of my animation project. Simultaneously, I participated in the final idea presentation, receiving predominantly positive feedback from a panel of four design school lecturers. However, some constructive suggestions were put forward, advising me to reconsider the wording of my title and ensure optimal color contrast for a visually pleasing experience for the audience. These insights will be instrumental in refining and enhancing the overall impact of my motion graphic project.

Animation progress showed on Week 11

<iframe src="https://drive.google.com/file/d/1_Fo62Wfem-X4-QAu99V1mJO3ReEfkJYP/preview" width="640" height="480" allow="autoplay"></iframe>

Week 12

In week 12, I took a significant step in refining my project by conceptualizing and implementing a more fitting title. Adjusting the elements in my animation to align with the new title, I presented the updated progress to Mr. Kamal. During our discussion, he suggested incorporating sound effects, particularly for transitions like the 'shooting star' and '3D zoom out of the TVs,' to elevate the audience experience. This valuable feedback has inspired me to further enhance the audio-visual dynamics of my motion graphic project.

Week 13

In week 13, I presented the final iteration of my animation to Mr. Kamal for consultation. During our discussion, he offered insightful feedback, recommending a subtle adjustment to the opening scene. Suggesting that avoiding a loud and sudden start might enhance the audience's initial experience, he proposed a transition from a slow to a more dynamically engaging beginning, creating a gradual build-up that captivates the viewers from the start. This valuable guidance will contribute to crafting a more impactful and audience-friendly introduction to my motion graphic project.

Week 14

In response to Mr. Kamal's feedback in week 13, I dedicated time to edit the music, creating a more gradual and engaging beginning for my motion graphic. On the exhibition day, I showcased this updated version to him. Following this, my focus shifted to poster designs in week 14. I successfully crafted and printed the posters in time for the exhibition, ensuring a well-rounded presentation of my motion graphic project.

<iframe src="https://drive.google.com/file/d/1cIBHcruAMw1g2WbOXe1jGkqNPWIiTBoy/preview" width="640" height="480" allow="autoplay"></iframe>


<iframe src="https://drive.google.com/file/d/11yqfLxXXw27GUQfhy_FuzdMoTw2YqJ9Y/preview" width="640" height="480" allow="autoplay"></iframe>

Week 16

Exhibition Day!!!!

Figure 1.2: Exhibition booth at Taylor's Mayamode, 8 December 2023

Final Motion Graphic

<iframe src="https://drive.google.com/file/d/1II9jT6GHVbr4XkXNMKj6Eh3IR1o-9N35/preview" width="640" height="480" allow="autoplay"></iframe>


Final Presentation Slideshow

<iframe src="https://drive.google.com/file/d/1vocSos_SuwFjjXENn9MYxCKARt-8ecj_/preview" width="640" height="480" allow="autoplay"></iframe>

Wednesday, 14 December 2022

Minor Project


29/08/2022 - 14/12/2022 / Week 1 - Week 15

Woo Shuen Yan / 0342415 / Bachelor's in Creative Media
Minor Project


INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/17DaF0XlT8xwN1OqCCNBVTFRsJkLH7xVC/preview" width="640" height="480" allow="autoplay"></iframe>


PROGRESS

Week 1

The minor projects consist of a series of practical projects that necessitate the collaboration of students from various majors such as Business, The Design School, and Computer Science (and Engineers). All of which were to be chosen based on the project themes listed below:
  • Project Arttrek
  • Project Connected Village
  • Project Catalyst Match
  • Project Watered
  • Project R&D Studio: Sang Guardians
  • Project R&D Studio: House of Wisdom
Week 2

Mr Mike introduced and explained MIRO to us this week. Miro is a collaborative white-boarding platform that allows distributed teams to collaborate effectively, from brainstorming with digital sticky notes to planning and managing agile workflows. We will use this platform to share our progress with our group members.


Imran, Alvin, Raghad, Xin Yan, and Hussain were my groupmates. In terms of specialisation, there is a good balance (Animation, New Media, and Graphic Design ). Catalyst Match was the topic we had chosen.


Week 3

In these few weeks, we started the challenge analysis, which contains our general knowledge, our beliefs and knowledge regarding this topic, as well as our areas of interest, is where we started. All of these were written and brainstormed in our MIRO board.

Catalyst Match. This project is about the difficulties encountered while developing a mobile game app using the psychometric test provided by Epitome. The most difficult challenge is transitioning all of the psychometrics into fun aspects.

In the MIRO board, we discussed what we know currently about the career profiling tool nowadays. There is no app where psychometric tests are enjoyable to do and can be used for things like estimating our personas' employment prospects, thus our personas find it challenging to finish a psychometric test without feeling pushed and scared.

We have come up with some points about what do we think we already understand about this challenge. We are aware that everyone who has taken a psychometric test is impacted by this issue. We understand that this challenge is a significant problem for our personas who are unsure of their career prospects, as well as for those who are actively looking for work. Furthermore, We also understand that no other application has adequately addressed this challenge because their UI is much simpler and they focus on fewer issues than our solution does.

Week 4

This week, the lecturer reviewed our questionnaires and provided us with a lot of useful feedback to help us improve. Mr. Mike also assisted us in editing the grammar of some questions. By that point, I realised that the work we use is crucial to what we want to ask and what kind of response we want from the interviewees. Our progress was halted when we were creating our interview questionnaires due to a lack of information from the test, which we will obtain from Mr. Damien.

Week 5

This week, we were still unsure of where we were going because we were still waiting for our client's test questions. Mr. Mike advised us to send out the questions as soon as possible in order to get enough responses from as many people as possible so that we could roughly analyse the data and come up with something for the time being. We also managed to send out our survey forms this week, 

Week 6

Problem:
There are only 55 respondents so far, and the number will need to be increased. The 280-question interview did not take place, and this may have influenced the user experience.

Solution:
To increase the number of respondents to at least 70 and above, to conduct the interviews immediately after reaching the 70 mark, and to design the interview questions based on the questionnaire data analysis, to quickly summarise the findings, and to draught the Problem Statement and How Might We questions. We waited for at least 20 more respondents to answer our survey questionnaire so that we can finally proceed to analyze the data from it. So, we only progressed to find more people to fill in our survey for this week.

Figure 0.1: Problem statement

Figure 0.2: How might we

Week 7

For this week we will have to finish the questions that Mr Damien has sent out, and request access to the questions from Mr Damien. We couldn't do much about the situation except wait for our client's access to learn more about the test's issue. Then we just finish up whatever we can with our survey and interview data in the slides. We compiled them into slides in preparation for next week's presentation.

Week 8 (Self-Learning Week)

We presented our slides to Mr.Damien, but he was uninterested and suggested we take a look at and practise on their test first. Even though it's a self-learning week, we all know we don't have time to waste, so we should keep working on the idea, but with one condition: we should try the test first so we can get a better idea of how to improve the test as the client requests.

Figure 0.3: Project proposal slides

Week 9

Because the group had just used the product for the first time, there was a sense of urgency in clarifying the product's design requirements. It is suggested that we create an outline of the gaps or frustrations in the user experience and provide potential solutions. As a solution, it is advised to provide a case study gamification proposal. 

Figure 0.4: New brainstorming

Week 10

In this week, the 280-item survey The epitome session had taken place. A Tamagotchi game design concept was proposed, but the extended lifespan may not be relatable for the personas, as it begins in infancy; it was suggested to begin from college/university life and beyond. 

When asked how the psychometric questionnaires will be experienced as a game while still achieving the intended objectives, no direction was given, but it was suggested that the MMORPG genre be used as the game design and the questions be mapped to the game level design as quests. To accomplish this, the questions must be studied and analysed for game quest representations. It is suggested that we demonstrate the gameplay for just one level that clearly shows how the game is played and how the objectives of the questions are met through the gameplay.

Week 11

We didn't get much done this week because we just got the test questions from our client. We are only now beginning to experiment with game gamification. We needed to work quickly on the game's foundation, which were the locations, after we finally analysed the questions for interest profile.

Week 12

After signing the NDA, the questions were obtained. My group has begun categorising commonalities in the questions based on locations, behaviours, habits, and traits, among other things.

Following the completion of the categorisation, proceed to work on the identified common locations, brainstorming for the series of actions/quests/tasks to be completed in each identified location, keeping in mind that all of the questions must be used at least once in the locations. Refer to browser or social media-based games as the design, and disregard MMO or platformer game designs, as the questions will not require such a complex game design to be implemented. Then, with a detailed explanation of each of the actions/quests/tasks that are mapped with the questions, confirm how many levels are required for each location. We must investigate whether the questions are logically and appropriately mapped with the actions/quests/tasks.


Figure 0.5: Classroom tasks

Figure 0.6: Garden tasks

Figure 0.7: Carpentry tasks

Figure 0.8: Auditorium tasks

Figure 0.9: Kitchen tasks

Week 13

This week, we came up with the idea of  the setting and it was suggested as an open day at a university.
Tasks/questions were proposed and matched to the appropriate psychometric questions. We were advised to come up with other locations/settings to explore creativity rather than stick to realism; however, the app design must adhere to the client-approved flowchart. The proposal's social media component must be integrated with social media offerings such as the creation of FB, IG, and/or Linkedin groups rather than creating social media, which is impossible.

Following the usual consultation with our Lecturer, we were assigned to use the ideas from the previous slides and link everything together before beginning to design the actual game because that is what we proposed to our client previously and they agreed on that ideations. I began researching character designs for cat creatures for our game. It took me a week to come up with an idea that met our application aesthetic, which was alien-ish, cat-like creatures.

Character design and Customizations:

Figure 1.0: References

Figure 1.1: #1st character design

Figure 1.2: Eye expressions

Figure 1.3: #2nd Improvised character design

Figure 1.4: Final character design

Figure 1.5: Skin colours

Figure 1.6: Costume designs

Figure 1.7: Decided colour palette

Week 14

In week 14, because progress is still slow, we were advised to concentrate on how the psychometric questions and the Likert points of "strongly agree to strongly disagree" of 6 points will be addressed in gameplay or interactions.

Hussain and Xinyan progressed to design and model the locations using a design software, Blender. They managed to designed 6 of the locations for the game, which were Lobby, Classroom, Garden, Carpentry, Auditorium, and Kitchen.

Figure 1.8: Lobby

Figure 1.9: Auditorium

Figure 2.0: Kitchen

Figure 2.1: Carpentry

Figure 2.2: Classroom

Figure 2.3: Garden

Week 15

We were still unable to complete tasks in week 15, but we had made our final decisions on our ideation. I also began designing costumes for the character I created last week. During the prototype process, one of my tasks was to customise the costumes. After that, we showed Mr. Mike what we had done in figma up to that point. Then I'll start working quickly on the loading page artwork to add some more eye-catching visuals to the game.


Figure 2.4: Sketch of loading screen

Figure 2.5: 3D rendered assets

Figure 2.6: Background

Figure 2.7: Character

Figure 2.8: Final background

Figure 2.9: Final look

Rationale of the artwork

Background colour is based on our lobby's doors design, which were yellow as carpentry, green as garden, red as auditorium, pink as kitchen, and lastly cyan as classroom.
The earth represents that the cat arrived on the earth to experience things.
As in experiencing things, notice that the glowing shapes floating around, which represents the tasks we designed for each room.

Figure 3.0: Yoga poses for task use

Figure 3.1: Reaction expressions for task use

Thursday, 8 December 2022

Advanced Animation - Final Project

03/11/2022 - 01/12/2022 / Week 10 - Week 14

Woo Shuen Yan / 0342415 / Bachelor's in Creative Media
Advanced Animation
Final Project: Emotion Change Animation


INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1HZx8NQgXWf25knKKM9JxMSh6C3e4X9Zv/preview" width="640" height="480" allow="autoplay"></iframe>


PROGRESS

Video Reference

For this project we were assigned to animate utilizing emotions or facial expressions. Record ourselves acting out the various emotions, from neutral to happy to shocked to sad to angry and scared. We can rearrange the expressions.

My arrangement of the emotion chain is [Neutral-Shocked-Scared-Sad-Angry-Happy]

Figure 0.1: #1st video reference

I actually tweaked some actions from the reference video because I thought the 1st one was too long for the animation. 

Progress 1: Key Poses

Figure 0.2: Posing progress

Figure 0.3: Posing progress

Figure 0.4: Facial expressions

Final Key Poses

Figure 0.5: Final keyposes

Progress 2: Blocking


Figure 0.6: Blocking progress

Final Blocking

Figure 0.7: Final blocking

Progress 3: Polishing

Figure 0.8: Polishing progress

Figure 0.9: Staging

Final Outcome

Figure 1.0: Final Outcome of Emotion change animation

Major Project - PDW

 16/10/2022 - 20/10/2023 / Week 8 Woo Shuen Yan / 0342415 / Bachelor's in Creative Media Major Project - PDW INSTRUCTIONS Please find at...