Beruflich Dokumente
Kultur Dokumente
\
/ //
SPARKOL
BOOKS
s
HOW TO DESIGN YOUR
OWN WHITEBOARD
ANIMATION
rev 5.0.5
Contents
Introduction
19
23
29
35
41
45
49
53
Final word
57
59
ErAC
Introduction
YOUVE GOT A
4?
STORY IN MIND...
Youve got an invention or a lesson plan or a pitch or a manifesto or a
proposition.
And youve found the perfect medium to deliver it. A video type that
improves problem solving by 50- 75%, boosts memory by 15% and could
net you twice as many conversions as a regular talking head video.
A style called scribing.
You want to scribe your message beautifully, scribe it boldly all over the
&o
cp
a
I
*^
s<
iY)
Ia
?i A N
There are a lot of good scribes about, but youre going to learn how to
make yours truly great.
/3
Chapter
1
PLAN LIKE A PRO
The first thing you notice about a scribe video is the images but that isnt
where you need to start. First you need a strong script.
Here are our top tips for making yours dazzle.
S-
This sounds obvious but if you dont have a clear idea of what youre
trying to say, your audience wont either.
^Vv.<
\> A
JVi
..
rU
-J
.V
* 1*
tf 7r
'
f /'
:Jr
Voted
1
-
w ^
g,
e
in impartial. This
Your answer should be based on thre
Politics can be tricky if you need to rema
right tone.
the
ly
exact
hits
s
Video
Eden
n are
scribe from
factors. First off, what kind of impressio
ral to you?
you trying to give? What style feels natu
Secondly, who is your audience? Try to
imagine how they speak.
linn
Be clear
organised. A video quickly gets
Your information needs to be clearly
many things at once.
bogged down if it tries to talk about too
Make a list of all the things that you
need to say in your scribe, then rank
them in order of importance. Finish
by cutting anything that isnt essential
41
t
If your video gets shared a lot, it migh
ube
YouT
its
lose its context away from
description. Make sure to include who
you are and at least one way that your
audience can get hold of you.
/
s the contact number
This scribe from Royal Roofing Inc keep
r maximum time to
viewe
the
g
givin
times
all
at
n
on scree
r.
Cleve
it.
of
note
a
make
Chapter 2
START
SToRV
CD
WITH A
STORY
Once u
pon a t
ime...
Your s
c
ribe ne
eds to
tell a s
Marke
tory.
ting vid
e
o
s
, educa
plannin
tional
g, they
videos
can all
, prese
b
e
n
e
fit from
ntation
Were
s wha
bomba
having
tever y
r
a
d
f
ed with
ew sto
just do
oure
rytellin
inform
nt cut
g
a
e
t
lement
it any m
ion eve
s adde
ry day.
ore.
When
d.
Statist
it com
ics, fac
e
s
ts and
to com
we hav
figures
munic
e at ou
ation,
r dispo
storyte
create
s
a
l.
s an in
It cuts
lling is
stant e
the mo
straigh
motion
t throu
st pow
And th
al rapp
erful to
g
h
t
h
at sea
e w ay
o
ol
r
t
w
of nois
ith our
it does
e and
audien
it is pr
When
ce.
etty cr
we wa
azy.
tch a b
brain t
o
r
in
g Powe
hat ge
t activa
rPoint
Thats
presen
ted are
it.
tation,
the pa
the on
rts res
ly part
p
o
n
sible fo
When
s of ou
we liste
r langu
r
n to a s
age pr
ocessin
tory be
ing told
g.
, the w
hole of
your b
rain ge
ts put t
o work
.
^ *
W
0 0
?3\
C7
Luckily, scribing is the perfect medium for telling stories. And yours
neednt be as epic as The Odyssey just something your audience can
connect with emotionally.
10
<5>
11
1. Keep it simple
The majority of stories follow a really basic plot, with only a handful of
character types to choose from. These include:
The hero - must be friendly and relatable
The villain - struggles against the hero
The dispatcher - sends the hero off
The (magical) helper - helps the hero in their quest
The princess (or prince) - the reward for the heros efforts
The donor - prepares the hero or gives them a magical object
The false hero - takes credit for the heros actions or tries to marry
the princess
If youre selling mould cleaner, you could place your viewer at the centre
of the story as the hero with a grimy bathroom. Your product could be
the magical object or helper (if its been made into a character). The villain
could be the mould you get the picture.
Alternatively, you could make your potential customer the princess who
needs saving and your product or idea the hero. There are many different
ways of looking at this, but thinking
about roles will help you figure out
how all these pieces are supposed to
fit together.
NE
:v
09
SYDr
I just <fcP\
12
0r
UY
s
y desire
2. Create and satisf
destroying
until mould started
ng on quite happily
tti
ge
s
wa
r
me
sto
sti
Your cu
mould-bu ng
monstrate how your
de
to
ve
ha
u
Yo
.
ng ways to show
their bathroom
Think about interesti
.
ht
rig
s
ing
th
t
pu
eir life.
product is going to
restore order to th
at your product will
th
r
me
sto
cu
l
tia
r.
the poten
ove their life foreve
em how it will impr
Even better, show th
13
e
If youre scribing for a learning environment, consider tantalising your
audience with half-told stories. Tell only half of an intriguing tale and
work your way gradually through the information that needs to be learnt,
with the promise of learning the
outcome at the end.
Alternatively, try incorporating the
information into the story itself in a
memorable way.
What if your hero were to progress
in the story each time he or she
completed a math challenge? Make
achieving a new goal an exciting,
rewarding process and your
audience will never be bored again.
BREAKFAST GRANT
Cei yujr
\AikJLeQfors
Heft
e ,e
'
Vi,
14
eri
/1 Serfs
3. Make it memorable
l
el but a good story wil
be the same at base lev
all
t
gh
mi
l
tel
we
s
rie
The sto
u special.
define what makes yo
four factors
Forbes, believes these
for
r
ite
wr
d
an
ter
rke
Lois Geller, a ma
le advert:
are key to a memorab
nt visuals
Disruptive and releva
fication
Strong brand identi
A brilliant headline
Something else
which inspires
but often its something
le,
iab
var
a
is
e
els
ing
looks
The someth
ts going on here? This
ur viewer to ask, Wha
curiosity. You want yo
interesting.
15
iAN3
W|
*v,NA
*
t
Hopefully you
alre
ad
y
ha
ve
a
go
od idea of wha
idea unique.
t makes your
These rules w
or
k
fo
r
ex
pl
ai
ners and traini
ng videos as
well make it cl
ear who you ar
e, what
youre here to
say and invest
some time in m
aking your
scribe visually ex
citing.
Youll have no pr
oblem keeping
your audience
engaged.
product or
;\5^HI
V V
o
x X
/
/
This scrib
e
wo
ul
d
be
pr
etty powerful ev
en
without the ne
twist at the end.
at visual
But when it ap
pears - wow.
16
. s) \
VJ
/V
J
1
1
Vi
2?
P
U
O
17
Am
%
K6 Tfc VWW
Find tonnes of examples of successful scribes on the
VideoScribe scribe wall
18
3
Chapter
CRAFT YOUR CONTENT
It can be difficult to settle on a visual style for your scribe, especially if
youre not an artist.
If you are an artist, congratulations! Turning your own illustrations into
VideoScribe-ready SVGs is really easy.
Luckily for the rest of us, VideoScribe comes with thousands of free and
premium images in a variety of different illustration styles.
But if youre after something specific, there are a few
different options you can try.
B
19
Get Googling
If you have an idea of what you need for your scribe, start with a Google
image search.
Once youve entered your search terms you can specify the size, colour,
image type (photo, drawing etc) and upload date to narrow down your
search. Only SVG images will draw in VideoScribe so make sure you get
the right file type too.
The one thing to be careful about is to make sure that you have
permission to use the images you find online. Always check the source and
contact the site owner if youre not sure.
[Q
ivfr
SVG Studio
If youre planning on scribing regularly, it might be worth investing in a
decent sized assets library (pics, fonts, jingles etc) that you can go back to
again and again.
Having all your useful bits and pieces in one place will make it much easier
to keep your content consistent. At SVG Studio, you can buy thousands of
premium SVGs in themed bundles. Even better, theyre royalty-free, so you
can use them as many times as you like.
20
O
/K
fto
*
Select a style
The strongest scribes use just one type
of illustration throughout.
Changing rapidly from one style to anot
her can break the flow of the
scribe and look odd.
tit
21
C*
LMO - - J
yr
i*
LOGO
o
UU
-- - -
nk ir
.
22
4
Chapter
PICK A PALETTE
Getting your colours right will make your videos instantly more watchable.
Follow these simple colour rules to make intriguing and attractive scribes.
23
''
-o V
24
(LiP
i t
i
1. Complementary colours
\o
This is the most basic one. For complementary colours you simply use
colours that are opposite to each other on the colour wheel. The principle
is pretty straight forward, but you can experiment with different shades
and tints to get what youre looking for.
This scheme is often used for drawing attention to something as it
produces a strong visual contrast. It works best when you juxtapose a
warm colour with a cool colour, e.g. red/orange versus green/blue.
Use one colour as the dominant one and the complementary colour for
the accents. Dont worry if you dont get it right straight away it can be
hard to balance complementary colours well as they are so different.
25
2. Analogous colours
Analogous colours are those that are next to each other on the colour
wheel. You usually have one dominant colour within each set, and choose
colours either side of this to complete your palette.
Its very easy to create a good palette with this system but you can
sometimes lack contrast, making it less effective than complementary
colours for attention grabbing. Stay away from using warm and cool
colours together in analogous colour schemes.
3. Monochromatic colours
Monochromatic means one colour. A monochromatic scheme is simply
one that uses variations in shade or tint of the same hue (or colour).
This scheme is elegant and very easy on the eyes because there are no
strong contrasts.
It works well when used to create an overall mood for your scribe but,
again, it can be a struggle to highlight different areas. Sometimes youll
see a single colour being combined with neutral colours like white, black
or grey for a clean, classy style.
W
26
-1
Mo
4. Split-complementary colours
These final categories produce some of the more advanced colour palettes.
For an effect like the example on the left, choose one colour and combine
with two others equally spaced from its complement (the original).
Split-complementary schemes give a good balance between the contrast
of complementary colours and the soothing appeal of analogous or
monochromatic colours. Using one main warm colour as the accent colour
and a range of cooler colours generates the most attractive outcomes.
5. Triad colours
<ar
27
Try making a triangle on the colour wheel, so that the three colours are
equally spaced out. It wont be as striking as using complementary colours
but will give a strong contrast whilst still retaining an appealing balance.
Again, its wise to make one of these colours the main colour you use.
Useful
colour
tools
Adobe
Color C
C is a h
You ca
andy to
n also s
ol for t
ave you
esting
r
picks a
out diff
Colour
nd com
erent c
Schem
e back
olour s
e Desig
to them
cheme
colour
n
e
r
s.
later.
gives y
schem
ou the
e in ac
tion.
option
to see
Pictacu
an exam
lous su
g
ple of y
g
e
sts colo
easy to
our
urs to
build a
go with
palette
im
around
ages th
COLOU
an ima
at you
Rlovers
ge, log
upload
o
is
, makin
or othe
a globa
palette
g it
l comm
r refere
s and p
unity w
nce po
atterns
int.
here p
, and ta
eople c
Hail pix
lk abou
reate a
el is a d
t the la
nd sha
elight t
test co
spectru
re
o use
lour tre
m and
m
n
d
o
s
u
.
click w
s
e
a
r
ound t
hen yo
he scre
u find s
en to c
ometh
hange
ing tha
the
t you li
ke.
28
5
Chapter
Tt
29
PARAGRAPH
Minimal is best
Just like colour, its best to keep the number of typefaces
in your video or scribe to a minimum. We recommend
using no more than two typefaces per video.
www.sparkol.com
30
r>
lit
/71/
31
yi o
i
_ 00
The position of your text will determine what people read first. Will your
readers read from left to right or right to left? This can determine which
areas readers are most likely to look at first.
Avoid putting the most important parts of your text at the bottom of the
page. This is normally where the small print is the parts that nobody
really reads!
Giving space to your important text is crucial. If you bury an important
bit in the middle of some unimportant bits, people will struggle to
find it quickly.
Give that bit of text lots of space and it will instantly be easier to find.
32
Mm.
*****
Pool Party !
33
VALENTINES DAY
<
_D Ij,cn- T
_D
|<L
<X
'
M
www.fontsquirrel.com
www.losttype.com
www.fontfabric.com
<
34
_Q_
on a line.
Make sure your lines of text arent so short that there are only a few words
on each line, but not so long that readers will lose their place when they
go from one line to the next. You dont want more than six or seven words
4. Line length
The space between each letter can make text look cramped and busy, or
spaced out and elegant.
-od. -;
-s:
1. Point size
-I
The spacing you choose for your text can also convey certain impressions
text where the letters and lines are tightly spaced are ideal for friendlier,
chattier purposes. Text with lots of spacing gives a feeling of simplicity and
will give your scribe an air of elegance and class.
CS3
mu mm
IIIII mi
Chapter
6
LAY IT ALL OUT
So, your script has a story, and your story has pictures. Nows the time to
lay out your script on canvas.
Skilful layout is a must and will take your scribe from knocked-together to
knockout in no time.
Here are our five essential tips for making your scribes attractive and
clutter-free.
I
35
LA Yo
Ur
w
0
J V
Let it breathe
The best scribes give images and text space to breathe.
Information is easily lost in a busy scribe. Too many images and chunks of
text make it hard for the viewer to work out whats important. Keep your
visuals stripped back and crisp.
m
36
V5ex t
SX 1
Establish a hierarchy
Create a layout hierarchy so that your most important points and their
accompanying images are represented most clearly. You can enhance a
particular image by changing its size, colour, on-screen position and the
number of other visible elements around it.
In simple terms, the bigger the image compared to everything else on
screen, the more it is going to stand out.
And more generally, keeping things minimal is a great way to create a
hierarchy. Isolated images will get a lot more attention than if they are
surrounded by clutter.
You could also use an accent colour to make your main image more
prominent.
Remember that people will try to read a whiteboard animation in the same
way they would read a standard presentation.
37
WsTl
' *x*&
ltnpO
TSL
omen.
,
38
"
qpf
39
II
40
/
/
V
f?yar
ChaptTIMerE IT7RIGHT
SECONDS
-r
Keep it short
The biggest mist
ake a new scriber
can make is to m
excessively long.
ake a video
Your viewer does
nt want to sit th
rough a 10-minut
minute will do. Ex
e video when on
plainer videos be
e
tween one and tw
the most effectiv
o minutes long ar
e at keeping viewe
e
rs engaged.
That said, you ne
ed to know your
audience. When
Ken Robinsons ta
the RSA animated
lk, they needed 11
Sir
minutes 41 seco
felt it was worth
nds. 11 million pe
watching.
ople
Know your audien
ce. Know your pu
rpose. Set yourse
limit accordingly
lf a time
.
42
bgd
\QgQ\>
|
Create
a flow
43
So by th
is point
, youve
to let th
got you
em flow
r hero. Y
. But no
ouve go
t all ove
t your p
Sketchin
r the sh
lot. Now
op.
g out a
you nee
s
toryboa
d
your scr
rd will a
ibes. Yo
ll
o
w
u can us
you to c
at each
e it to p
reate na
point an
lan out
rrative a
d why. Y
what yo
nd struc
time for
o
u
u w ant
can mak
ture
viewer c
the view
e sure it
ompletio
er to se
has suit
n
.
e
a
ble pace
Whethe
r youre
and allo
using so
ws
the pro
ft
ware lik
gression
e
V
id
o
eoscrib
f your s
focusin
e or phy
cribe, m
g on on
sically r
oving th
e image
ecordin
e camer
equivale
a
t
a
g
t
a aroun
ime w
nt of bu
d the ca
ill keep
llet poin
t
n
h
v
t
e
a
s
,
s
s
tory mo
but far
Just be
more st
ving. Its
careful
ylish!
the visu
t
o
g
e
al
t
the cam
a good
balance
era stat
io
b
n
e
t
a
ween m
ry. Stayin
look sta
ovemen
g still to
tic and
t and ke
too bus
o long r
frenetic
eping
y
isks mak
with im
and ove
in
a
g
g
e
s
y
,
our scrib
but too
r the to
p.
e
much m
ovemen
t can lo
ok
7/.
3 SECONP
2. <rc^n>>
4
44
Chapter
8
MAKE YOUR
VOICE HEARD
Bring out the big guns
Depending on your vision, you may want to hire a professional voiceover
artist to record your message.
People have a lower tolerance for poor quality audio than for less-thanmarvellous visuals, and a professional recording can add credibility to your
video and content.
Do it yourself
However, its more than possible to produce a strong voiceover yourself.
Heres how.
45
[f
acTi(c
is
\
i JWlca
2. Setting up
Find a suitable microphone. If youre using the built-in microphone on
your computer, speak at a natural level to avoid clipping the sound.
Find a quiet and echoless room where you wont be interrupted. You want
a natural and noise-free recording.
Test your microphone by recording just a few lines first. If you need to,
change the levels and adjust how far youre sitting from the microphone.
46
Xx
3. Recording vocals and editing
When youre ready, press record and start reading from your script. Just
like a TV presenter, sitting or standing up straight and talking with a smile
on your face will make you sound enthusiastic and convincing.
If youre happy with the overall quality of your recording, stick it straight
into your scribe job done!
If you know you slipped on a few words or want to remove any long
pauses, use an editing program such as Audacity to get it shipshape.
47
>
(s
"7
I IHJI]
( id
wcfMnrt? (
\M
v*
r Microsoft
Oo
nw f r '
*****>
48
rA
9
Chapter
MUSIC TO SCRIBE BY
Music is one of the most emotive and engaging tools you can use when
making a video. It really can make the difference between a blah scribe and
one that wows. Music can inspire, motivate and mesmerize. Or it can drive
you crazy.
So how do you get it right?
00
&
i0
Upbeat, happy songs with positive lyrics scream summer holidays. Slower
beats, minor keys and longer melodies can send you headlong into wistful
nostalgia or bluesy meditation.
The mood of the music should reinforce the mood of the visuals. You
have free rein in terms of the genre, the period the music is from and
everything else but the feelings the sounds produce should match the
spirit of your message.
If your video has a voiceover or contains dialogue,
it may be best to avoid a track with vocals. If
the vocals are off-message, too catchy or too
memorable, people might remember the vocals
from the track instead of your story.
+M
50
piSEf- J-f)
If necessary, loop the
loop
Time it right
jj
Play it by the book
Always be careful wh
en choosing music tha
t isnt your own. Even
band or artist isnt we
if the
ll known, make sure yo
u get permission to use
their work or you ris
k having your videos
taken down for copy
infringement.
right
If youre using VideoSc
ribe, the music tracks
are all free and comp
especially for your use
osed
.
Whether or not you
can afford original mu
sic or a famous song
best to go for somethi
, its always
ng that fits the feel an
d ethos of your produ
service or message as
ct,
closely as
possible. With any luc
k, your viewers
will be humming it all
day long.
And thats it!
It isnt hard to pick an
okay-ish track,
but with a bit more tho
ught you can
ensure the music rea
lly fits the visuals
and strengthens your
message.
Which should help yo
u to engage with
your audience that mu
ch better.
:mHALF
|W
VIDEOSCRIBERS
YSIOJ ff fo
#
MRKEVUGr
We dont mean to blo
w our own trumpet,
but this upbeat
scribe wouldnt have
anywhere near as mu
ch impact without
that cheery uke.
52
0
1
r
e
ChaptSHARE IT WITH
D
L
R
O
W
E
TH
pt is pe
Your scri
t?
N ow w h a
rfect, yo
ur image
s are
your
on point,
tunes are
tight.
orm for
ated platf
ic
d
e
d
a
ve
lready ha
er, you a
s
u
e
.
b
ri
c
o
w.sh .co
a VideoS
w your
be at w w
ri
c
If youre
s
d
e
imply sho
h
S
is
.
n
s
fi
o
r
e
u
id
o
v
gy
ur
ce
ds on yo
publishin
t link. Pla
your han
the shor
t
g
e
n
g
ri
a
to
h
s
y
O
a
ode. r
nts by
uickest w
embed c
or stude
e
s
e
th
Its the q
u
d.
g
g
a
in
e
s
oll
gu
lity spare
friends, c
site or blo
no qua
b
t
e
n
w
u
o
n
c
scribe to
w
c
la
your o
ur Sparko
os onto
l yo u r
in with yo
g
your vide
in
g
g
ou prope
lo
y
y
b
lp
e
D
h
H
d in
f them.
ady to
downloa
ost out o
tforms re
m
la
p
e
o
th
e
g
id
ettin
ther v
uide to g
tons of o
a quick g
s
There are
re
e
H
.
d
the worl
video into
53
Vo olT USE )
vimeo
Sho,eo
YouTube and Vimeo
On video platforms such as YouTube and Vimeo, its a mad scramble
to get seen.
With over a billion people visiting YouTube alone each month, how on
earth are your videos going to get engagement?
Here are six tricks to help your scribe stand out:
54
OA
2. Name your
rately
Regardless of w
here you upload
it, give your vid
the content to
eo file a name th
help it come up
at reflects
in Google search
results.
If your video is
about a puppy
eating cake, vid
puppy-eating-ca
eo1.mov just won
ke.mov will do ni
t cut it. But
cely.
3. Craft your ti
55
tle carefully
Keep it short
on YouTube, on
ly the first 60 or
will fit into the
so characters of
suggested video
your title
s sidebar. But 60
cant define wha
characters is lo
t your videos ab
ad
s. If you
out in under 60
bigger problem
characters, you
s than the title!
ve got
Add important
keywords abou
t your video into
it try to sound
the title. But do
like a human, no
nt overdo
t a keyword robo
people will sear
t. Think about w
ch for when they
hat
re looking for yo
ur video.
56
V * de
Sc r i be
k*
FR.EE
Final word
YOUR
\\S
TIME TO SCRIB
E
So youve go
t the know-h
ow, and youve
scribing s endl
seen just a lit
ess potential.
tle of video
Now its your
turn.
To make your
own whitebo
ard animations
free seven da
, visit www.vid
y trial of Vide
eoscribe.co fo
oScribe. Its ea
ra
images and m
sy
to use and co
usic that you
mes packed w
can use comm
ith
ercially.
Theres also Vi
deoScribe Any
where, a free
lets you carry
-to-download
the power of
mobile app th
scribing in yo
at
ur pocket.
The Sparkol bl
og has tonnes
more tutorial
can find mor
s, tips and insp
e examples of
iration and
stunning scri
you
bes on the sc
ribe wall.
For profession
al scribe vide
o services, visi
t www.animol
e.com.
57
f
I
V \ deorcrtke
Where
_D
KiWV
AiKtmftToeA
si \ mm
m
One last thing
d this tour of th
pe youve enjoye
We ho
universe.
e ever-expanding
on Facebook, Tw
video scribing
ur scribes emblaz
oned
n.
58
Authors
59
0 0
60