1.

Visual Storytelling &

a
brief story
Storyboarding
IAB20403 Storyboard Design
Nor Hidayu Mohd Salimi

Visual
Storytelling the
story

Has been
around for
thousand of
years

Early rock
paintings &
cave
drawing
used as a
form of
communicati
on before
speech was
developed
(visual
painting)

Over the last

century:
.
Photography
.Television
.Film
.Computers

Graphic
illustrations
communicat
e their
message
without
motion

Visual
Storytelling the
story

The image conveys

the intended
message through:

staging the character

and props,
establishing the
background
portraying the action

Visual
Storytelling the
story
Non linear form

Linear form

Games & Multimedia applications

Movies & Animation

Although the means and methods of storytelling changed

overtime, the storytellers purpose are stayed the same
to communicate a message to an audience

VISUAL vs.
STORY

Visual vs. Story

Show

Tell

Jake, a burly teen with pock marks on

Jake, who was considered the bully of

his cheeks and skull tatto scrawled

the neighborhood, stood on the corner

across his bicep, kicks a scuffed military

of Tenth and Main in his blue jeans,

boot in the dirt. The dust circles his feet

black T-shirt, and a cigarette pack rolled

as he pulls a cigarette from behind his

up in his sleeve. The rest of the kids

ear and slips it between his lips. His

avoided the corner where Jake stood.

eyes dart to several school children

They were intimidated by the high

scurrying single file down a dirt path.

school dropout who derived pleasure

He settles his gaze on a pint-sized boy

from flicking the burning embers of his

with a Space Rangers backpack slung

cigarette into the hair of any kid who

over his small shoulders. Jake smirks as

crossed the path.

he takes a long drag from his cigarette

Elements of a
Story

A story has someone who

wants something badly and
is having trouble getting it.
Karl Iglesias
Screenwriter

3 primary
elements
Character
This is whom the story is about and through whose eyes
the story is told.

Goal
This is the physical object the character wants to obtain:
the princess, the

treasure, the girl, the boon, the

bounty, the recognition, and so on.

Conflict
Conflict is what is between the character and his goal.

Other elements of
story
Theme
common themes include man prevails against nature,
technology advances against man, and love conquers all.

Location
the place, time period, or atmosphere that supports the story.

Inciting Moment
the world of the character is normal until something
unexpected happens.

Story Question
the inciting moment will set up questions in the mind of the
audience that must be answered by the end of the story.

Other elements of
story
Need
in order for the story to have meaning to the character, he or
she needs to learn something to achieve the goal.

Arc
when a character learnsor doesnt learnthere will be what
is called an emotional arc or change in the character.

Ending / Resolution
the ending is what must be given to the viewer to bring
emotional relief and answer all of the questions of the story.
The ending must transform the audience or the character.

the Heros Journey

Can be traced back to

Greek mythology and great
works of literature. The
heros journey is still
followed today from major
motion films to games and
animation.

the Heros Journey

The Calling:

The Abyss:

Sometimes is a traumatic event. May

include having something taken away and
the quest is needed to regain it.

Hero must face his greatest

Surrender to the fear or retreat.

Threshold:
The point where the hero takes action, to
going through challenges and obstacles.
The hero will meet people who may block
the path, or mentor, or helpers that
provide stability to the hero.

Initiation:
Hero faces both challenges and obstacles
on the journey. It may be easy at first but
as the story progresses, hero will face
much more difficult tasks, which forces
the hero to change and grow. The hero
may meet foes that are disguised as

fears.

Transformation:
When the hero conquers the abyss,
transformation occurs. Part of this process
includes revelation, or a dramatic change
in the way the hero views life.

The Return:
The final stage of the journey. This is the
point where the hero returns to his
ordinary life, but not without growing as a
person. The hero may become stronger,
wiser, or may become enlightened.

People have forgotten

how to tell a story.
Stories dont have a
middle or an end
anymore. They usually
have a beginning that
Steven Spielberg
never stops beginning

the 3 Act structures

is an old principle widely

adhered to in storytelling today.
It can be found in plays, poetry,
novels, comic books, short
stories, video games, and the
movies.
It was present in the novels of
Conan Doyle, the plays of
Shakespeare, the fables of
Aesop, the poetry of Aristotle,
and the films of Hitchcock.
Hollywood and Broadway use it
well.

the 3 Act structures

Act 1: Setup
All themajor charactersof the
story are introduced (where
they live in, the conflict).
writer has the freedom to create
any setting and reality that he
so wishes. This early in the
script, anything is possible.
must also present a stronghook
inciting moment, where it
provokes a change in the
protagonists routine.

the 3 Act structures

Act 2: Confrontation
by far the longest, encompassing
half of the movie where the story,
its characters and conflict are all
established.
creation of subplot helps adding a
three-dimensionality aspect to the
characters by allowing them to
engage in a behavior that is not
necessarily connected to the main
plot, but still relevant in the
overall narrative and often linked
to a central theme.

the 3 Act structures

Act 2: Confrontation
If the hero is on the fence or
confused about what he should do,
then something must happen by
themidpointof the script to make
his goal clear.
Plot Point II catapults the story into
the third and final act.
It also affects the main character
by changing the direction hes
headed. The difference is that the
stakes are much higher. This is
often a moment of crisis, in which
all hope seems lost.

the 3 Act structures

Act 3: Resolution
The last act presents the final
confrontation of the movie,
followed by thedenouement (the
final part of a play, movie, or
narrative in which the strands of
the plot are drawn together and
matters are explained or
resolved).
Showdown ensues and then
conclusion.

Story Format

Format
screen play
Script
Blueprint for a production

Guides the producer or director with

visualizing the writers concept and
ideas.

Writers mean of communication with

projects directors and crewmembers.

Much easier for the production to have

it broken down into numbered scenes,

Formatting a screenplay helps with the

schedules, and prop lists.

rhythm of a story through the choice of

camera position, narration, dialogue,

In most situations, the script will be

and the juxtaposition of scenes.

formatted

in

either

standard

screenplay format or as a two-column

script.

Format
screen play
Standard format
Includes slug line, scene description, and
dialogue.
Slug linesscene headings that describe
the location, time, and whether it is inside
(interior) or outside (exterior).

EXT. BASKETBALL COURTDAY

INT. AIRPORT TERMINALNIGHT

Format
screen play
Standard format
Includes slug line, scene description, and
dialogue.
Descriptionincludes where the action
takes place and the elements of a scenecharacters and objects. The description
should communicate images that disclose
details the audience needs to see.
Dialogueshould use dialogue when you
want

to

express

characters

emotions,

explore the interactions between characters

Format
screen play
Two-Column Script
Frequently

used

for

corporate

videos,

documentaries, multimedia, and news.

Script is broken into two columnsfor video
and audio. Every visual and audio element is
specified in the appropriate column.
Many video and news people use the twocolumn script format because the visuals are
easily synchronized to the audio.

Storyboard

Storyboard
what is it?
A series of drawings that pre-visualize the
shots of a movieseries of cells (drawings,
photographs, paintings, etc.) physically
arranged to tell a story in a specific sequence
An essential tool for the director (and the
team) so that they can get a sense of the way
the movie is going to look and feel.

Storyboard
example

Storyboard
example

Storyboard
example

Storyboard
example

Storyboard
why you need
it?

Storyboard help organizes your animation and

match your mental visualizations of scenes with
the written script; it can also give you a visual
format to communicate your ideas to others.
It also assist in the timing of a sequence,
experimenting with camera angles, movement
and continuity amongst the elements within the
frame.

Storyboard
why you need
it?

Basically setting up a plan for production,

including all the shots that you will need, the
order that theyll be laid out, and how the
visuals will interact with the script
Saves time on set, and during the editing
phase; makes production easier.
Enabling immediate audience feedback.
Removing international and language barriers.

Storyboard
how we use it
Production Storyboard
Used to assist crewmembers during
production for framing, blocking, and
composing a shot.

Presentation Storyboard
Used to sell ideas to clients or to evaluate
existing campaigns

Storyboard
who uses it
Advertising Campaigns
Advertising agencies use presentation
storyboards to sell campaign strategies to
clients or for use in focus group. Reflect
campaign ideashighly detailed and include key
frames only

Video Games
preplanning, including brainstorming the games
concepts and user interaction. Once the
storylines are developed, the game designer
creates the storyboards for each scene of the
game, including the cinematic, or full-motion
video sequences, that introduce a story

Storyboard
who uses it
Television Series
Usually director will storyboard only complex
sequences. Some tv shows that use storyboards
include CSI, The West Wing, ER and Witchblade.

Multimedia
CD-ROMs for education, training or how-to
programs can be extremely complex, requiring
extensive interactivity.
Contain a sketch of each screen, along with notes
about the content of particular images, the
function of specific buttons, and how video and
sound is to be presented

Storyboard
who uses it
Web Design
Defining and grouping elements such as
graphics, animation, video and illustrations.
Assist the team in understanding the structure of
a site and how that information is presented

Thank
s!!
Any questions?