1. INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
VIDEO INTERACTION
STORYTELLING
/Course:
System Design for Sustainability (SDS)
/Professor:
Carlo Vezzoli -‐ Politecnico di Milano
INDACO dpt. -‐ DIS -‐ School of Design – Italy
AH Design ,TANGO , EU funded Project
GABRIELE CARBONE
2. 01. MOTION GRAPHIC
‘…graphics that use video and/or anima=on techniques to create the illusion of
moIon or a transforming appereance.’
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
3. 01. MOVIE DESIGN/ WHAT
Design, producFon & direcFon
of
dynamic
images
with
a
special
focus
on
languages, strategies and technics.
A complex system, which propose soluIon for both tradiIonal and new media.
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
4. 01. MOVIE DESIGN/ WHY
CommunicaGon
through
moGon:
PLUS
on
values/quality
Giving a shape to the invisible, making it visible
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
5. 02. FROM CONCEPT TO…
Serious
gap
once
we
need
to
step
from
the
idea
to
a
more
execuGve
phase
‘How do I let other see what’s in my mind?’
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
6. 02. FROM CONCEPT TO…
An
important
point:
there are not strong rules
BUT
Can
be
useful
to
get
to
some
standards
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
7. 02. FROM CONCEPT TO…
Designing
Audiovisuals:
the
main steps
1. Pre-‐produc=on_ From
the
concept
to
the
storyboard/
animaGc
and
all
that
comes
before
(organizing
resources,
strategy,
logisGcs,
etc...)
2. Produc=on_ Make
the
idea
execuGve:
film
shooGng
and
all
that
can
turn
the
concept
‘real’
3. Post-‐produc=on_ What
came
aXer
and
right
before
the
project
closing
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
8. 03. PROJECTUAL STEPS
Straight from the filmic world
Concept = Subject
The basic/essen=al projectual idea about the narraFon, ready
for being verified
a.
Subject
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
9. 03. PROJECTUAL STEPS
Higher detail level
ExausFve descripFon which consider =mes and places of the
narraFon
What happens?
When?
What do we see?
…?
b.
Treatment
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
10. 03. PROJECTUAL STEPS
Things gets visual
Straight visual representaFon of the treatments
Places
Characters & interacIons
Kind of Camera Take(s)
…
*Can
be
analogic,
digital,
photographic
(shooIngboard),
etc…
c.
Storyboard
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
11. 03. PROJECTUAL STEPS
c.
Storyboard
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
12. 03. PROJECTUAL STEPS
One step beyond storyboard…
AnimaFc = Animated Storyboard
TesFng Fme/contents basing on a project specificaFons
Used
for
many
purposes
…present the commercial work to clients
…preview live acIons scenes before they are shot
…show product-‐service system ideas/concepts stakeholders’
interac=ons
d.
AnimaGc
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
13. 04. FOCUS ON…
Anima=c: case studies
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
14. 05. ANIMATIC: MAKING OF
AnimaGc
as
the
animaIon
and
sonorizaIon
of
the
storyboard
previously
made.
Different tools, mul=ple choice
From
the
basic
level
(iMovie, Windows Movie Maker)
to
the
advanced
(Adobe Premiere, Adobe AUer Effects, Apple Final
Cut,
etc…)
for
different level of detail.
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
15. 05. ANIMATIC: MAKING OF
Imgs resoluFon-‐mode/
72
ppi
(pixel
per
inches)/RGB
color
Aspect raFo/ more convenGonally
4:3 (es: 720x576)
or
16:9 (es: 1024x576)
a.
Video:
project
sengs
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
16. 05. ANIMATIC: MAKING OF
TransiFons/
Cut: shot
A
straight
to
shot
B
Crossfade: shot
A
merges/fades
into
shot
B;
useful
for
sequences
of
scenic
shots,
creaGng
a
mood
–
peaceful,
relax,
etc…-‐
slow
the
rhythm,
…
Fade in/out: From
black/white
to
A
(fade in);
from
A
to
black/
white
(fade out)
b.
Video
ediGng/composiGng
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
17. 05. ANIMATIC: MAKING OF
IMPORTANT
to
choose
the
right
kind
of
transiGon
MORE IMPORTANT
how
the
two
shots
will
fit
togheter
… what do you want to communicate?
… do they fit correctly togheter?
… do this help the narraIon?
…
b.
Video
ediGng/composiGng
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
18. 05. ANIMATIC: MAKING OF
Must be the more close to the final result
…what music? …there’s some speaking? …where do I get my
SFX? …do I have to register or should I buy?...
DO
Use CreaIve Commons/ self-‐made audio tracks
DO NOT
Use unauthorized/copyrighted material
c.
Audio
sengs
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
19. 05. ANIMATIC: MAKING OF
VIDEO
Compression: H264/ AnimaIon
Format: .mov/.avi format (mac/pc user)
Pixel aspect ra=o: Square Pixel
AUDIO
Format: .wav/.aiff format (high quality – low compression)
d.
Export
sengs/Gps
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE
20.
THANK YOU
Moviedesign.org
Videocopilot.net
Vimeo.com
MoGonographer.com
CreaGvecommons.org
VIDEO INTERACTION STORYTELLING_INTERACTION
AND
COMMUNICATION
THROUGH
MOVIE
GABRIELE CARBONE