Interactive Storytelling | 90s vs 00s

Chiharu | Christina | Naomi | Yi Ting

About

We wanted to explore the possibilities of storytelling through the use of social media and digital space. Social media is something that most people can relate to — especially people in our age range. Using similar storylines, we decided to do a comparison of someone born in the 90s and someone born in the 2000s, and explore how characters of different time periods may react to similar situations.

+ LINKS at the end.

Character profiling & Story

The first step was to create their respective character profiles. In the beginning, we came up with characters that were too stereotypical with not much depth. But after consultation, we rethought their personalities and the things they might post. We thought of their character arcs and the problems that they might face in their respective eras. External and internal personality traits/emotions were also something that we considered.

After we settled their personalities, we worked on their stories and the rough timelines of each platform.

Problems faced by both characters are generally common problems a teenager in Singapore might face, such as stress from streaming year, financial difficulties, gambling, quarrelling parents etc.

 

Research

We then proceeded to do some research on the posting habits of people to make the posts look authentic. We took note of language used, and the extent of information that people usually reveal in their postings.

 

 

For Instagram posts, we took note of what sort of photos and captions are posted. Some information are censored for privacy reasons.

 

website

This was used as a platform to tie in the entire project. The audience should view this website before proceeding to view the content on the social media, or they’ll be confused. The homepage includes audio narrations to ease the audience into the narrative. It also includes the respective character profiles, and instructions on what to do.

 

 

AUDIO

As we worked on our project, we began to realise the limitations of digital spaces. We wondered if visuals on a screen was really enough to connect with the audience. Hence, we decided to include audio as part of the character storylines.

 

Kai Ying’s:

 

Chloe’s:

 

Blogs

The character’s blogs are used to reflect their internal emotions. Audience needs to view both their blogs and social media in order to get the full story. The blogs can be accessed through the main website. The design of both blogs is carefully thought out. Kai Ying’s blog design is one reminiscent of blogs belonging to actual 90s kids. It is something that people can relate to. Chloe’s blog follows the minimalistic, modern design.

The blogging styles of the girls are determined by their personalities and time period. The language used by Kai Ying is very informal with a bit of Singlish, whereas Chloe’s use of language is a little more formal.

Chloe’s blog is a little special because the audience would need a password in order to access it. The password is hidden in her Instagram post. We made sure that the keyword used is not to difficult, and relates to her problem. It appears multiple times in her Instagram posts if you pay attention.

 

Social media platforms

We picked Facebook for the 90s kid as it is one of the most used social media platforms by people in the age age. The photos/posts are carefully curated and posted by Christina and Naomi. Posts are very informal and includes a lot of acronyms and short forms.

 

 

Instagram is the most used social media platform for a kid born in the 2000s hence we decided to use it for Chloe. We needed someone who looks like a 14 year old to act as Chloe, and thankfully Rebecca agreed to help us with this! We borrowed Christina’s old uniform and took a bunch of photos to add to the Instagram timeline. We also got Rebecca to use some of her personal photos with friends, in order to make the posts look authentic. Then, the photos were meticulously chosen and arranged by Yi Ting. The arrangement was especially important, because what they post reflects the character’s inner workings too. In Chloe’s case, she starts out happy and normal — so she posts quite a few photos of her smiling. As the problems in her life escalates, she is stressed and depressed, hence the posts are of random objects accompanied by moody captions.

 

Layout

Since our project focuses more on digital space, we kept the physical space simple. We laid out the laptops with the websites and social media opened. We then decorated the surroundings with items from our childhood to go along with our theme of the 90s and 2000s. Though initially not intended, the lighting coming from Jun Ming’s group’s project matched our theme as well and worked beautifully for us.

 

Links

Website: https://4dx4ofus.wixsite.com/90svs2000s

Kai Ying’s blog: https://4dx4ofus.wixsite.com/90svs2000s/blog

Kai Ying’s Facebook: https://www.facebook.com/fourd.xfourofus.5

Chloe’s blog: https://4dx4ofus.wixsite.com/90svs2000s/blog

Chloe’s Instagram: https://www.instagram.com/not_chloe03/

(password: money)

Ego In Different Settings | Process and Final

Process

For this assignment, we are required to apply our understanding of colours and colour theory to visually represent the multifacted nature of our personality. I decided to start mind mapping the many sides of who I am. This alone was interesting because I see how different I am around different groups of people.

Mindmap

Based on the above mind map, I tried to represent myself using various objects. Below are the things that used for my final pieces.

 

 

Sketches

After doing the mind map and coming up with the situations, I started sketching out my ideas. I found that using colours in my sketches helped me to visualise my final pieces better. Even if I did not stick to the colour schemes, they served as a guide.

 

Some of these panels are rejected. Some were used but the colours and composition changed drastically!

 

I find that the sketches helped people understand my ideas better too. Ideas that people were skeptical about became clearer once I showed them the sketch.

From there, I chose and adjusted the colours for the final pieces as I worked on them. The colours that I use are generally bright and bold because I love vibrant colour schemes. I tried out some of the colour schemes covered in class — triadic, complementary, analogous and monochromatic. Below, I describe the my process according to the order that I did the panels.

 


The Shy Fox

The fox represents the shy side of me. Also, people have pointed out that I look like a fox. The situation I picked for the fox is a group of robots. The robots represent the uncomfortable social situations that I sometimes face. I’d then put on a facade, so the fox blends into the surrounds by pretending to be a robot.

I started on this set first because I had a clear idea of the style and working steps! Since I am from animation, I am influenced by animation drawing styles and our way of designing. But I’ve never tried photoshop’s pen tool to illustrate before so I decided to try it out! I watched a youtube tutorial on noise and grain. The person who made the tutorial shared with us his working steps which was very helpful! I find that I work faster by blocking out silhouettes. The lines appear much cleaner and I can edit without wasting time!

 

 

Me: A fox

 

 

The colours used here are complementary. Since the fox is a warm orange-red, I decided to make it stand out by using a cool blue.

 

Setting: An uncomfortable social situation.

 

 

I used Dice Tsutsumi’s painting as a guide for this panel. His colours seem to blend and create this really nice harmony even though some colours are contrasting. The colour scheme used here is triadic. The purple background contrasts nicely with the subject.

 

Reference image

 

The third panel below is more of a analogous colour scheme with a hint of the fox’s red fur peeking out of the paper and boxes.

 

Outcome: Blend in.

 


The carrot with another face

Carrot represents me because it is slender yet firm. I think everyone including me behaves differently in their home vs. outside, so I depicted a carrot lazing on a couch in its home, with its orange peel hanging on a hanger to reveal its true self — its purple self.

For this set I tried to use gouache, but I found that I didn’t like the outcome of the paintings. I lacked the patience and time to work on them (oops) so I improvised and edited the panels digitally on photoshop. On photoshop I had more freedom to control colours and clean up any edges that I don’t like. I like the final outcome. I played with a more muted colour scheme for this set.

 

Me: A carrot

 

 

Colour scheme used is clearly complementary. I made sure to retain the texture of the paint on paper — something that might be difficult to replicate digitally. Added the shadow to give the carrot more contrast too.

 

Original scan with edited edges. Colours unedited. Oh the power of technology.

 

Setting: My home.

 

 

This panel had a drastic change in colour scheme from the original painting because I decided I didn’t like the sky to be so dull. Colour scheme is triadic. Also, masking fluid is hard to work with. I need more patience!!

 

Scan of original painting. Again, with edited edges.

 

Outcome: Comfortable and relaxed.

 

 

Colour scheme use is complementary. I used warm colours to show how comfortable and cosy home is. Again, this panel was edited and cleaned up digitally.

 


The scared mango

I’m a mango because I’m soft and sensitive! And I enjoy watching movies alone. But not when it’s a scary film! So I depict the scared mango peeing on the ground. I think I enjoyed doing this set the most, especially the first panel with its bright vibrant juicy colours.

I used pixelpchan’s work as reference for this set. I used vibrant colours to depict the mango, and used a much muted, darker colour scheme for the cinema panels to create the scary mood. Colour dodge was used for the cinema movie screen glow for a more dynamic look, as opposed to using all dark colours. The colours for this set was pretty much restricted due to its dark setting but I tried to work around that.

 

pixelpchan’s work as image reference

 

Me: A mango

 

 

Colour scheme for first panel is largely analogous, with the blue and green as accents (does that make it triadic?!). Made sure that the lines were not black as that would make the look of the illustration “heavy”.

 

Setting: Alone at a horror movie.

 

 

This panel was difficult to execute because I didn’t like that the colours were so dark. But to create the setting / mood, it had to be dark colours. So I used colour dodge for the Sakako coming out of the screen. The bright blue stands out against the dark purple / red tones. Thank you Yan Ran for suggesting: “Draw Sadako, but cute.” ? My original Dracula idea did not match the cutesy theme so I changed to Sadako. I am pleased I asked for her opinion!

 

Original Dracula idea.

 

Outcome: I’m scared!

 

 


The dependent stick insect

My poly friends used to call me a stick insect (how mean!) and I love jogging so I merged the two ideas together. I also think that I’m a dependent person, so that is how I came up with the idea of a stick insect who loves jogging but in the end clings on to someone else instead of running itself.

I deviate from dark colours and used brighter, pastel colours. The style of this set is a fusion of the previous fox and mango style. It ended up looking very graphic design-ish. For this series I had a mood board as reference for the colours.

 

MOOD BOARD. Artwork from pinterest, and some pieces from Kiyomi Aritake.

 

Me: A stick insect

 

 

For this first panel, I tried to go for a dynamic composition because first panels tend to be a bit more static. I thought about what pose the stick insect should have and whether should it wear shoes or not.

 

Setting: A marathon.


 

Since the first and last panels are a bit more dynamic, I stuck to a static composition for the second panel for overall balance. The colours used are triadic.

 

Outcome: Clinging on to someone.

 

 


Final

Overall, I made sure that as a series and as a whole, the colours have a sort of unity and harmony. I find it interesting that some people pointed out that even though they understand that I attempted different styles, they still look “unified” or “the same” in a sense. Probably because of a particular style that I already have.


Thoughts

I’m happy that I was able to apply the things that I’ve learnt throughout the entire semester. I feel that the course has added on to what I have learnt previously and I am a bit more satisfied with the outcome of my work this time! This assignment was the most fun to work on for the entire semester for me personally.

Difficulties

Interpretation – Initially I was a bit confused about the assignment but by the second consultation I was much clearer about what I needed/wanted to do. I talked to some of my classmates too and bounced ideas around with them.

Painting – I was rushing for time and had no patience. This was resolved with the help of photoshop.

Takeaways

I discovered new painting steps through watching youtube tutorials which I am thankful for because I am going to incorporate those steps into my future animation concept art work in the future! This shows that things we learn in one field can be applied in another.

Combining traditional medium and digital medium produces an interesting look with texture. In future I might want to start illustrating traditionally first, and then edit the piece digitally. It has a great “handmade” yet professional look.

Even though I did not use Adobe Illustrator for this project, I still learnt some skills that I can apply in future. After showing people my sketches, including Shirley, they taught me how the same effect can be achieved in Illustrator. Things like the Line Weight function is quite useful even as a animator when I want to do line art for my work so I might actually use that personally! Image Trace is also pretty useful.

 

 

Interactive Storytelling | Proposal

90s VS. 00s

Chiharu | Christina | Naomi | Yi Ting

Concept

As times change, so does the way of living, people and habits. Being born in the 90s ourselves, we are fortunate enough to experience the world before it revolves around technology, and after. This project aims to use digital space — social media — to explore and compare the minds and behaviours of teens from those born in the 90s and 2000s.

Research

The internet was a new concept to people born in the 90s. It was a period when computers started to become a common household item. This was before we could carry the internet our in our pocket.  Social media was simple, yet fascinating. Everyone was eager to hop onto MSN, Myspace and Friendster. These chat rooms and digital spaces connected us with our friends and people in other countries. People shared funny photos, videos and moments sparingly. It was a tool that enhanced our lives.

With the rise of smartphones, social media became easily accessible. According to an article by The Business Times, a report by Hootsuite in 2017 has recorded that 7 out of 10 singaporeans uses social media on mobile, which is more than double of the global average of 34%.

By navigating through a few buttons, we can easily upload content to be viewed by our followers. 00s kids tend to overshare everything on social media — from selfies to which boys they like. Many treat social media platforms like their diary, using them to “document” temporary over-emotional adolescent moments common at their age. While previous generations derive feelings of self worth and achievement through career progression or sorts, it seems that 00s kids fill that void with social media. Likes and retweets translate into real world approval, and people without remarkable skills or substantial talent gain thousands of followers through pithy tweets and well-curated Instagram photos.

Relationship between content and form

Social media exposes the characters of the people using it. We decided to portray the lives of two 14 year old kids born in the 90s and 2000s, using Facebook and Instagram respectively. The two characters exist in their respective timelines, and react to actual events that occurred in those timelines. Posts made by both generations would reflect their influences and attitudes, as well as the culture and society of their time. The social media platforms were chosen based on proliferation of its use by the respective age group and its format of posts. Platforms such as Snapchat would be difficult to keep a record of posts as they disappear, eliminating it from our choices.

Experimentation

There are many articles and videos that compare a 90s kid to a 00s kid, but very rarely done on “fake” accounts on social media platforms. By faking the personas of these two characters on relatable social media platforms of their respective generations, it feels more realistic and intimate to the viewer. With the new advancements and additional functions these platforms now have – like the Instastory on Instagram, we will be able to execute the concept somewhat in real time to further enhance the experience.

The short-lived Instastories will disappear after 24 hours, so to ensure the viewer does not miss any part of it, we will be posting within optimal time range to assure its presence without losing its chronological quality.

Presentation

The posts uploaded will be a reaction to various world issues or epidemics from 2 of our characters. Through their posts on social media, we wish to portray the differences in the influence of different time periods towards the thought-processes and personalities of our characters.

As we have chosen to execute the concept mainly on digital means, there will be plenty of precise management and thought to make the experience as realistic and relatable as possible through a simple flat screen and finger swiping.

Some examples of similar major situations for them to react to:

  • Financial crisis/depression
  • Global politics: Election in USA (Obama/Trump)
  • War/Conflict overseas (Iraq war/Ferguson riots)
  • Widespread diseases (SARS/Ebola etc)
  • Haze
Difference between Facebook and Instagram

The differences in the purposes, functions and content of each platform can reflect the personality of the users that engage in them. Facebook is a platform that 90s children engage in more due to the tendency to share interests, articles of current issues and a touch of personal posts. On the other hand, children from 2000s seem to prioritize original content that reveal much of their daily lifestyle.

Facebook (Founded 2004)

  • Detailed bio and personal information
  • Photo/ Video sharing
  • Events
  • Live Video
  • Sharing of links
  • Curated content
  • Groups

Instagram (Launched 2010)

Instagram is a platform which encourages the capturing of moments. The interaction between users are different as compared to that of Facebook. Below are some of the differences:

  • Photographs and short video clips
  • Original content
  • Interaction only through commenting, liking, following.
  • Mobile-based
Website

We created a main website to explain our project and link to the Facebook and Instagram pages.

https://4dx4ofus.wixsite.com/90svs2000s

(Link to be updated.)