ILLUSTRATION & VISUAL NARRATIVE //Project 2
06.05.2021 - 30.05.2021 (Week 6 - Week 9)
Chaw Zhi Ting (0347344)
Bachelor of Design (Hons) Creative Media
Illustration & Visual Narrative // Project 2
LECTURES:
Mr.Anis briefed us on Project 2 which is creating a minimalist poster with decisive moment based on the story. The decisive moments can be scene in a movie that turn tided of the story or particular video game or a memorable chapter from books. As a designer, we are required to capture these moments and translate them into a single piece of animated artwork.
Figure 1.0 Idea explanation on decisive moment of a story , 6th May 2021
PRACTICAL :
This week we were introduced to create basic animation using Photoshop and After effects. We learned about the principle, how to develop from sketches to create timeline. There are 12 basic principles of animation: Squash and stretch, anticipation, staging, straight ahead action and pose to pose, follow through and overlapping action, slow in and slow out, arc, secondary act, timing, exaggeration, solid drawing and appeal.
Figure 1.1 Practical sketches demonstrating 'pose to pose', 6th May 2021
Figure 1.2 Creating timeline for simple animation, 6th May 2021
Figure 1.3 Creating object and adding effects, 6th May 2021
PROJECT 2: DECISIVE MOMENT
Figure 1.0 References of minimalist poster from the movies 'The Walk', 6th May 2021
Figure 1.2 Chosen movie 'Maleficent', 6th May 2021
Maleficent is a powerful, kind hearted fairy and has an idyllic life growing up in a peaceable forest kingdom. Until one day, everything changed when an invading army threatens the harmony of the land. Maleficent rises to be the land's fiercest protector, but she ultimately suffers a ruthless betrayal - an act that begins to turn her pure heart to stone. Maleficent faces a battle with the invading king's successor and as a result, she placed a curse upon his newborn infant, Aurora. As the child grows, Maleficent realizes that Aurora holds the key to peace in the kingdom - and perhaps to Maleficent' s true happiness as well.
Figure 1.3 Original movie clip from Youtube (source), 6th May 2021
Figure 1.4 Scene study ' Maleficent', 6th May 2021
Figure 1.5 Sketches of the poster, 6th May 2021
Figure 1.6 Tracing the iconic Maleficent horn, 6th May 2021
Figure 1.7 Creating Maleficent silhouette, 6th May 2021
Figure 2.0 Designing the background of the poster, 12th May 2021
Figure 2.0 Designing the background of the poster, 12th May 2021
Figure 2.1 Designing the background of the poster, 12th May 2021
Figure 2.2 Creating flame effects for the wings, 13th May 2021
Figure 2.3 Pre-composition poster, 13th May 2021
Figure 2.4 Studying the animation of the wings, 14th May 2021
Figure 2.5 Creating different motion of wings, 14th May 2021
Figure 2.6 Creating animation timeline with Photoshop, 15th May 2021
Figure 2.7 First draft of GIF, 15th May 2021
After receiving feedback from Mr.Kannan, I decided to improve the visibility of the background and midground as it's lack of mystery feeling. Besides, the position of the wings needs to be higher at the shoulder level which I may have made a mistake. He also commented the title can be bigger to enhance the visual hierarchy. 
Figure 3.0 Chosen texture from Unplash , 27th May 2021
Figure 3.1 Final minimalist 'Maleficent' poster design, 27th May 2021
Figure 3.2 Final 'Maleficent' GIF, 27th May 2021
Mr.Anis briefed us on Project 2 which is creating a minimalist poster with decisive moment based on the story. The decisive moments can be scene in a movie that turn tided of the story or particular video game or a memorable chapter from books. As a designer, we are required to capture these moments and translate them into a single piece of animated artwork.
Notes for Project 2:
- A pivotal moment in a widely known movie/animation/book/game etc
- Capture the unique, meaningful moment that time, involving movement and action
- Translating the scene with a minimalist style approach
- Create a sophisticated background to the subject that interacts both visually and psychologically
- Research on the narrative chosen
- Think of how to make the characters or other iconic objects simplified and can be recognize
- Identify the main theme colours of the movie/ story
Figure 1.0 Idea explanation on decisive moment of a story , 6th May 2021
PRACTICAL :
This week we were introduced to create basic animation using Photoshop and After effects. We learned about the principle, how to develop from sketches to create timeline. There are 12 basic principles of animation: Squash and stretch, anticipation, staging, straight ahead action and pose to pose, follow through and overlapping action, slow in and slow out, arc, secondary act, timing, exaggeration, solid drawing and appeal.
Figure 1.1 Practical sketches demonstrating 'pose to pose', 6th May 2021
Figure 1.2 Creating timeline for simple animation, 6th May 2021
Figure 1.3 Creating object and adding effects, 6th May 2021
INSTRUCTIONS:
PROJECT 2: DECISIVE MOMENT
Before kick starts the project, I did some researches on minimalist movie poster design and study how they translate the movie to basic art. I noticed the key elements are usually portrayed in a way of lines, silhouettes, simple text, shadow to identify the light source. From these references, I roughly got an idea of how will I want my poster to be.
Figure 1.0 References of minimalist poster from the movies 'The Walk', 6th May 2021
Figure 1.1 References of minimalist poster, 6th May 2021
The movie I chose is Maleficent which is a dark fantasy adventure film which have an interesting plot. This film is a live-action adaptation of Walt Disney's 1959 animated film Sleeping Beauty, and portrays the story from the perspective of the eponymous antagonist, depicting her conflicted relationship with the king and princess of a corrupt kingdom.
Figure 1.2 Chosen movie 'Maleficent', 6th May 2021
Maleficent is a powerful, kind hearted fairy and has an idyllic life growing up in a peaceable forest kingdom. Until one day, everything changed when an invading army threatens the harmony of the land. Maleficent rises to be the land's fiercest protector, but she ultimately suffers a ruthless betrayal - an act that begins to turn her pure heart to stone. Maleficent faces a battle with the invading king's successor and as a result, she placed a curse upon his newborn infant, Aurora. As the child grows, Maleficent realizes that Aurora holds the key to peace in the kingdom - and perhaps to Maleficent' s true happiness as well.
Figure 1.3 Original movie clip from Youtube (source), 6th May 2021
The movie scene I have chosen when Maleficent is trapped under an iron net by Stefan's guards. Aurora goes to help Maleficent one of the soldiers pushes her back. Maleficent turns Diaval into a dragon as the guards start attacking her, and he lifts the net off of her and fights the guards. However, as Stefan enters the scene, Diaval is chained by the soldiers and they surrounds Maleficent with their shields. Stefan taunts Maleficent and cruelly beats her with an iron chain, knocking her down.
After Stefan throws the chains around Maleficent and tosses her aside, Stefan takes out his sword and as he walks towards Maleficent to strike a fatal blow but, before Stefan can kill her, the wings reach Maleficent and reattach themselves to her back, after Aurora frees them. She flaps her wings and floats up. With her wings back, Maleficent starts to fly away and frees Diaval from his restraints, and together, they manage to defeat the guards.
Figure 1.4 Scene study ' Maleficent', 6th May 2021
After studying the movie scene, I began to sketch the ideas of the poster. To make the home look more realistic and recognizable, I decided to trace the original movie poster to create the silhouette.
Figure 1.5 Sketches of the poster, 6th May 2021
Figure 1.6 Tracing the iconic Maleficent horn, 6th May 2021
Figure 1.7 Creating Maleficent silhouette, 6th May 2021
Figure 1.8 Progress of creating the iconic elements, 12th May 2021
Figure 1.9 Adding movie logo and logline, 12th May 2021
Figure 1.9 Adding movie logo and logline, 12th May 2021
Now I have done digitalize the overall composition of the poster, I try to think of the background for the poster. By collecting the movie scene, I decided to combine the ideas and element in the lock, and the metal chain which appears when Maleficent is attacked by the guards.
Figure 2.0 Designing the background of the poster, 12th May 2021
Figure 2.1 Designing the background of the poster, 12th May 2021
After completing the background and most of the parts, I added shadow and creates some glowing effects to make the poster looks more interesting.
Figure 2.2 Creating flame effects for the wings, 13th May 2021
Figure 2.3 Pre-composition poster, 13th May 2021
Then, I move forward to study the animation of the wings to make the GIF. I screenshot different movement and position of the wings when Maleficent got her wings back.
Figure 2.4 Studying the animation of the wings, 14th May 2021
Figure 2.5 Creating different motion of wings, 14th May 2021
Figure 2.6 Creating animation timeline with Photoshop, 15th May 2021
Figure 2.7 First draft of GIF, 15th May 2021
Unfortunately it looks weird, so i try to reduce the frame and keep it just 10 frames.
Figure 2.8 Timeline of animated wings, 15th May 2021
Figure 2.9 Second draft of GIF, 15th May 2021
Figure 3.0 Chosen texture from Unplash , 27th May 2021
Figure 3.1 Final minimalist 'Maleficent' poster design, 27th May 2021
Figure 3.2 Final 'Maleficent' GIF, 27th May 2021
FEEDBACKS:
Week 7//Ms. Anis commented is a good choice of movie where Maleficent has her iconic horns red lips. It requires more study of the movie scene to move on to idea sketches.
Week 8//Self independent learning week (continue work on the poster)
Week 7//Ms. Anis commented is a good choice of movie where Maleficent has her iconic horns red lips. It requires more study of the movie scene to move on to idea sketches.
Week 8//Self independent learning week (continue work on the poster)
Week 9// Mr.Kannan commented the overall animation is good with the effects (Figure 2.9). Some detail can be improved such as the position of the wings needs to be higher at the shoulder level. The background and midground can make it darker to add the mystery vibes. Besides, the title can be bigger to enhance the visual hierarchy. So I improved them and the final outcome as shown (Figure 3.2).
REFLECTION:
Comments
Post a Comment