Out of Your Head


My team (team 4): Peige (Hengpei) Duan, Danielle Almeida, Kreesha Goinden, and I

*All art is my own unless credited

Planning and Pre-production

Chosen words are underlined in yellow

We chose the above words because our common interest was a story with action, and we felt that these words resonated with that the most. With these words, my team and I got to brainstorming what overall themes we wanted our story to explore.

Mind map/Brainstorm doodles
We also came up with a rough pipeline to follow. We expected adjustments along the way, but overall we agreed to follow it to the best we could.

The words “self”, “foreshadow” and “disruption” made us think of a time loop, in which the protagonist finds themselves trapped in. Instead of just showing the loops repeating themselves however, we hoped to foreshadow the existence of a loop through the setting and character actions in a single timeline, and wanted the story to end in a failed attempt to escape.

The story we came up with was of two detectives, one undercover as the antagonist. Both were investigating a crime scene in a warehouse after hearing a gunshot. As the protagonist goes ahead to investigate further, they eventually find their own dead body pulled to one side through some blood trails (this then indirectly shows that there is a time loop happening), which prompts the antagonist to reveal their goal of killing the protagonist over and over until the former escapes the loop, as that seems to be the only way to get time to move forward.

Some foreshadowing elements we planned were the blood trails themselves, and the antagonist checking their pocket-watch every now and then as they stood in the background, keeping track of the movement of time.

With the concept of the story outlined, we gave ourselves about 15 minutes to thumbnail our own take on the story individually, so that we could generate more ideas without too many different inputs.

Tthumbnails of my first attempt- I realised it wouldn’t fit in 20s so I tried narrowing it down to beatboards (right) instead
Story beatboard thumbnails
Peige’s thumbs
Kreesha’s thumbs
Danielle’s thumbs

After sharing each other’s ideas we quickly realised that our storylines and all our dialogue would not fit in 20 seconds, so by the end of the day we went away and tried to come up with shorter ways of presenting the story. I was a little stuck on this since the story on its own is already pretty complex, and perhaps 20 seconds wouldn’t be enough for it. So instead I took a few steps back and looked at our foundational idea: the time loop and the protagonist failing.

I attempted to not focus too much on the details at the moment in case my teammates came up with a better version of the previous storyline, but what I had in mind was that the protagonist would develop to become the antagonist after going through multiple time loops of the original antagonist trying to hurt them.

Sketches of the time loop concept

After discussing and pitching the new idea to the group, we decided to build on it since the previous story wasn’t working out for them either. I explained my concept further, and for visual aid I made a very rough board on Storyboard Pro of my idea:

My initial concept
The music used is Jitter Fanta (slowed) by Metaroom. It is only for the purpose of conveying the mood and timing, and was never planned to be used for the final product — this is for idea generation only.

We then went off and developed the board further by doing our own interpretations of it once the concept was understood:

Peige’s boards: https://drive.google.com/file/d/1tV5h84aHvfFNewc5Ll29sZhc1araTbHM/view?usp=sharing

Danielle’s boards: https://drive.google.com/file/d/1LsDA8EO48ce1oOelCc4abzEQkF8S71eF/view?usp=sharing

Kreesha’s boards: https://drive.google.com/file/d/1ccLwyU9VxsT6lMrCA62tnhWqbtvujOCd/view?usp=sharing

Coming together again, I then edited our boards into a singular one, combining what parts of each other’s boards we liked, particularly Danielle’s lighting and setting in a clock tower, Peige’s idea of the using the clockhand as the antagonist’s weapon (and at the same time shows the big clock of the clocktower ticking), and Kreesha’s interpretation of the antagonist who never stops smiling.

Initial pitch:

This was when one of our tutors reviewed what we had so far. Upon watching it with no context, we found that most of the storyline was understood, but the flow of the shots were not consistent enough since the characters kept switching sides (which we reflected was because of how we all boarded our ideas individually with our own takes), and that the idea of repetition wasn’t quite strong enough. The time loop would be better communicated by showing the loop happening about 3 times with the same events before something changes, while what we had was showing the cycles through numbers on the clock, which might be misinterpreted as time moving forward instead.

At this point, we’ve hit a bit of an artblock, since we thought that even if we did show all the cycles of the loop it wouldn’t make for an interesting enough story. After attending the log lines workshop this issue was solidified even more, as we realised that that the concept was too abstract, too convoluted to convey especially within the limited time.

Instead, we looked at the other direction and changed our overall tone from something dark and dramatic to one that’s lighthearted and goofy. This was to turn our attention away from scrutinising details to the point of confusion and to make the storyline simpler, all the while keeping the theme of the self, the connected relationship between the protagonist and antagonist, and foreshadowing. Eventually, a log line for our new story was made:

An old internet rumour about a skirmishing mirror ghost resurfaces on a skeptical Proteus’ (protagonist) internet feed right before his morning routine is rude interrupted by his own reflection.

The concept was originally put forward by Danielle, so she made some quick storyboards to explain it further and for the group to build on.

Danielle’s initial concept
*An action scene was to be inserted between this and the second video below
The protagonist goes to work at the end, after some time has passed since the reflection incident.

With this as the foundation, I then tried developing it further, trying different acting with the same intent or different angles. One of the comments from the group on the ending was that perhaps the setting shouldn’t change too much to prevent it from seeming rushed and confusing, so I experimented with having the story keep going after the moment the reflection is defeated without any timeskips.

My Initial storyboard (first pass)
I wasn’t worried about timing here yet, since I could narrow it down later

Feedback from the group and tutor:

  • Cut out the facewashing and turn it into brushing their teeth, or simply just picking up the phone from the sink
  • Have the phone be more of a focal point in the first shot
  • Leave around 6 seconds for the action scene
  • Have the reflection turn around while the protagonist is still in frame, since it was unclear whether the protagonist was the one turning around (causing the reflection to do so too) or if the reflection moved on their own
My Second Storyboard (second pass, greenlit)

I also wanted the action in the fight sequence to be “symmetrical” or a “reflection”, calling back to the theme of fighting your reflection.

Character and Background Design

Next was character and background design. We first focused on character design and outlined a few key points about the characters themselves:

  • Focus on simplicity and making them shaped
    • This is both for the cartoonish look and to help with keeping the style consistent
  • Silly, active personality, keep it comedic
  • Martial-arts background, likes self-care

Then brainstormed some of our ideas in the form of sketches:

Mine
Danielle’s
Peige’s
Kreesha’s

Group feedback:

  • More focus on shapes, explore a variety of combinations
  • Experiment with colours and contrasting the protagonist and antagonist
Mine – exploration of different face shapes and proportions. Sketches on the top left were tests to see how well I could match my teammate’s styles
Peige’s
Kreesha’s
Danielle’s

In the second round of experiments we discussed the possible colour combinations. We tested inverting them, using complementary colours, desaturation and oversaturation, black and white etc. We also determined the overall shapes we would implement into the character to be on the sharper side like triangles and rectangles to suit their liveliness.

However, instead of an artblock this time we hit an issue of too many ideas at once, so from here we split into two teams, one focusing on character design and one for backgrounds.

This is to not only narrow down our designs but also to get started on backgrounds to save time. It was also a good idea for each of us to be able to focus on refining one aspect instead of having both characters and backgrounds to worry about. We would still give feedback for each other as well, except this time we had fresh sets of eyes on whatever each team does.

Teams:

  • Character: Peige, Kreesha
  • Backgrounds: Me, Danielle

Background Design

Danielle and I wanted to theme our bathrooms around anything martial arts, so we looked at boxing rings, bandaids, and colour palettes like red-blue-white or gold-red.

Danielle’s
Reference image
Floor plan by Danielle

Out of the first few concept artworks Danielle gave, I was particularly drawn to the POW curtain because it reminded me of the sound effects that would appear in action comics.

Because of that, we went on board with steering the overall tone and feel of the setting to be like something out of an action comic, and I began to put together a moodboard for an action-comic-esque colour palette.

I also researched for inspiration on the bathroom assets, and thought about what would someone who is athletic put and style their bathroom. I looked at gym bathrooms, locker rooms, and was heavily inspired by the Scavolini gym space, which is designed to combine everyday furnishings with equipment for well-being including gym equipment, so both personal care and fitness can be focused on at the same time.

My layout of the bathroom
Colour tests
Wall designs. In the end we chose the top left pattern because it looked the most fitting for a bathroom that had bright colours. Top right was too dull, bottom left was better but the streaks of colour looked a bit too much like graffiti, and the bottom right seemed to fit a corridor more than a bathroom.
These two were made after pitching the first 4 wall designs. I asked for feedback about what patterns or colours they liked and we went for a warm overall tone with a bright blue floor, keeping the striking comic book colours.
Further exploration of setting. I added subtle halftone textures to further the comic book look.

Character Design

Most decisions here were made by my other teammates, but Danielle and I provided feedback on emphasising square and triangle shapes on the face and the bathrobe respectively. For the colours of the reflection, we went with a blue hue over the protagonist’s design to make the transformation between the two smoother.

Below are some of the exploration sketches from them:

Peige’s shape exploration
Kreesha’s colour exploration

Final Decisions

Character design
Turnaround by Peige
Background Design
Wall and floor colours and textures
Opposite wall layout
Furniture follows this layout, but the wall and the floor colours follow the above two images. Carpet follows the bandaid design shown in the opposite wall layout

Animation

This part was mostly straightforward. We split up the storyboard into four scenes and assigned one to one person. To keep the team on the same page, I made a workflow chart that everyone could agree on.

Some discussion points during work distribution:

  • Kreesha wasn’t confident she could replicate the artstyle of the characters very closely but was willing to help others with backgrounds and drafts, so we agreed to assign a shorter scene for her to animate while helping Peige and I with the other areas respectively.
  • Since Danielle was using Procreate for animation, she could not implement camera movement. I volunteered to edit the camera for her in After Effects in the post-production phase.
  • Danielle volunteered to handle all sound effects/music as she has had experience doing them before.

To keep the production on track during winter break, we set some deadlines for ourselves (and also messaged each other on Discord if any questions or issues arose).

Overall there wasn’t much hassle on deadlines.Setting them helped me do all my work on time, and everyone finished their own scene by the 10th (and latest 11th)
Kreesha’s assigned draft for shot 1 of my scene
My animation process (Adobe animate)
My backgrounds

Editing (After Effects)

I was tasked with editing all the animations together, rendering and adding text when needed. For Danielle’s camera movement, we talked beforehand and she had done her scene on a longer canvas, which I then parented to the camera (null object) and moved as needed.

Editing layers. Also added a title (drawn by Danielle), a gradient on overlay for subtle lighting and depth, and credits.

During this, some clips weren’t timed exactly to the storyboard which led to the animation going slightly over the time restriction, so I learned how to use the time remapping function to solve the issue. It was also helpful that I experimented with camera movements in the Motion Graphics rotation as well since it made editing this project go a lot smoother.

Sound Effects

Once finished, the video was sent to Danielle for sound effects. Peige also chipped in later to help with a part of the music.

Final Outcome

Link to higher quality: team_4_total_knockout.mp4 (Reflection for project on pdf submission)

Extra Scrapped Concepts

Sketch of a layout/shot idea in which I wanted to push the action-comic style further. This didn’t end up getting implemented due to the shots not flowing well enough together and time restraints.
Alternate storyboard version of Danielle’s shot, where an animation like a comic panel popping up would act as a transition, inspired by some scenes in Spiderverse. Ended up being shelved since too much movement was happening, not giving the audience enough time to follow the character’s actions.