Task 1: 25.09.2024 -11.10.2024 (Week 1- Week 3)
Task 2: 16.10.2024 - 01.11.2024 (Week 4 - Week 6)
Task 3: 06.11.2024 - 29.11.2024 (Week 7 - Week 10)
Task 4: 05.12.2024 - 05.01.2025 (Week 11 - Week 15)
Emily Ong Su Yu / 0365304
Illustration and Visual Narrative / Bachelor of Design in Creative Media
Lectures
TABLE OF CONTENTS
1. Instructions
2. Week 1
3. Week 2
4. Week 3
5. Week 4
6. Week 5
7. Week 6
8. Week 7
Lectures
Instructions
Module Information
Booklet
Figure 1.1 Module Information Booklet Week 1 (23/9/24).
This module aims to introduce the students to the process of
creating visual concepts
from ideas and its pictorial communication to an
audience in the form of illustrations. Through studio assignments and demonstrations,
students will understand the history of visual
communication, the essential skill of telling stories
via images and the work processes of professional
illustration. A variety of relevant media, materials and
techniques are explored. Lectures on the working methods
of successful illustrators will support the practical
aspects.
Week 1
Character Design Basics
Stylised Design
-
Iconic: Simplified and iconic characters can be
recognized even in black silhouettes.
-
Simplicity: Allows viewers to understand the character's
purpose easily.
-
Unique: Simplistic designs often leave a lasting
impression and stand out.
- Iconic: Simplified and iconic characters can be recognized even in black silhouettes.
- Simplicity: Allows viewers to understand the character's purpose easily.
- Unique: Simplistic designs often leave a lasting impression and stand out.
Principles of Character Design
Shapes:
-
Think iconic, create
distinctive silhouettes for your
characters.
-
Add weight to their personality
by incorporating their traits
into the design.
Colour:
-
Establish the basic roles of
the characters.
-
Different colours convey
different emotions and are
easily relatable to
viewers.
Emphasis & Contrast:
-
Exaggerate to memorise,
emphasise and contrast visual
elements to make the design
stand out.
Harmony:
-
Ensure every element in the
design complements the others to
create a cohesive
composition.
Expressions & Poses:
-
Clearly visualise the
characters' behaviours, quirks,
and personalities to make them
expressive and emotive,
appealing effectively to
viewers.
Shapes:
- Think iconic, create distinctive silhouettes for your characters.
- Add weight to their personality by incorporating their traits into the design.
Colour:
- Establish the basic roles of the characters.
- Different colours convey different emotions and are easily relatable to viewers.
Emphasis & Contrast:
- Exaggerate to memorise, emphasise and contrast visual elements to make the design stand out.
Harmony:
- Ensure every element in the design complements the others to create a cohesive composition.
Expressions & Poses:
- Clearly visualise the characters' behaviours, quirks, and personalities to make them expressive and emotive, appealing effectively to viewers.
Week 2
Chiaroscuro
Definition
Chiaroscuro is an Italian term meaning "light-dark."
It uses contrasts of light and dark to create the
illusion of three-dimensional volume on flat surfaces.
Chiaroscuro is an Italian term meaning "light-dark."
It uses contrasts of light and dark to create the
illusion of three-dimensional volume on flat surfaces.
Purpose
Enhances dramatic tension by highlighting the subject
with light and colour contrasts. Emphasises significant
elements of the composition.
Applications in Art:
-
Prominent in the works of Leonardo da
Vinci and Caravaggio.
-
Tenebrism: A method that highlights details
(e.g., faces, hands) against
predominantly dark settings.
- Prominent in the works of Leonardo da Vinci and Caravaggio.
- Tenebrism: A method that highlights details (e.g., faces, hands) against predominantly dark settings.
Modern Uses
-
Widely used in comics, films, and
digital art to focus on specific
subjects using lighting techniques.
-
Examples: Low-Key Lighting: Accentuates
contours and shadows for dramatic
effects. Seen in films like The
Godfather and Barry Lyndon.
- Widely used in comics, films, and digital art to focus on specific subjects using lighting techniques.
- Examples: Low-Key Lighting: Accentuates contours and shadows for dramatic effects. Seen in films like The Godfather and Barry Lyndon.
Positive and Negative Space
-
Positive Space: The main subject or focus of the
composition.
-
Negative Space: The surrounding background or
areas.
-
Chiaroscuro effectively contrasts these
spaces to enhance visual impact.
- Positive Space: The main subject or focus of the composition.
- Negative Space: The surrounding background or areas.
- Chiaroscuro effectively contrasts these spaces to enhance visual impact.
Benefits in Visual Narrative
-
Increases Dramatic Tension: Adds emotional depth to
scenes.
-
Creates Sensational Effects: Highlights fantastical elements to
enhance narratives.
-
Attracts Attention: Establishes clear visual
hierarchy.
-
Ensures Balanced Composition: Combines positive and negative
spaces harmoniously for aesthetic
appeal.
- Increases Dramatic Tension: Adds emotional depth to scenes.
- Creates Sensational Effects: Highlights fantastical elements to enhance narratives.
- Attracts Attention: Establishes clear visual hierarchy.
- Ensures Balanced Composition: Combines positive and negative spaces harmoniously for aesthetic appeal.
Week 3
Composition: Visual Shots
Definition
The arrangement of elements in a visual. Effective
composition enhances meaning and creates focus.
The arrangement of elements in a visual. Effective
composition enhances meaning and creates focus.
Basic Composition Rules
-
Visual Narrative: Complements the subject focus and reflects
the story.
-
Visual Flow: Guides the viewer’s eye through the
scene.
-
Visual Balance: Ensures all elements are arranged
harmoniously.
-
Visual Hierarchy: Directs the viewer’s attention to key details
in a specific order.
- Visual Narrative: Complements the subject focus and reflects the story.
- Visual Flow: Guides the viewer’s eye through the scene.
- Visual Balance: Ensures all elements are arranged harmoniously.
- Visual Hierarchy: Directs the viewer’s attention to key details in a specific order.
Visual Types and Shots
-
Establishing Shot: Wide shot to set the scene, showcase
grandeur, and provide context.
-
Bird’s Eye View: Overhead perspective at a 90-degree angle to
depict the subject.
-
Frame Within a Frame: Uses foreground or background shapes to add
depth, highlight meaning, and create visual
interest.
-
Medium Shot: Frames three-quarters of a character,
offering a balance between detail and
context.
-
Close-Up: Captures intimate moments, emphasising
emotions and thoughts to draw the viewer
in.
-
Worm’s Eye View: Looks upward at the subject, creating a sense
of power or scale.
- Establishing Shot: Wide shot to set the scene, showcase grandeur, and provide context.
- Bird’s Eye View: Overhead perspective at a 90-degree angle to depict the subject.
- Frame Within a Frame: Uses foreground or background shapes to add depth, highlight meaning, and create visual interest.
- Medium Shot: Frames three-quarters of a character, offering a balance between detail and context.
- Close-Up: Captures intimate moments, emphasising emotions and thoughts to draw the viewer in.
- Worm’s Eye View: Looks upward at the subject, creating a sense of power or scale.
Key Considerations in Composition
Always arrange elements to reflect the scene’s
emotions and narrative. Use lighting, focus, and perspective to enhance
storytelling.
Always arrange elements to reflect the scene’s
emotions and narrative. Use lighting, focus, and perspective to enhance
storytelling.
Week 4
Perspective
Definition
The method of portraying three-dimensional objects on a
two-dimensional surface, creating an impression of
height, width, depth, and spatial relationship
Types of Perspective
-
One-Point Perspective: Uses a single vanishing point on the horizon.
Objects shrink as they approach the vanishing
point.
-
Two-Point Perspective: Incorporates two vanishing points on the
horizon. Allows for more dynamic views and a
sense of dimension.
-
Three-Point Perspective: Adds a third vanishing point above or below
the horizon. Useful for dramatic scenes,
creating a broader range of viewing
angles.
-
Isometric View: Ideal for conceptual designs, as it displays
three sides of a structure without distortion or
perspective depth.
- One-Point Perspective: Uses a single vanishing point on the horizon. Objects shrink as they approach the vanishing point.
- Two-Point Perspective: Incorporates two vanishing points on the horizon. Allows for more dynamic views and a sense of dimension.
- Three-Point Perspective: Adds a third vanishing point above or below the horizon. Useful for dramatic scenes, creating a broader range of viewing angles.
- Isometric View: Ideal for conceptual designs, as it displays three sides of a structure without distortion or perspective depth.
Dynamic Application
Perspective can be flexible and experimental. Combining
different methods can add narrative depth.
Week 5
Composition: Foreground, Middle-ground, and Background
Definition
Composition involves arranging elements in an image to capture
attention effectively. Using foreground, middle-ground, and
background creates a sense of space and scale.
Key Concepts
-
Foreground: Closest objects to the viewer.
-
Middle-ground: Objects situated between the foreground and
background.
-
Background: Objects farthest from the viewer.
- Foreground: Closest objects to the viewer.
- Middle-ground: Objects situated between the foreground and background.
- Background: Objects farthest from the viewer.
Focus Placement
-
Foreground Focus: Use size and colour contrast to draw attention.
-
Middle-ground Focus: Employ size and light/shadow contrast.
-
Background Focus: Highlight using shapes and light/shadow.
- Foreground Focus: Use size and colour contrast to draw attention.
- Middle-ground Focus: Employ size and light/shadow contrast.
- Background Focus: Highlight using shapes and light/shadow.
Design Flow
A strong composition guides the viewer’s eye across the layout
with a sense of movement and rhythm. Essential for interface and
information design, combining type, contrast, colour, and
imagery.
A strong composition guides the viewer’s eye across the layout
with a sense of movement and rhythm. Essential for interface and
information design, combining type, contrast, colour, and
imagery.
Week 6
Acts Structure
Central Theme
The underlying meaning or idea of the story, often
reflecting the storyteller’s perspective.
-
Major Theme: Repeated and intertwined throughout the
narrative.
-
Minor Theme: Subtler, appearing occasionally.
The underlying meaning or idea of the story, often
reflecting the storyteller’s perspective.
- Major Theme: Repeated and intertwined throughout the narrative.
- Minor Theme: Subtler, appearing occasionally.
Conflict
-
Drives the story, creating tension and suspense.
-
Engages the audience by presenting obstacles for the
protagonist to overcome.
- Drives the story, creating tension and suspense.
- Engages the audience by presenting obstacles for the protagonist to overcome.
Characters
-
Protagonist: The main character with a goal or conflict to
resolve.
-
Antagonist: Opposes the protagonist, presenting
obstacles.
-
Central Characters: Essential for plot development.
- Protagonist: The main character with a goal or conflict to resolve.
- Antagonist: Opposes the protagonist, presenting obstacles.
- Central Characters: Essential for plot development.
Three-Acts Structure
-
Act 1 Setup: Introduces the protagonist’s world and ends
with the revelation of conflict.
-
Act 2 Rising Tension: Features escalating obstacles, each more
challenging than the last.
-
Act 3 Conflict and Resolution: Culminates in the story’s climax and
resolution, where the protagonist resolves or
accepts the conflict.
- Act 1 Setup: Introduces the protagonist’s world and ends with the revelation of conflict.
- Act 2 Rising Tension: Features escalating obstacles, each more challenging than the last.
- Act 3 Conflict and Resolution: Culminates in the story’s climax and resolution, where the protagonist resolves or accepts the conflict.
Week 7
Transitions
Recap of the Three-Acts Structure
The setup, rising tension, and resolution framework
discussed in the previous lesson.
Continuity
Ensuring smooth storytelling through:
-
Frames: Sequential flow of scenes.
-
Backgrounds: Consistent and coherent settings.
-
Characters: Maintaining their traits and roles.
-
Closure: Providing a sense of resolution or implied
continuation.
Ensuring smooth storytelling through:
- Frames: Sequential flow of scenes.
- Backgrounds: Consistent and coherent settings.
- Characters: Maintaining their traits and roles.
- Closure: Providing a sense of resolution or implied continuation.
Gestalt Law of Closure
Leveraging visual or conceptual elements to allow
viewers to fill in gaps for a complete
understanding.
Scott McCloud’s Transition Types
-
Moment-to-Moment: Shows small changes between frames,
depicting slow progression.
-
Action-to-Action: Highlights distinct actions within a single
event or sequence.
-
Subject-to-Subject: Shifts focus between different subjects
within the same scene.
-
Scene-to-Scene: Jumps across significant distances in time
or space.
-
Aspect-to-Aspect: Explores different elements or perspectives
of the same scene.
-
Non-Sequitur: Random or unrelated frames for artistic or
abstract effect.
- Moment-to-Moment: Shows small changes between frames, depicting slow progression.
- Action-to-Action: Highlights distinct actions within a single event or sequence.
- Subject-to-Subject: Shifts focus between different subjects within the same scene.
- Scene-to-Scene: Jumps across significant distances in time or space.
- Aspect-to-Aspect: Explores different elements or perspectives of the same scene.
- Non-Sequitur: Random or unrelated frames for artistic or abstract effect.
Point of View
- A specific character’s point of view.
- Emphasising one thread of the story.
-
Highlighting the most salient narrative points.
- A specific character’s point of view.
- Emphasising one thread of the story.
- Highlighting the most salient narrative points.
Comments
Post a Comment