Illustration And Visual Narrative (Week 04)

ILLUSTRATION AND VISUAL NARRATIVE GCD 61204 (Week 04)

NAME: CHIN TZE WEI

I.D: 0357423

COURSE: Illustration and Visual Narrative / Bachelor of Design (Honors) in Creative Media

GROUP: Class 01 Sec 01


WEEK 4: LECTURE

Figure 4.1  Lecture Note for Week 04


Lecture Note Week 04:

In this week's lecture, Mr Hafiz introduced us about Compositions, Visual Types and shots.

Basic Composition Rules:

1.  Visual Narative 
  • Composition should complement your subject focus and reflect the narrative.
  • Think of the look and feel of the scene. Get their emotions on the same page.
Figure 4.2  Violet Evergarden, Episode 10(2018) Composition Study-Visual Narrative



Figure 4.3  Violet Evergarden, Episode 10(2018) Composition Study - Visual Narrative
 
2.  Viusal Flow
  • The composition determines the path of a viewer's eye through the visual.
Figure 4.4  Demon Slayer(Kimetsu no Yaiba) - Visual Flow

3.  Visual Balance
  • Even though you can’t know the exact path a viewer’s eye is going to take, you can nudge things one way or another.

Figure 4.5  Parasite (2019) Composition Study - Visual Balance


    4.  Visual Hierarchy
    • The way you visualize and focus your subject matters can have huge effects on the composition the artists make...and sometimes can even affect the course of history.
    Figure 4.6  Anne of Cleeves (Hans Holbein the Younger, 1539) Composition Study - Visual Hierarchy



    Tyes of shots:

    1.  Establishing shot
    • Purpose: 
      • Establish the setting.
      • Give viewers time to take in the scene.
    Figure 4.7  The Wizard of Oz (1939) - Establishing Shot


    2.  Bird's-eye-View
    • AKA overhead shots.
    • The camera is placed directly above the subject
    • It is ~90⸰ above the scene.
    Figure 4.8  The Avengers(2012) - Bird's eye View




    3.  Frame-within-a-frame
    • A well-composed frame-within-a-frame can fracture screen space, add depth, and create visual interest in the composition.
    • Purpose: 
      • Foreground and background elements can emphasise and highlight underlyng meanings in the story.
      • Break up information in the frame for maximum impact.
    Figure 4.9  Mulan(1998) - Frame-within-a-frame


    4.  Medium shot
    • AKA three-quaters shot
    • Purpose:
      • To frame characters.
    Figure 4.10  Titanic(1997) - Medium Shot


    5.  Close-up Shot
    • A close-up shots is an intimate moment between the viewer and the character.
    • Purpose: To emphasise emotion and thoughts within a grander context. 
    Figure 4.11  Get Out(2017) - Close-up Shot



    5.  Worm's-eye View
    • The camera is placed directly beneath the subject
    • It is ~90⸰ below the scene.
    Figure 4.12  The Avengers: Age of Ultron (2015) - Worm's-eye View




    WEEK 4: WEEKLY EXERCISE (CHIAROSCURO PEOPLE)



    This week, we're gonna learned "Colour and Blending"






    I traced the reference image provided by Mr Hafiz at Google Classroom.
    I created the line and shadow usign the Pen and Pencil Tool.

    Figure 4.13  Image use to traced provided by Mr Hafiz



    Figure 4.14  Traced the reference image using Pen Tool at Adobe Illustrator



    I use 4 different colour (Red, Blue, Purple and Green)to represent to line part and shadow part.
    This is for me to classify the line  easily and quicky. 



    Figure 4.15  Finnish tracing and creating the shadow (line)



    And then I apply shadow on to the traced people.

    Figure 4.16  A guy with shadow



    After that, I find some background (watercolour texture) from Freepik website to apply a clipping mask over the shadows I had created. 

    Figure 4.17   People with shadows and watercolour texture.



     

    Final Outcome of Chiaroscuro People

    Figure 4.18  Final outcome for the Chiaroscuro People




    Quick Link :

    Popular posts from this blog

    Application Design 1 - Final Project: High Fidelity App Design Prototype

    Design Research Dissertation - Final Compilation: Research Reflection Report and Recorded Presentation