How To Make Your Own Whiteboard Video
Whiteboard Animations Pack
Whiteboard animations videos are used a lot in online advertising, By combining multiple hand drawing animations, they can express ideas and promote products in a cool way.
I will show you how to make your own whiteboard video using After Effects with a whiteboard package template. Although this pack contains 3 ready stories, It also has many pre-made drawing animations for a lot of characters and elements, they can be placed in scenes to make a new story easily.
If you don't have Adobe After Effects which is required to make the video, you can download a 30-day trial version from here. An essential knowledge of AE is preferred in order to deal with the package.
Whiteboard Package Preview
Pack Contents Details
1."Configurations" has a settings layer to control the shadow of images with borders
2."Drawing Stuff" contains drawing hand photos and drawing masks, usually you won't use them directly
3."Music" folder contains music tracks used in stories
4."Precomps" folder contains drawing , dragging and other animation precomps for all characters and objects organized in sub-folders
5.Each preview precomp in "PreComps Previews" list all animation precomps for one category or one character and allows to browse them easily to select one of them
6.All the solids used in packge are found in "Solids" folder
7.Story 1 is the general "Advertising Solution"
Story 2 is "Marketing Service"
Story 3 is "D.Bill Slim Product"
Story 4 is an empty story to start making your own story from scratch.
Each story foolder has main composition with same name, you can render these main comps to get the final stories videos
You can find the scenes that compose a story in "Scenes" sub-folder
How to add content to a scene
Each story is made up of scenes, and the camera moves from one scene to another.
Double click on a scene to edit it.
To add a new text placeholder for example, go to the precomps previews folder.
Double click on the text drag preview precomp.
You can browse all text precomps to choose one.
Click to select the precomp then press: Command + C (for Mac) Ctrl + C (for Windows) to copy it, then inside scene press: Command + V (for Mac) Ctrl + V (for Windows) to paste the text precomp.
Now you can change the text precomp duration and position as you like.
You can add character precomps the same way we added text precomps. First open the preview for a character , then select the pose you want then copy it and paste inside the scene precomp, notice that there are drawing and draging animations for each pose.
You can reach precomps easily by search. type in a character or object name
Notice that animation type (drawing, draging, throwing and other) is found at the end of precomp name
How to change scene duration
In each story the camera moves from one scene to another, camera movements and zome in/out are controlled by "Camera Control" layer
You can zoom in/out by changing "Camera Control" layer scale.
Notice that "Camera Control" layer has position and scale keyframes aligned with each scene start.
To change scene duration:
1. Select scene layer and change its duration (increase or decrease)
2. You have to move the next scenes on the timeline to consistent with the duration change you made.
To select all next scenes, click on the next scene layer to select it, then press (Shift) and click on the last scene layer
3. Move all the selected layers to be consistent with duration change.
4. Now you have to move the "Camera Control" layer keyframes to match with the changes you made to the scenes layers
First select all the keyframes then move it to match the start of the next scene layer. you may hold (Shift) while moving to snap the keyframes easily .
How to replace the logo
First you have to import your own logo to the project, press : (Ctrl + I) for Windows (Command + I)for Mac
then select the logo file you want to import and goto Precomps->Logo and open "Your Logo circle-30" precomp
drag and drop new logo inside the precomp you may edit the text or simply hide it
you have done replaceing the logo, this change applies on all logo precomps in preview and in stories
How to replace the music
first you have to import new music track to the project, press : (Ctrl + I) for WIndows (Command + I) for Mac
inside the story comp, click on the music layer
while holding (Alt) key, drag and drop new music over the old music layer to replace it.
Whiteboard Package Rating
How to render final video
first you have to select work area from the timeline, you can change start and end then press : (Ctrl + Shift + /) on Windows (Command + Shift + /) on Mac to add the composition to the render queue
make sure you select "Best Settings" for render settings, for "Output Module" I recommend H.264
cilck on the file name next to "Output to" to choose where do you want to save your video and you may also change filename you are ready now, press "Render"
Do you think about whiteboard videos promotion possibilities ?
How to install animation presets
Copy "Adleh - Animation Presets" folder to your after effects Presets folder which is located in Program Files\Adobe\Adobe After Effects CC\Support Files (Windows) or Applications/Adobe After Effects CC (Mac).
You can find the new presets in "Effects&Presets" window and use them on layers like any other preset. Just select the layer and double click on animation preset you want, make sure to activate 3d layer check box before you apply xRotation and yRotation animation presets.
Font and Music
© 2014 firas1