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?
