Illustration and Visual Narrative- Project 2 Decisive Moment

3/5/2022- 29/5/2022 / Week 6 - Week 9
Chuah Kwai Pin / 0348376
Illustration and Visual Narrative / Bachelor of Design (Hons) in Creative Media / Taylor's University
Project 2 Decisive Moment 


LECTURES:

Week 6- Composition Theory 2: Perspective

Perspective
Representing three-dimensional objects on a two-dimensional surface to give right impression of their height, width, depth and position in relation to each other.

1) One-point perspective
  • Objects emerging from a single point on the horizon.
  • Images that get closer to vanishing point becomes small.
  • All objects recede towards that one point.
2) Two-point perspective
  • Vanishing points on either side of the horizon.
  • Helps to create a greater sense of space and gives objects more sense of dimension and place.
  • Objects recede toward two separate points, allowing more dynamic views.
3) Three-point perspective
  • Consists of two vanishing points on opposite sides of a horizon, but with addition of another vanishing point high or below the horizon.
  • To achieve sense of drama and scale.
  • Third vanishing point on vertical axis gives far broader range of angles.
4) Isometric View
  • For creating detailed concepts of individual buildings.
  • Clearly presents three sides of the design without distorting perspective or obscuring details.

INSTRUCTIONS:


Week 6: Perspective
Lecture Report 6: Visual Study

1) Find visuals from any comic, graphic novel, any visual media that express stories that captures the three different types of perspectives - one-point, two-points, three-points listed in today's lecture.
2) Draw lines to trace on the perspective directions and note on the vanishing points.
3) Upload these pictures into your blog.

After listening to Week 6's lecture, I picked out some scenes from Cruella (2021) which had these 3 perspectives applied individually.

One-point perspective

Fig.1.1 One-point perspective scene from Cruella (2021)

Two-point perspective

Fig.1.2 Two-point perspective scene from Cruella (2021)

Three-point perspective

Fig.1.3 Three-point perspective scene from Cruella (2021)


Week 7: 3-Acts Structure
Lecture Report 7: Homework

After Week 7's lecture, we were tasked to think about a narrative for our graphic novel project. We were introduced to the 3-acts structure and I found it to be very useful when planning out my narrative. 

Fig.1.4 Short Narrative Exercise


PRACTICAL:

Week 6 Practical Work
For this week, we learned the basics of colouring and were introduced to some new tools on Adobe Illustrator. We practiced using: line tool, pen tool, effect/ distort/ zigzag, warp tool, outline stroke, expand, expand appearances, pathfinder merge, isolation mode, blob tool, draw behind and draw inside.

Fig. 2.1 Colouring hands and flower (line version)

Fig. 2.2 Colouring hands and flower


Project 2: Decisive Moment

Before I started with my project, I hopped onto Pinterest to get some inspirations for the posters. I realised that most of them contain graphical elements that addresses the specialty of the main character itself. Although it uses only silhouettes, anyone could tell what movie it is based on the poster because of how iconic the silhouette is.

Fig. 3.1 Inspiration for Minimalist Posters

Looking at these posters, I thought about one iconic character than can work very well with minimalist silhouette posters and that is none other than Cruella. Even by the hints of her unique black and white hair, anyone would be able to decipher that the poster is about the movie Cruella (2021).

Fig. 3.2 Official Movie Poster of Cruella (2021)

Estella, or better known as Cruella, is a young and brilliant grifter and fashion designer who wants her name out in the world for her renowned fashion sense. Along the way, she befriended two young thieves and together they tried to make a living in the streets of London. However, the story takes a twist when she becomes acquainted with the one and only fashion legend, Baroness von Hellman.

Fig. 3.3 Chosen Scene Breakdown

The scene I have chosen is the scene where Estella sees her late mother's necklace on the Baroness' neck and starts questioning her about it. The shocking truth to the death of her mother was finally revealed and Estella, as betrayed and enraged she felt, she wanted the necklace back no matter what it takes. Hence, she planned with her 2 friends to sneak into the Baroness' night ball and steal the necklace back. However, to do that, they needed distraction and that is none other than the spotlight-stealing stunt that Cruella pulled by setting her cloak ablaze to reveal a fiery red dress.

Fig. 3.4 First Draft Sketch of Poster

After Week 7's feedback, I thought of another idea for my poster which would highlight the scene even better.


Fig. 3.5 Traced out the necklace for background


Fig. 3.6 Traced out Cruella's iconic silhouette with her red dress


Fig. 3.7 Traced out some gems to add into the necklace


Fig. 3.8 Final turnout of my second idea


Fig. 3.9 Alternate idea with flames in the background


After Week 9's Feedback

From the feedback given, I have added the flames into the pendant instead of the background by using a clipping mask. I also searched up a tutorial on how to add a glossy effect so that the pendant stands out and appears more realistic.

Fig. 4.1 New changes into final idea


When I was checking the task instruction again, I realised that I have been making my poster in A4 size when it was supposed to be 720 x 900 pix. Because of that, I had to transfer my poster onto a 720 x 900 pix template and make some necessary adjustments.

Fig. 4.2 Final Outcome of Minimalist Poster


Animated GIF Poster

For my animated poster, I was thinking of making it simple and only animating the inside of the pendant. I had an idea of having the pendant burst into flames and Cruella and her 3 Dalmatians make their grand appearance with her famous tagline "I have a plan". I started off using Adobe Illustrator to edit the different frames for the frame animation and then exported them to Adobe Photoshop to animate it. 


Fig. 5.1 Working on the artboards for frame animation


Fig. 5.2 Creating frame animation

While I was editing on Photoshop, the poster GIF flowed smoothly and it preserved the image quality well. However, when I tried to save as web into GIF format, the colours were slightly distorted and did not look exactly like the poster. I have saved a few versions of the poster GIF by adjusting the dither and colour range, but they appeared very grainy with a lot of noise in the gradient background. Hence, after many attempts, this was the better outcome despite the colours running off.




Fig. 5.3 Final Animated GIF Poster


FINAL OUTCOMES:




FEEDBACK:

Decisive Moment Poster

Week 7:
A good choice of scene from the movie. It would be difficult to animate the flames into GIF. if I were to proceed with Fig. 3.4. Can try another idea where the necklace becomes the background, and the silhouette of Cruella can be seen in the centre.

Week 9:
The overall poster is alright but can add the flames inside the pendant and add a shiny glossy effect onto the pendant.

REFLECTIONS:

In the process of doing Task 2, I have noticed that I was getting more familiar with the tools in Adobe Illustrator. I was able to work faster and more efficiently than when I did for Task 1. It was a good experience studying and analysing scenes from a movie so we could choose a decisive moment and develop a concept for our minimalist poster. While working on this, I faced a few challenges which required a lot of readjustments and trial and errors. Although it took up quite a lot of time, I was glad I made those mistakes and managed to solve and learn from them in the end.

The lectures were also very insightful and it helped me look at movies and graphic novels in a different way. Before this, I have never really focused on the different perspective approaches to emphasise and enhance the flow of the narrative. However, now when I watch videos or movies, I will subconsciously analyse the scene of the movie and how it is being composed to focus on the narrative.

Comments