Videoscribe v2 Tutorial 3 Worksheet
Videoscribe v2 Tutorial 3 Worksheet
Videoscribe v2 Tutorial 3 Worksheet
Enhancing
your scribe
01 Using effects
Drawing effects and filters
In this section of the tutorial we look at different drawing effects and filters you can
use with VideoScribe. First of all we are going to preview the project so far.
01
Open the project we were working on in the previous tutorials (we called it
Help IT 2 and we saved in a folder called Help IT)
If you dont have this project you can download the .scribe file provided for this
tutorial here and import it as described in the first tutorial. Dont forget to save the
project locally once youve imported it.
02
With the project open, click the Play button to preview the scribe
so far
Click the Play button again to go back into preview mode and this
time select the Pause button
02
Notice that you can also use the Skip buttons while in preview mode
to skip to the next or previous element.
03
Make sure you are at the correct position on the canvas for your second
scene by selecting the Help IT logo image and then clicking the thumbnail
in the Timeline
02
03
Type a keyword search into the Search field at the top of the Add
image screen (we used mug) and then either press return or click on
the arrow button
VideoScribe will return all the images in the library with that keyword.
Tip: We recommend using keyword search rather than browsing the
library folders as this will find all the related images from across the
full library. Also, if no images are found related to your search term
you will be presented with options to search online resources for
suitable images.
04
Select the image you want to use (we used the yellow mug image)
05
With the canvas still in the correct position, click Set camera for this new image
06
Resize the image and position it where you want it (we made it smaller and put
it in the top right corner)
07
08
Press Play in the preview area to see the results of your changes
02
Click on the tick button when you have finished looking at these options
03
Next click on Add image again and Search for another image (this time we
used Superman)
04
Select the image you want to bring onto the canvas (we chose the standing
Superman image)
05
06
Resize this image and position it where you want it (we made it a bit smaller
and put it under the logo)
07
08
You have the options to make the image Full colour, Outline, Greyscale or
Silhouette. With the Outline and Silhouette effects you can also change the line/
fill colour by clicking on the coloured square in the bottom right corner of the
preview pane.
09
Press Play in the preview area at any time to see the results of your changes
10
Click on the tick button when you have finished looking at these options
Change fonts
Next we are going to look at how you can import fonts.
Tip: Before adding each new element, its a good idea to select the
point in the Timeline where you want the new element to appear (it will
be inserted after the selected element).
01
We want to add a text element just after the mug image, so first select this
item in the Timeline
02
Then click the Add text button and type in some text (we used Relax! here)
03
This brings up the Available fonts screen. The highlighted fonts at the top are
the ones that are currently available in VideoScribe. Under this you will see your
system fonts that VideoScribe can import if you need them. To import a font
simply select it and it will import automatically.
Its important to make sure you have the correct permissions to use a font,
especially if you plan to make a scribe for commercial purposes. You can delete
fonts you have imported using the Delete button. To re-import a font simply click
on it again.
04
Once you have finished in the Available fonts screen click the tick button
05
Use the + and buttons here to select the font you want to use
06
As well as selecting colours from the colour pallet, you can also enter a Hex code
into the field at the bottom.
Tip: Hex codes are used to identify specific colours and are useful when
you need to match particular colours, e.g. your company brand colours.
07
Type in a hex code (we used 2BB673 to match our Help IT logo colour) and
click the tick button
08
This new text will now be placed on the canvas, and in the Timeline it should
appear in between the mug and the superman items.
Tip: Each time you add a new element, remember to set the camera.
If you want an element to have the exact same camera position as a
previous item, its a good idea to check the canvas hasnt shifted. You
can do this by selecting the existing item and clicking on its thumbnail
in the Timeline. This will prevent unwanted screen movements.
09
Set the camera for this new element, resize and position as required (we
placed this text just to the left of the mug)
Go into Text properties for this item and click the Filters button
Feel free to try out some of these options. As you make changes to these filter
settings you can view the effects in the preview area in the top left part of the screen.
02
Once you are happy with the filter effects you have created, click on the tick
to save your settings
03
Back in the Text properties screen, check the option to Draw backwards
Tip: The draw backwards option is useful if you are using a language
that writes from right-to-left (we are just using it for effect).
04
Click Play in the preview area if you want to see how this text will be drawn
05
With the text element still selected click on Copy and then
Paste in the bottom right corner of the Edit screen
You will now have a replica of the original text item with all the same formatting
(and camera position). This new element will appear just after the original one in
the Timeline. You can now move and edit the new text element.
02
03
04
Here you can overwrite the existing text with your new message (we used
Let us take IT off your hands)
05
06
Back in the Text properties screen uncheck the Draw backwards option so
that the text will be written left-to-right
07
08
Next increase the Animate time to around 2.5 seconds and also increase the
Pause time to 1.5 seconds
09
10
Now you will need to move this item to the end of the Timeline as we want
it to appear after the Superman image. Either click and drag it across, or
right-click (CTRL + click on a Mac) and select Move to end.
Tip: When copying (or cutting) and pasting in future we recommend
you select the point in the Timeline where you want the new item(s) to
appear before you click Paste. The pasted items will appear just after
the selected element in the Timeline.
We will be back to add some extra animations here in the next tutorial, but for
now we will start work on our third and final scene.
Erase an element
Instead of moving to a new area of the canvas, we will move back to re-visit our
first scene and show you how you can overlay and change it.
01
Move the canvas back up to the first area. You can do this by selecting the
first item in the Timeline and then clicking on the thumbnail
02
Next select the last item in the Timeline so that when we add a new element
it will be placed after this
First we want to make the text in this scene disappear. To do this we are going to
place another element on top of it.
03
Go into the Add image screen and search for the keyword Scribble
04
05
06
Position the blank image over the top of the text and resize it so it covers it
completely
To make it look like the items underneath simply disappear, you need to change
the Animate time for the Scribble out image to 0.
07
Try this out and then click Play from here to see what it looks like
08
Now change the Animate time to around 2 seconds and click Play from
here again
This time you will see it gives an erasing effect. In tutorial 4 we show you how
to change the drawing hand in your scribe there is a hand with an eraser
specifically for use with this effect.
Now that weve created this new blank area we can bring a new image into
this space.
09
Go into Add image and find an image of a hand holding a business card
(you can either search for the keyword card or look in the Business
library folder)
10
Bring the image onto the canvas and set the camera
11
02 Moving elements in
Move-in options
In this section of the tutorial we will show you how to use the move-in animate
method. By default each element will be drawn on the canvas by a hand. Move-in
is an alternative effect where, instead of the hand drawing the item, you can have a
hand slide it into position.
First select the logo image in the Timeline and click on the thumbnail to
move the canvas
02
Here, at the top of the Image properties screen, you will see that the Animate
method is currently set to Draw.
03
Choose your preferred settings (we chose an upwards arc from the bottom
right corner with a Bounce in effect)
10
05
Press Play in the preview area to see the effect of any changes you make
06
Change the Animate time to around 1 second and then click on the tick
Now the Animate time represents how long VideoScribe will take to move the
element into position on the canvas.
If you look at this item in the Timeline
you will see it is now shown as a
Move event. This indicates that this
element will now be introduced using
the move-in animate method.
07
Click on the business card image in the Timeline and again on the thumbnail
to move the canvas view
08
09
This time set the image to come in from the right hand edge and leave the
other move-in options as they are
10
Click the tick button when you are finished editing this item
If you preview this last move-in you will see that, as with the logo, VideoScribe
will use a hand to move the item in. In this case it doesnt make much sense
using a hand to bring in a hand, so we will be showing you how to change
hands in tutorial 4.
Make sure you save your project so that you can use it for the final tutorial. We
will be looking at using different hands as well as the Morph feature to really
bring your scribe to life.
11