How To Design Your Own Whiteboard Animation
How To Design Your Own Whiteboard Animation
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
Introduction
YOUVE GOT A
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
internet, all over the planet. You want to make a difference.
But where to start?
In this book youll find out how to plan and design amazing high-quality
scribe videos ones that will engage, inspire and entertain.
Whether you use VideoScribe, commission a professional youve found on
Animole or craft your own stop-motion animations by hand, this is your
ultimate how-to guide.
There are a lot of good scribes about, but youre going to learn how to
make yours truly great.
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.
Be clear
Your information needs to be clearly organised. A video quickly gets
bogged down if it tries to talk about too many things at once.
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
knowledge for your viewer.
If your video gets shared a lot, it might
lose its context away from its YouTube
description. Make sure to include who
you are and at least one way that your
audience can get hold of you.
This scribe from Royal Roofing Inc keeps the contact number
on screen at all times giving the viewer maximum time to
make a note of it. Clever.
Chapter
2
START WITH A STORY
Once upon a time...
Your scribe needs to tell a story.
Marketing videos, educational videos, presentations whatever youre
planning, they can all benefit from having a few storytelling elements added.
Were bombarded with information every day. Statistics, facts and figures
just dont cut it any more.
When it comes to communication, storytelling is the most powerful tool
we have at our disposal. It cuts straight through that sea of noise and
creates an instant emotional rapport with our audience.
And the way it does it is pretty crazy.
When we watch a boring PowerPoint presentation, the only parts of our
brain that get activated are the parts responsible for language processing.
Thats it.
When we listen to a story being told, the whole of your brain gets put to work.
9
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
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.
Its the same if your video promotes
an idea or a methodology. You might
not be selling a physical product,
but you can still make your idea the
thing that helps the hero complete
his quest and live happily ever after.
12
13
14
3. Make it memorable
The stories we tell might all be the same at base level but a good story will
define what makes you special.
Lois Geller, a marketer and writer for Forbes, believes these four factors
are key to a memorable advert:
Disruptive and relevant visuals
Strong brand identification
A brilliant headline
Something else
The something else is a variable, but often its something which inspires
curiosity. You want your viewer to ask, Whats going on here? This looks
interesting.
15
Hopefully you already have a good idea of what makes your product or
idea unique.
These rules work for explainers and training videos as
well make it clear who you are, what
youre here to say and invest
some time in making your
scribe visually exciting.
Youll have no problem keeping
your audience engaged.
This scribe would be pretty powerful even without the neat visual
twist at the end. But when it appears - wow.
16
17
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.
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.
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
Select a style
The strongest scribes use just one type of illustration throughout.
Changing rapidly from one style to another can break the flow of the
scribe and look odd.
Whether you prefer using stickmen,
cartoons, lifelike characters or
photographs, try not to mix styles when
you can help it.
21
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
24
1. Complementary colours
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.
26
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
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.
27
28
5
Chapter
29
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
31
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
33
1. Point size
The actual size of the typeface.
4. Line length
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
on a line.
34
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.
35
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.
36
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
We are used to seeing titles at the top of the page, so consider putting
important information there. Text or images at the bottom of the screen
may be confused with the small print that people usually skip over.
38
39
40
7
Chapter
TIME IT RIGHT
Time is money. Timing can be, too.
In creating a whiteboard animation, you want to grab peoples attention
quickly, while giving your images time to shine.
For a successful approach to time in your scribe videos, apply these
golden rules.
Keep it short
The biggest mistake a new scriber can make is to make a video
excessively long.
Your viewer doesnt want to sit through a 10-minute video when one
minute will do. Explainer videos between one and two minutes long are
the most effective at keeping viewers engaged.
That said, you need to know your audience. When the RSA animated Sir
Ken Robinsons talk, they needed 11 minutes 41 seconds. 11 million people
felt it was worth watching.
Know your audience. Know your purpose. Set yourself a time
limit accordingly.
42
Create a flow
So by this point, youve got your hero. Youve got your plot. Now you need
to let them flow. But not all over the shop.
Sketching out a storyboard will allow you to create narrative and structure
your scribes. You can use it to plan out what you want the viewer to see
at each point and why. You can make sure it has suitable pace and allows
time for viewer completion.
Whether youre using software like Videoscribe or physically recording
the progression of your scribe, moving the camera around the canvas
focusing on one image at a time will keep the story moving. Its the visual
equivalent of bullet points, but far more stylish!
Just be careful to get a good balance between movement and keeping
the camera stationary. Staying still too long risks making your scribe
look static and too busy with images, but too much movement can look
frenetic and over the top.
43
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
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
47
48
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?
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.
When you find a potential track, play the music
over your visuals to see if it strengthens or
detracts from your message. If you have any
doubts, leave it out and audition something else.
50
Time it right
If you dont want your video to sound dated, avoid using music that will
time-stamp it to the period the musics from.
If you use a piece of music that isnt as recognisable, or has been popular
for a long period of time, your video is more likely to stand the test of time.
51
52
Chapter
10
SHARE IT WITH
THE WORLD
Your script is perfect, your images are on point, your tunes are tight.
Now what?
If youre a VideoScribe user, you already have a dedicated platform for
publishing your finished scribe at www.sho.co.
Its the quickest way to get your hands on your videos. Simply show your
scribe to friends, colleagues or students by sharing the short link. Place
your videos onto your own website or blog using the embed code. Or
download in HD by logging in with your Sparkol account no quality spared.
There are tons of other video platforms ready to help you propel your
video into the world. Heres a quick guide to getting the most out of them.
53
54
56
FinalYOUR
word
TIME TO SCRIBE
So youve got the know-how, and youve seen just a little of video
scribings endless potential.
Now its your turn.
To make your own whiteboard animations, visit www.videoscribe.co for a
free seven day trial of VideoScribe. Its easy to use and comes packed with
images and music that you can use commercially.
Theres also VideoScribe Anywhere, a free-to-download mobile app that
lets you carry the power of scribing in your pocket.
The Sparkol blog has tonnes more tutorials, tips and inspiration and you
can find more examples of stunning scribes on the scribe wall.
For professional scribe video services, visit www.animole.com.
57
58
Authors
59
60