ILLUSTRATION AND VISUAL NARRATIVE TASK 2 - DECISIVE MOMENT

ILLUSTRATION AND VISUAL NARRATIVE TASK 2 - DECISIVE MOMENT


6.5.2022 - 20.5.2022 (Week 6 - Week 8)

Er Xin Ru (Melanie) | 0354939 
Bachelor Of Design (Hons) In Creative Media | Taylor's University
Subject: COM61304 - Illustration and Visual Narrative

Task 1 | Exercises
- Decisive moment ( Poster & Animated Poster )

INSTRUCTIONS

WEEK 6 - WEEK 8 DECISIVE MOMENT

THE ASSESSMENT OUTLINE
Think of a moment in time that changed a narrative for the better... or worse. Or a scene in a movie that turned the tide of the story. Ora particular part of a video game that made you rejoice or cry along with the character. Or a memorable chapter in your favourite book that made you return to read it again and again.

These are decisive moments that impacted a story and you as anaudience. Whether the moments are based on real life events or fictional narratives, human psychology is easily affected by moments like these. As a designer, you are to capture these moments and translate them into a single piece of animated artwork

- You can use any known narrative from published media like movies, animation, books, comics, manga etc.
- Capture the unique, fleeting, and meaningful moment of that time, ideally one involving movement and action.
- Create a sophisticated background to the subject that interacts both visually and psychologically with the subject in a synergistically meaningful figure/ground relationship.
- Exercise anticipation, ambiguity and uncertainty of the moment as a visual gap, interval, or suspension of some kind through the animation loop.
- Provide a logline to describe the moments, but not enough to reveal the whole story behind the picture.

SPY X FAMILY (ANIME)

Fig 1: Spy x Family Poster

Fig 2 : Spy x Family Poster

After Consideration, I choose Spy x Family as it is one of my favourite anime movie and its very popular now too. I choose the scene where Anya is push by Damian Desmond Classmate to represent the bushing towards Anya which Anya offered to join them (to complete mission given to his father (Loid Forger) to make friend with Damian Desmond) but they felt the Anya is not qualified to join them because they think Anya father is a nobody. After pushing Anya, Anya is extremely angry but think of what her mother (Yor Forger) told her that don't let their emotions control you and if someone just being mean, being able to LAUGH IT OFF MAKES YOU THE COOLER, BIGGER GIRL. After Anya listening to her mother's advice and smiling to keep her emotions down, Anya's own version of that smile soon kicks off the face that launched a thousand memes. The transition of the character's facial expressions given an expression of Contrast as we doesn't expect of the plot and also the own version expression shown. 

Video 1 : Spy x Family Scene ( Start from 0.24 - 0.46)

Video 2 : Anya own version smile (Funny Scene)

Video 3 : Anya own version smile GIF

IDEA SKETCH

Fig 1: My roughly idea sketch 


ANALYSE & SCREENSHOT OF THE SCENE
Firstly, I do see the whole episode again and see what frames where available. But in my mind, the scene that I'm unforgettable is Anya own version smile, so I decided to do this scene. It were about 20 frames in total of this scene, but I removed some of the frames to make it more simplify. I choose about 14 to draw and animate it.

Fig 2 : The screenshot of the scene


CREATE DESIGN IN ADOBE ILLUSTRATOR
After that, I Import the frame into Adobe Illustrator and trace the character.

Fig 3 : Tracing and drawing ( line )

Fig 4 : Tracing and drawing ( complete )


The whole character drawing/sketching and also face expression is very important in these scene. Which all of the scene shown with the facial expression with the emotions and I need to be very careful to draw it very detail and hope there no mistake and to confirm everything is perfectly done well.


GIF TESTING

Fig 1 : Gif Process

Fig 2 : Timeline Gif Process


Vid 1 : GIF Testing 


Vid 2 : GIF Testing Progress in Ps


This is my GIF animation testing, I think there are some changes need to be changed.

In Story, Anya is extremely angry but think back of what her mother (Yor Forger) told her that don't let their emotions control you and if someone just being mean, being able to LAUGH IT OFF MAKES YOU THE COOLER, BIGGER GIRL. After Anya listening to her mother's advice and smiling to keep her emotions down, Anya's own version of that smile soon kicks off the face that launched a thousand memes.

DESIGNING POSTER 
I proceed my next step in creating poster with background and text design. My background idea is about Anya background history of herself.

: Anya's true origins, as well as the source of her telepathic abilities, are largely unclear. Prior to being found at the orphanage, she was made by accident, as an unintended consequence of research experiments conducted by an unknown organization. She had the code name 'Test Subject "007"' have the powers of reading people thoughts and what the person are thinking of. So I think of "Space"

Fig 1 : Poster Design - Spaceship theme

Fig 2 : Poster Design with Anya

Fig 3 : Poster Design with Anya final

PHOTOSHOP  TO ANIMATE - Animated Poster Design
Concatenate the beginning and end of the animation - that I put in to animated into photoshop again with the background poster I did just now. Here are the progress to create it.

Fig 1 : Process to do my GIF with my poster design

Fig 2 : GIF process with my poster design

Fig 3 : GIF process with timeline process


Vid 1 : GIF process with my poster design


FINAL OUTCOME ANIMATED POSTER

Vid 1 : GIF process with my poster design


MY FINAL SUBMISSION


Fig 1 - Final poster in .jpg [900 x 720 pix] 


Fig 2.1 - Final poster in .jpg [900 x 720 pix] 


Fig 2 - Final animated in .gif [900 x 720 pix]


Fig 2.1 - Final animated in .gif [900 x 720 pix]

DOCUMENTATION OF ARTWORK PROGRESS
Fig 2.2 - extra documentation 

Comments