Labels

IVN // Lectures



26/08/2020 - 25/11/2020 (Week 1- Week 14)
Fann Man Ling  - 0344623 (BDCM)
Illustration & Visual Narrative // Ms. Anis & Mr. Faizal
Lectures & Tutorials

LECTURES

WEEK 1 // 26.08.2020

INTRODUCTION & CHARACTER BASICS
During our first class, Ms. Anis introduced us about character design and the important aspects when creating a character. 

Fig 1: Lecture 1
 
5 Principles of Character Design
1. Shapes
2. Colors
3. Emphasis & Contrast
4. Harmony
5. Expression / Poses

SHAPES
define a character's silhouette.


Fig 1: Basic shapes of character. (Source: Google)

COLOURS
 determine the role of characters, and give an impression on a character.

Fig 2: The Color Psychology of Disney Character (Source: Google)

EMPHASIS & CONTRAST
A good character design is when you pick one visual element in a character and exaggerate it (making the character outstanding and memorable)./ Build the personality of your character.

Fig 3: Contrast in character design (Source: Google)

HARMONY 
Every element (shapes, lines, colour, motifs, patterns) must work together like they complement each other. / Visual Hierachy

Fig 4: Differnt style attempt of the character to achieve harmony (Source: Google)

EXPRESSION / POSES
Allow the audience to interpret your character.

Fig 5: Expression and poses (Source: Google)

WEEK 2 // 02.09.2020

CHIAROSCURO
The use of light (chiaro) and dark (scuro) to create the illusion of 3D volume on a flat surface.

Fig 1: Lecture 2

Using Chiaroscuro to:
  • Increase dramatic tension.
  • Create sensational effect.4
  • Pull your attention to a subject in an intense way.
  • Create a tasteful composition on negative vs positive spaces.
  • Study form & value practice.
Fig 2 : Chiaroscuro applied in Fine Art (Saint Jerome Writing- Michelangelo) (Source: Wikipedia)

Fig 3 : Chiaroscuro applied in Photography (Source: Google)

WEEK 3 // 09.09.2020

COMPOSITION 

Fig 1: Lecture 3

Fig 2: Camera shot size overview (Source: Studiobinder)

Types of Shots:

ESTABLISHING
Tells the viewer where in the world the story takes place (provides the viewers a maximum of the scene).

BIRD'S EYE VIEW
Looking directly down on the subject. (to emphasize the smallness/ insignificance of the subjects).

FRAMING
Pushes focus to something.

MEDIUM SHOT
Shows the character from the waist up.

CLOSE-UP
Frames the character's face (can see even more detail that tells us how a character feels/ highlights emotional clues in the eyes.)

WORM'S EYE VIEW
Shows how the character is being viewed by the surrounding.

Fig 3: Types of Shots (Source: Lecture slides)

Types of Composition:

RULE OF THIRDS
a simple technique where designers divide their designs up into three rows and three columns, and at the points where the vertical and horizontal lines meet is where your focal points should be.

Fig 4.1: Rule of thirds (Source: Canva)


GOLDEN RATIO
It helps creates a composition that will draw the eyes to the important elements of the photo.

Fig 4.2 :Golden ratio (Source: Designshack)

* Find a balance of Positive and Negative space (black & white space) to create visual hierarchy.

Fig 5: Positive and Negative space (Source: Lecture slides)

FURTHER READING

Fig 6: Composition (Given by Ms. Anis)

WEEK 4 // 16.09.2020 

No class. (Malaysia Day / public holiday)

WEEK 5 // 23.09.2020

PERSPECTIVE

Fig 1: Lecture 4

During the periods of Byzantine, Medieval and Gothic, their art was rich and beautiful in colour, and highly detailed. But they didn't used perspective to create the illusion of depth and space in the images.

Fillipo Brunelleshi, the first great Renaissance architects that became a pioneer of perspective. 
Fig 2: Linear perspective (creating an illusion of depth on a flat surface) (Source: ZT Tosha Art)


This is one of the best composition that manipulates many PERSPECTIVE into the artwork here. For the use of ground, the huge canvas and the people are foreground (look at the light shine the brightest on all of these people in front of this), the middleground consists the painter, two servants at the back and pieces of artwork at the back. For the background, it refers to the tiny space (the door and a person standing there).

Fig 3: Las Meninas by Diego Velazquez (Source: Draw Paint Academy)

Fig 4: The use of ground that used to create DEPTH (Source: Lecture slides)

Perspective in Art 

  • create depth
  • an illusion
  • a representation of objects (from a 2D to create a 3D optical illusion)

Types of Perspective:
  • 1-point 
  • 2-point
  • 3-point
  • 4-5-point (fish eye)
Vanishing point
The spot on the horizon line to which the receding parallel lines diminish. (Allows us to create a 3D look in artwork.)

Horizon line
Eye-level line. (Allows to control the height of a viewer's eye as they look at the picture.)

FURTHER READING

Fig 5: Pespectives (Given by Ms. Anis)

*More reading: thesprucecraft

WEEK 6 // 30.09.2020

RHYTHM & MOVEMENT

Fig 1: Lecture 5

Good composition:

  • Value tones (Darker-foreground & Brighter-middleground value/light)
  • Shapes (e.g. huge shapes at foreground)
  • Positive vs negative (Chiaroscuro)
  • Perspectives / Spatial Depth (drives the viewer's focus to the centre)

Basic visual elements//tools to create Movement:

  • lines
  • shapes (connect lines together) - with the use of shapes can create space.

Making composition of artwork looks interesting:

MAXIMISE OVERLAPS
Apply perspective (1,2,3 point) to make composition of artwork looks interesting.// Create a sense of depth.

ESTABLISHING PATTERNS & RHYTHM
Includes organic shapes and geometric shapes in an artwork - to create more interesting composition.

MOTION LINES 


Fig 2.1 - 2.2: Various strategies of Motion lines

ONOMATOPOEIA

Another way to support motion, emotion and expression into a drawing is the Onomatopoeia (suggest a sound).

 Fig 3.1 - 3.2 : Onomatopoeia

Fig 4 : Combination of Motion lines and Onomatopoeia

FURTHER READING:

WEEK 7 // 07.10.2020

TRANSITIONS - Making comic

Fig 1: Lecture 6

Types of Comic Transitions:
  • Movement-to-Movement
  • Action-to-Action
  • Subject-to-Subject
  • Scene-to-Scene
  • Aspect-to-Aspect
  • Symbolic
  • Rolling Transitions
  • Non Sequitur

FURTHER READING

Fig 2: Making Comic-Transitions (Given by Ms. Anis)

Fig 3: Transition and Gutters (Given by Ms. Anis)

WEEK 8 // 14.10.2020

No class. (Independent Learning Week)

WEEK 9 // 21.10.2020

UNDERSTANDING COMICS - 3 Acts Structure


Fig 1: Lecture 7

Fig 2: 3 Acts Structure

Pitching idea
  • Inspiration
  • Concept
  • Image References - visual style, layout, character reference (MOODBOARD)
  • Sketches
3 Acts Structure:
ACT 1
The beginning

ACT 2
The problem, obstacle.

ACT 3
The climax, the ending.

JUXTAPOSING
A combination of 2-3 different factors comes creativity.

WEEK 10-14 // 28.10.2020-25.11.2020

Self- Direct Class & Consultation via direct message.

INSTRUCTION

Fig 1: Module Information Booklet

 
Fig 2: Assignments Brief

Fig 3: Rubric

TUTORIAL 

Mr. Faizal gave us demo of application of Adobe Softwares for every week.

WEEK 1
Introduction to Adobe Illustrator, layers, basic tools, basic short-cut keys, tracing.

WEEK 2
Demo tutorial for our Project 1A(trading card design) in AI. Introduction to Shape tools, brush tool to draw, pencil tool to colour, knife tool to create shadow, and add gradient in creating landscape background.

WEEK 3
Demo tutorial for our Project 1B (Vector Landscape) in AI. Introduction to some digital drawing tablet, some drawing skills like using basic structures to draw. Additionally, demo tutorial for the use of foreground, middleground, background in the drawing, as well as use pencil tool and knife tool in colouring.

WEEK 5
Demo tutorial of the use of perspective tool in creating a work in Adobe Illustrator.

WEEK 6
Introduction to the difference of vector (AI) and rasterize (PSD) for different visual outcome. Demo tutorial for Project 2 (Decisive Moment) in Adobe Photoshop, in terms of drawing, colouring, creating timeline, animating, and exporting as GIF.

WEEK 7
Demo tutorial of animating still illustration in Adobe Photoshop. Mr. Faizal encouraged us to actively promote our artwork on social media. Introduction to the use of multiply blending mode in creating landscape illustration to create a gradient decade's visual effect. Additionally, introduction of basic application in Adobe After Effect. Some video examples of Motion Comic on Youtube were recommended. Lastly, demo tutorial for our Project 3 (Graphic Novel) in PSD, such as sketching draft of story, adding typefaces, and creating panels.

WEEK 9
Introduction to different comic styles for our Project 3 (Graphic Novel). Additionally, demo tutorial of sketching character based on tracing a reference picture of ourselves. Demo tutorial of creating background with comic style based on reference images.

WEEK 10
Demo tutorial of developing character via another alternative options for who not good at drawing, which is using lasso tool to trace reference images in Photoshop. Additionally, Mr. Faizal taught us to make use of photo and texture creatively in producing out work. Lastly, demo tutorial of animating work in Adobe After Effect.

EXERCISE 

WEEK 1

Exercise 1- Shape Studies Based on 3 Character

For our first exercise, we were asked to choose 3 characters and simplify them into their basic shapes. I picked the characters from Adventure Time to do the analysis on its basic shapes.



    
Fig 1 : Finn the human and its basic shape (Square / Rectangular)

Finn is represented as a brave, selfless, and righteous boy, and his aspirations to become a great hero makes him somewhat of a moral sheriff in the cartoon. In a sense, square / rectangular is utilized in depicting him as squares make the character feel bulky and steady which could convey a character's strength and stability.



          
Fig 2 : Jake the dog (Circle)

Circles make the character feel soft and friendly. In this case, i believe the circles are used in creating Jake to make it approachable and fun. His soft and flexible body is portrayed how harmless he is.

Fig 3 : Ice King (Triangle)

Triangles make the character feel edgy. In this case, Ice King is portrayed as a bad and crazy guy in the cartoon, and by incorporating the triangular shape in the character's design, the viewer including me know he's probably the bad guy in the cartoon as it convey the feeling of intimidation and danger.

Email Post
Labels:

Comments

Post a Comment

Popular Posts