Visual Communication @tobyarcherlvl6 - Tumblr Blog

Bibliography & Reference List

Reference List

Cafasso, J. (2018). What Is Emotional Exhaustion and How Do You Fix It? | Healthline. [online]. Available from: https://www.healthline.com/health/emotional-exhaustion. [Accessed 7 March 2024].

Corcel. (n.d.) Corcel. [online]. Available from: https://corcel.io. [Accessed 1 April 2024].

Dice, D, D. (2019). The Psychology of Why We Love Role Playing Games. | Medium. [online]. Available from: https://medium.com/@d3ballads/the-psychology-of-why-we-love-role-playing-games-29e9ae45efe4. [Accessed 6 March 2024].

Google Fonts. (n.d.). Inter. [online]. Available from: https://fonts.google.com/specimen/Inter. [Accessed 8 April 2024].

Interface In Game. (n.d.). Interface In Game | Collection of video games UI | Screenshots and videos. [online]. Available from: https://interfaceingame.com/. [Accessed 6 March 2024].

JetBrains. (n.d.). JetBrains Mono: A free and open source typeface for developers. [online]. Available from: https://www.jetbrains.com/lp/mono [Accessed 8 April 2024].

McFade. (2023). Creating Depth: Understanding the Importance of Foreground, Middleground,. McFade News and Blog. [online]. Available from: https://www.mcfade.co.uk/blog/creating-depth-understanding-the-importance-of-foreground-middleground-and-background/ [Accessed 8 April 2024].

Midjourney. (2022). Home. [online]. Available from: https://www.midjourney.com/home. [Accessed 1 April 2024].

Moretti, K. (2021). ‘Love, Death & Robots’ Displays the Importance of Short-Form Storytelling | No Film School. [online]. Available from: https://nofilmschool.com/love-death-and-robots-displays-short-term-storytelling. [Accessed 15 March 2024].

Morgan, B. (2020). 50 Stats Showing the Power of Personalisation | Forbes. [online]. Available from: https://www.forbes.com/sites/blakemorgan/2020/02/18/50-stats-showing-the-power-of-personalisation/. [Accessed 1 April 2024].

Olivine, A. (2023). Escapism in Psychology: Healthier Types of Distractions | Verywell Health. [online]. Available from: https://www.verywellhealth.com/escapism-7565008 [Accessed 7 March 2024].

OpenAI. (2024). Sora. [online]. Available from: https://openai.com/index/sora/. [Accessed Accessed 1 April 2024].

Perna, M.C. (2024). Gen Z: Hugely Stressed But Believing In A Better Future. [online]. Available from: https://www.forbes.com/sites/markcperna/2024/03/19/gen-z-hugely-stressed-but-believing-in-a-better-future/. [Accessed 8 April May 2024].

Probert, T. (2016). How do you brand a TV show that has 18 unconnected episodes? | Love, Death, & Robots. [online]. Available from: https://www.tomprobert.design/love-death-robots. [Accessed 15 March 2024].

Reed, C. (2024). Learning the Ropes: How AI Can Adapt and Grow Alongside Players in RPGs | Medium. [online]. Available from: https://medium.com/@carol.reed.597/learning-the-ropes-how-ai-can-adapt-and-grow-alongside-players-in-rpgs-a7b0c2f2603b. [Accessed 6 March 2024].

Reynolds, M. (2018). The inside story of Bandersnatch, the weirdest Black Mirror tale yet. Wired. [online]. Available from: https://www.wired.com/story/bandersnatch-black-mirror-episode-explained/ [Accessed 1 April 2024].

Talbert, D. (2023). Odds of Getting Published - WordsRated. [online]. Available from: https://wordsrated.com/odds-of-getting-published-statistics/. [Accessed 1 April 2024].

Bibliography

Angelos, A. (2023. From accessibility to font choice, Google’s designers are building for the individual | It’s Nice That. [online]. Available from: https://www.itsnicethat.com/features/forward-thinking-google-material-you-digital-050123. [Accessed 29 April 2024].

Beverley, T. (2023). Why TV Show Seasons Are So Much Shorter Than They Used To Be | Screenrant. [online]. Available from: https://screenrant.com/why-tv-show-seasons-shorter-reason/. [Accessed 11 April 2024].

Cafasso, J. (2018). What Is Emotional Exhaustion and How Do You Fix It? | Healthline. [online]. Available from: https://www.healthline.com/health/emotional-exhaustion. [Accessed 7 March 2024].

Corcel. (n.d.) Corcel. [online]. Available from: https://corcel.io. [Accessed 1 April 2024].

Dounia, R, L. (2023). AI tools paint a blurry picture of our current reality – so what do these biases mean for our future?. [online]. Available from: https://www.itsnicethat.com/features/linda-dounia-rebeiz-ai-bias-technology-creative-industry-art-011123. [Accessed 11 April 2024].

Erhard, V. (2022). 8 Games That Explore Human Emotions | Gamerant. [online]. Available from: https://gamerant.com/games-that-explore-human-emotions/. [Accessed 14 March 2024].

Forsyth, K. (2017). Daydreaming & Creativity - Kate Forsyth. [online]. Available from: https://kateforsyth.com.au/articles/daydreaming-creativity.[Accessed 14 March 2024].

Google Fonts. (n.d.). Inter. [online]. Available from: https://fonts.google.com/specimen/Inter. [Accessed 8 April 2024].

Gorny, L. (2024). This AI compass for “wandering” moves tech into gorpcore territory | It’s Nice That. [online]. Available from: https://www.itsnicethat.com/articles/modem-panter-tourron-terra-graphic-design-product-design-project-080424. [Accessed 29 April 2024].

Gorny, L. (2024). TwoPoints.Net builds mix-and-match fonts for Donut Shop furniture | It’s Nice That. [online]. Available from: https://www.itsnicethat.com/articles/two-points-net-donut-shop-graphic-design-180324. [Accessed 11 April 2024].

Healthline. (2017). Burnout at Work: What to Do. [online]. Available from: https://www.healthline.com/health/signs-you-are-headed-for-a-burnout-at-work [Accessed 14 March 2024].

Healthline. (2018). Mental Exhaustion: Definition, Causes, Symptoms, and Treatment. [online]. Available from: https://www.healthline.com/health/mental-exhaustion. [Accessed 14 March 2024].

Hollywood, K. (2022). Why the world needs more 3D designers | It’s Nice That. [online].Available from: https://www.itsnicethat.com/features/why-the-world-needs-more-3d-designers-adobe-report-231122. [Accessed 29 April 2024].

Interface In Game. (n.d.). Interface In Game | Collection of video games UI | Screenshots and videos. [online]. Available from: https://interfaceingame.com/. [Accessed 6 March 2024].

JetBrains. (n.d.). JetBrains Mono: A free and open source typeface for developers. [online]. Available from: https://www.jetbrains.com/lp/mono [Accessed 8 April 2024].

Kapustina, A. (n.d.). Gaming Community Platform | Dribbble. [online]. Available from: https://dribbble.com/shots/23890957-Gaming-Community-Platform. [Accessed 16 May 2024].

Laderer, A. (2022). Why Are so Many People on TikTok Talking About Maladaptive Daydreaming? Wondermind. [online]. Available from: https://www.wondermind.com/article/maladaptive-daydreaming/ [Accessed 14 March 2024].

Midjourney. (2022). Home. [online]. Available from: https://www.midjourney.com/home. [Accessed 1 April 2024].

Milner, D. (2018). The Clash who? Graphic designer Michael Clasen envisions a new punk era | It’s Nice That. [online]. Available from: https://www.itsnicethat.com/articles/michael-clasen-k1m3r4-graphic-design-010318. [Accessed 11 April 2024].

Netflix. (2019). LOVE DEATH + ROBOTS | Inside the Animation: Tim Miller | Netflix. YouTube.[online]. Available from: https://youtu.be/YzKa8LFiktk. [Accessed 14 March 2024].

Oliveira, N. (2021). 15 Design games for when you feel like procrastinating. Melted.design. [online]. Available from: https://medium.com/melted-design/15-design-games-for-when-you-feel-like-procrastinating-d49d150b5131. [Accessed 14 March 2024].

Olivine, A. (2023). Escapism in Psychology: Healthier Types of Distractions | Verywell Health. [online]. Available from: https://www.verywellhealth.com/escapism-7565008 [Accessed 7 March 2024].

OpenAI. (2024). Brand Guidelines. [online]. Available from: https://openai.com/brand/. [Accessed 16 April 2024].

OpenAI. (2024). Sora. [online]. Available from: https://openai.com/index/sora/. [Accessed Accessed 1 April 2024].

Relth, M. (2023). How Procreate Dreams promises to revolutionise the world of animation | It’s Nice That. [online]. Available from: https://www.itsnicethat.com/articles/procreate-dreams-animation-sponsored-content-271023. [Accessed 14 March 2024].

Talbert, D. (2023). Odds of Getting Published - WordsRated. [online]. Available from: https://wordsrated.com/odds-of-getting-published-statistics/. [Accessed 1 April 2024].

Tang, C. (2021). Human Form. Collaborative Visualization. [online]. Available from: https://medium.com/collaborative-visualization/human-form-816a73df859a. [Accessed 16 April 2024].

TeachThought. (2023). Why People Play Video Games | TeachThought. [online]. Available from: https://www.teachthought.com/learning/why-people-play-video-games/. [Accessed 11 April 2024].

Tucker, E. (2022). Games of the Year 2022 | Creative Review. [online]. Available from: https://www.creativereview.co.uk/games-of-the-year-2022/. [Accessed 11 April 2024].

Valcour, M. (2020). How to Refuel When You’re Feeling Emotionally Drained. Harvard Business Review. [online]. Available from: https://hbr.org/2020/04/how-to-refuel-when-youre-feeling-emotionally-drained [Accessed 14 March 2024].

Zinn, C. (2021). Lucid Dreaming and Video Games. Medium. [online]. Available from: https://zinncharles.medium.com/lucid-dreaming-and-video-games-5bf0f6e3079c [Accessed 14 March 2024].

#fmp

Final Major Project

Evaluation

Overall, I felt like the project went well. I struggled a little bit at the beginning to get a solid base for the idea/concept however, everything until then gave insight forming the idea.

When I reflect on LO1, it's clear that the platform's core aim is to offer users an escape, drawing deeply from my own research on gaming habits, burnout, and the innate desire to seek refuge from reality. To tackle this challenge, I decided on crafting an anthology-based series, providing users with a timely respite. While I acknowledge that I could have incorporated more insights from academic sources, it's reassuring to know that the issues I've identified are widely acknowledged and discussed.

As I delve into LO2, the project has given insight into the evolving landscape of AI. I explored character generation using cutting-edge technologies such as Midjourney, Corcel, and OpenAI. These efforts reflect my proactive engagement with the emerging trends in artificial intelligence, highlighting the project's relevance in the ever-evolving AI realm.

Turning to LO3, the tutorials and presentations have helped manage the shaping and trajectory of this project. These resources have been my guiding lights, providing a structured framework that has helped me manage my time, nurture ideas, and boost overall productivity throughout the development of my final major project.

Looking back, I realise I've always taken a critical approach to my work, constantly exploring different variations and refining my ideas through iterative steps. This has been a fundamental aspect of my design process, reflecting my personal methodology. Each phase has been a journey of trial and error, with every iteration aimed at honing the solution to better align with the project's objectives. For example, in the video design phase, these continuous iterations played a crucial role in molding the final outcome into a cohesive and impactful solution that truly meets the project's goals.

#fmp

Final "Oneself" Demo Video

The Final Outcome

#fmp #Youtube

Final Slides

Explaining the Concept of "Oneself"

Drawing inspiration from the D&AD submission style of slides, I aimed to replicate it for this project. Given its conceptual complexity, I felt it necessary to provide insight into both the problem and solution, as well as delve into the customisation aspect.

The aesthetics of the slides were influenced by the video, ensuring consistency throughout.

#fmp

Oneself Draft Animation

Adjusting Voice Over & Sound Effects

Following the feedback, I recorded Leia doing a voiceover to infuse a more personal touch, as the AI voice by ElevenLabs, while good, felt artificial. Additionally, I introduced both a start and an end, which significantly enhanced the video's clarity.

Furthermore, ambient sound effects were effective in immersing the audience in the story and providing insight into the episode's world.

Additional feedback includes:

Incorporating a button sound effect.

Adding more white slides to enhance the storytelling.

Adjusting the audio for smoother transitions.

#fmp #Youtube

Oneself Prototype with AI Voice Over

Eleven Labs AI Voice Generator

Rated the best text to speech (TTS) software online. Create premium AI voices for free and generate text-to-speech voiceovers in minutes wit

Visit Original Link

During a tutorial, there was a suggestion that perhaps the voice-over should be human, as the video could feel excessively AI-focused, especially considering that the characters are AI-generated. Additionally, I believe that incorporating more sound elements could unify the entire video, as it currently feels somewhat stagnant, like you're waiting for something to happen.

ElevenLabs. (n.d.). AI Voice Generator & Text to Speech. [online]. Available from: https://elevenlabs.io [Accessed 20 April 2024].

#fmp #Youtube

Animating the Prompt Section

After-Effects Process

The feedback received in response to the Figma Prototypes suggested adding a voice prompt to enhance engagement and provide an opportunity to include more details. Additionally, in the platform design, I had used every part of the logo except for the 'N'. Thus, I chose to employ this as an indicator for when one is speaking into Oneself.

The indicator keyframes move to audio waveforms.

#fmp #Youtube

Final Figma Video

Timings & Final Smart Animations

Prior to transferring the video to After Effects, I had to ensure that the smart animations were functioning smoothly, facilitating a faster process of adding animations in After Effects. This approach would afford me less control; however, since the prototype was created in Figma, recreating all elements in After Effects would be time-consuming. Instead, I will need to time the additional animations to coincide with the prototyped video.

#fmp #Youtube

Run Through of Oneself Prototype - Before Taking it into After Effects

Draft Run Through

The video here demonstrates the prototype without any sound or after effects. While the aesthetics are largely final, enhancing the effectiveness of the demo video requires adding more layers to it.

#fmp #Youtube

Iteration on UI Design

Continuing to Design an Aesthetic

Continuing from the brand identity, I aimed to experiment with integrating elements from the logos into the design to enhance its cohesion and consistency across the platform. One specific logo possessed multiple elements adaptable for various purposes, henceforth, I will be utilising that logo.

#fmp

Final Logo Options

Next Step - Pick one of the three

#fmp

Refined Logos Options

Potential Options moving forwards

#fmp

Logo Iterations

Taking the sketches into Illustrator

I selected the sketched logos and began experimenting with them in Illustrator for rapid iteration. This approach proved highly effective, enabling me to generate numerous logo variations within a short timeframe. Eventually, I narrowed down the options to three finalized logo designs that I could further develop.

#fmp

Name Generation for the Platform

Sketching Logos

When generating names, I saw it as a good opportunity to tie back to the brief, encompassing the notions of escapism and emotional exhaustion. I devised several names representing unknown variables, but ultimately felt 'Oneself' resonated more, as it not only harks back to the brief but also captures the essence of individuals putting their own spin on the shows.

#fmp

Iteration on UI Design

Designing new aesthetic's.

When iterating on the design of the UI and how everything works together, I began experimenting with a circle to enhance the depth of the character, this could be an option that could link to the brand identity. I felt it worked well and had a strong visual style that would be suitable across all genres of film.

#fmp

After generating numerous characters on Midjourney, I removed the backgrounds to integrate them into the user interface. I aimed to achieve a diverse representation of ethnicities to ensure inclusivity on the platform. Additionally, I utilised a blurry background image, also generated by Midjourney, in the same style as the characters, to enhance the depth of the image, as the characters appeared out of place on a plain white background

#fmp

Generating AI Characters

Midjourney AI Generation

Due to the project featuring customisation, I encountered an issue with generating characters. Because of the multitude of potential options, I needed to consider various choices while putting together the wireframe.

#fmp

Trending Blogs

Recently Viewed Blogs

Visual Communication