Beruflich Dokumente
Kultur Dokumente
Core Tutorials
Training Manual
Contents
This tutorial takes you through all the fundamentals of how to create your
first scribe and how to navigate around the key features of the software.
Add an image
Add text
Make a snapshot
scribe file
Publish to Powerpoint
Publish to file
VideoScribe v2 Tutorial 2 – Tuning your scribe 21
This tutorial takes a closer look at how you can fine-tune your scribes.
Import an image
Change fonts
Erase an element
This tutorial shows you how to use the morph animate method to create
various movement and transformation effects, as well as changing hands
and backgrounds.
Creating your
first scribe
01 Getting started
Introduction to VideoScribe Go to video tutorial >>
This brings you to the Project screen where you will see all your locally saved
projects.
The first item in the list (with the + symbol) is used to Create a new scribe. The
second item in the list allows you to access your Online account (we’ll be looking
at this a bit later on). If you have made any folders, these will be displayed next.
After this, you will see all the local projects you have saved in your base folder.
6
6
To sort your projects, use the Sort buttons in the lower left part of the screen.
If you have a large number of projects in the base folder, use the Page buttons
under the list of projects to view more projects.
This takes you into the main Edit screen and a new blank project.
Along the top of the window you will see the Toolbar with various buttons. Along
the bottom you will see the Timeline, which is empty for now. The central Canvas
is your main workspace, it is part of a very large whiteboard canvas area, which
stretches out in all directions. You are only seeing a small portion of it here. As
you build your scribe project, you add elements to the canvas. You can move and
zoom to new areas of the canvas as you need to, and use different effects to build
an engaging, appealing video.
Toolbar
Canvas
Timeline
02 Adding elements
Using library images and text Go to video tutorial >>
In this section we show you how to add text and image elements into your
project, and how to position and manipulate them on the canvas.
Add an image
02 Click on the Library button to view and browse the library folders
Underneath this you will see the Animate time for this element. This time (in
seconds) is the length of time it will take for VideoScribe to draw this image. You
can adjust this using the + and – buttons.
Add text
06 Resize and reposition this new text element on the canvas as before
08 Next add another text element using the same steps as above (we used the
text ‘IT systems playing up?’)
09 Resize and reposition this text element so you are happy with it
10 Select this final element in the Timeline and click on the Properties
button to go into the Text properties screen
Again, we will be looking at more of these options later on in this tutorial series,
but you can experiment with some of them now if you want.
These three elements now make up your first scene. Continue adjusting these
items on the canvas until you are happy with how they are positioned. Remember,
you can either select the items on the Canvas or in the Timeline.
Reorder the events
The Timeline dictates the order in which the elements will be introduced. To
change this order you can select an element and then drag it along the Timeline
to a new position. Alternatively, if you right-click (CTRL + click on a Mac) the
element in the Timeline you will see various move options.
01 When you are happy with this first scene, select the Play button in
the top right
VideoScribe will preview your project so far. Notice how the camera zooms in on
each item as it is being drawn. Each element has its own camera position which is
set to zoom in on that item by default. We will be looking at how you can change
the camera position for each element in the tutorial 2 worksheet.
12
03 Saving your project
Save and export options Go to video tutorial >>
In this section we will demonstrate how to save your projects locally and online. We will
also show you how to import and export .scribe files. The first thing we’ll look at is how to
take a snapshot of your project.
Make a snapshot
Save locally
01 Go back into the Save scribe screen and type in a Scribe name (we used
‘Help IT 1’)
02 You can use the + and – keys to choose a folder (if you created any
already), but we want to click on the Add folder button to create a
new folder
03 Type in a name for the new folder (we used ‘Help IT’) and click on the tick
button
13
04 Next, in the Save scribe screen, click on the tick button to save the project
locally
05 Click on the Exit button in the top left of the Edit screen to exit your scribe
Back on the Project screen you will now see your new folder listed.
Save online
Next we’re going to show you how you can save your project online.
02 In the Open scribe screen click on the Cloud button to copy the
project to your online account
Note: This screen looks very similar to the Save scribe screen
03 Next you will see a message confirming your scribe has been saved online,
click the tick button
04 To view your online scribes click on your Online account button (next to the
Create button)
This takes you to your Online account where you will see all your online scribes.
You can save as many scribes as you want online and this is a good way to
backup your projects. You will also be able to access them from any other device
running VideoScribe, e.g. another desktop, or the iPad app.
Next we’ll look at how you can export your projects to a .scribe file.
02 Go back into your new folder and select your project again, and this
time click on the Export button
14
03 Select a destination folder, we can keep the file name as it is, and click Save
This creates an external .scribe file which you can, for example, copy to a
memory stick or attach to an email. This is a useful way of sending your project to
someone, or simply creating a backup file.
Next we’re going to import this file so we can continue working on it (obviously
we don’t need to do this as we already have the project saved locally and online,
but we just wanted to show you how you could do this).
01 Click on the Import button, select the file and click Open
02 Next we need to save this newly imported project locally, so click on the
Save button again
03 You can accept the current name if you like, or you can amend it (we used
‘Help IT 2’)
04 Select the same folder you created earlier (‘Help IT’) and click the tick
button
Tip: If you ever need to save a new version of your project, without
overwriting the original, you can do this simply by going into the
Save scribe screen and changing the Scribe name before saving
locally or online.
15
04 Adding audio tracks
Voiceovers and soundtracks Go to video tutorial >>
In this section we will cover how you can add music and voiceover tracks to
your project.
The second method involves recording your voiceover using VideoScribe while
viewing your scribe project.
Here you have the options to select the recording device and chose to Show
scribe on record.
16
02 Click on the Microphone button to record a test voiceover while you watch
your scribe playing
The new voiceover track will be saved in your project. You can click on the Play
button to preview your scribe with the added voiceover if you like. To remove
the track –
You will see the new voiceover track featured. This is where you would adjust the
volume of you voiceover.
05 Click the Delete button and then the tick button to remove
the voiceover
Add a soundtrack
This brings up the Browse music screen. As with voiceovers, you can import your
own soundtrack (.mp3) file using the Browse or Web buttons on this screen.
Alternatively you can choose a track from the library. These tracks are categorised
by their tempo. One dot indicates that it is calm, four indicates a very heavy track.
You can use the Page buttons at the bottom to scroll through the track library,
and the + and – buttons in the bottom left to change the Sort order. Feel free to
preview some of these soundtracks by clicking the Play buttons.
17
02 Once you have found a track you like you can click on it to select it (we
used ‘Jazzla’)
You also have the option to Loop the track here and adjust the Volume if you need to.
04 Next click the Play button to preview your scribe with the soundtrack
18
05 Publishing your scribe
Creating and sharing video files Go to video tutorial >>
In this section we will show you how to create a video file so you can share
your scribe and how to publish your project directly to YouTube, Facebook
or PowerPoint.
Publish to PowerPoint
We will now look at how you can produce a PowerPoint presentation featuring
your scribe.
VideoScribe will process your scribe then automatically place it into a PowerPoint
presentation slide for you.
02 When the process has finished you will need to choose a destination folder
and file name for the presentation and then click Save
If you now look in the location you specified you will see the PowerPoint file
which you can open to view the video slide. You can easily incorporate this slide
into an existing or new presentation.
Publish to file
Now we will look at how you can create a video file in various formats.
01 Go back into the Publish your video screen in VideoScribe and click
on the Create video file button
This opens the Create video file screen where you can set the format and size of
your video.
04 Leave the video file name the same as your project name, then click on a
folder name if you want to choose a specific folder location for your video
file
05 When you are happy with the video file settings click on the tick button
VideoScribe will create your video file using these settings and you will get a
notification message when it is complete.
07 Lastly you will need to Save your project again and then Exit your project
Please keep this project so that you can use it for tutorial 2. We will be taking
you through how to tune your scribe by setting camera positions, adjusting
the timings and importing your own images.
VideoScribe v2 Core Tutorial 2
Tuning
your scribe
In the first section of this tutorial we will show you how to move and zoom around
the canvas and also how to set the camera position for each element.
01 Open the project we were working on in the previous tutorial (we called it
‘Help IT 2’ and we saved in a folder called ‘Help IT’)
If you don’t have this project you can download the .scribe file provided for this
tutorial here, and import it as described in the first tutorial. Remember to save the
project locally once you’ve imported it
02 With the project open, click the Play button to preview the scribe
so far
As VideoScribe draws each of the items, the camera will zoom in towards the
element on the canvas. This is the default camera position for new elements.
We’re going to show you how you can set the camera position for individual or
groups of elements so that you can create different scenes in your project. But
first we need to look at how you can move around the canvas and zoom in and
out.
You can move around the canvas by clicking anywhere on a blank area of canvas
and then dragging it to a new position. You can do this to position the canvas for
your current scene, and also to move to new areas to start new scenes.
02 Use the Fit all button to bring all your elements back into view
03 Next try using the Zoom buttons (+ and –) to zoom right out and then
zoom right in
22
04 Click the Fit all button again
Tip: If you have an element selected when you zoom, this item will be
centred. Also, if you hover your mouse over the canvas area you can
use the scroll-wheel to zoom.
We recommend you don’t zoom in or out too far in your scribes. A range from
around 10% up to 1000% should be more than enough. When you need more
space to develop your scribe you should move to a new area of the canvas rather
than zooming.
You can also use the Move canvas buttons to move the
canvas left, up, down and right. These are very useful if you
want to make sure you transition between scenes in straight
vertical/horizontal lines. Once you’ve finished trying out these options use the Fit
all button and then adjust the screen positioning if necessary so that it is how you
want your first scene to be drawn.
This sets the current screen view as the camera position for this element.
You can use the Clear camera button if you need to cancel the camera
position for an element.
02 Select all the elements, either by holding down the Ctrl (cmd on mac) key
and selecting them individually or Ctrl-A (cmd-A on Mac) to select them all
at once
03 Click Set camera again to set the same camera position for all these elements
This time you will see that the camera stays in the same position while
VideoScribe draws these three elements.
Tip: If you ever need to return to the camera position for one of these
(or any future) elements, select the element and then click on its
thumbnail in the Timeline.
Next we need to move to a new area of the canvas so we can start creating
our second scene.
05 Start by making sure you are exactly on the camera position for the first scene
by selecting one of the first elements and then clicking on its thumbnail
06 Next use the Move canvas up button to push the canvas directly upwards until
you have a new blank screen area
02 Importing images
Bringing in your own images Go to video tutorial >>
In this next section we will look at importing your own images and using them in
your scribe projects.
VideoScribe supports JPG, PNG and SVG images, but we recommend SVG (Scalable
Vector Graphics) images as they contain information that lets VideoScribe know how
to draw them.
For this part of the worksheet you will need to download the Help IT image
files provided for this tutorial here.
Import an image
01 Click on the Add image button and then the Browse button
02 Navigate to the folder where you downloaded the Help IT image files
This brings you to the Convert to line drawing screen where you will see several
options. These are different ways that VideoScribe can animate the image, for
example the second option will detect the edges within the image and add the
appropriate line drawing information. We will be looking at these in more detail in
a later tutorial, but for now we will use the reveal option.
05 With this image selected and the screen still in our new position, click the
Set camera button
06 In the Timeline, adjust the Animate time for this image to around 2 seconds
07 Now you can make this image smaller and position it in the top left part of
the canvas
08 Also, make sure this image is the last item in the Timeline. If it isn’t, just drag
it into place or right-click (CTRL + click on a Mac) and select Move to end
09 To preview how VideoScribe will draw this image, click the Play
from here button on the item in the Timeline
Notice how VideoScribe uses a reveal effect to draw this image. Next we’re going
to replace this image with an SVG image.
11 Click the Browse button again and now select the SVG image, helpit_logo_
svg and click Open
12 Still in the Image properties screen, click the Play button in the preview area
so you can see how this SVG image is drawn
This shows you the sort of drawing style you can achieve when you create SVGs
(or when you convert JPG/PNG images to SVGs). To learn how to do this yourself
we recommend you look at our tutorial, Creating your own SVGs.
In this next section of the tutorial we will explain how you can adjust the various
time settings for each element.
First of all we’ll look at the timing information provided in the Timeline.
Towards the bottom of this screen you will see the Time settings. There are three
different time settings. We have already come across the first of these, the
Animate time. This is how long VideoScribe will take to animate – in this case draw
– the item. Remember, this is also the time we can see and adjust in the Timeline.
Directly underneath these time settings you will see the Start and End times again,
and the Total time for this element.
You can adjust all of the time settings in half second steps using the + and –
buttons, or you can click on them and enter a new value.
Tip: It is worth noting that you can enter time values to the nearest
tenth of a second. This can be very useful when fine-tuning your scribe
to match the timing of your voiceover and/or soundtrack.
Note: at the end of the fourth tutorial we will give you all the timings to make
your completed scribe fit with the Jazzla track we have chosen.
02 For the first element, leave the Pause time as it is and change the Transition
time to 0
05 Once more, leave the Pause time and change the Transition time to 0
07 For this element increase the Pause to 2.5 seconds and increase the
Transition to 3 seconds
We have reduced the pauses between the elements in our first scene, but we
have increased the pause and the transition at the end of this scene (after the
third element).
Notice now that there is a longer pause at the end of the first scene, and that it
takes longer to transition down to our second scene.
Adjust default settings
The last thing we want to show you in this tutorial is how to adjust the default
time settings.
Lastly, you can also adjust the Default image quality here.
As before, please keep this project so that you can use it for tutorial 3. We will
be showing you how to enhance your scribe using the Move-in animate method
as well as a number of other effects and filters.
VideoScribe v2 Core Tutorial 3
Enhancing
your scribe
01 Using effects
Drawing effects and filters Go to video tutorial >>
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 don’t have this project you can download the .scribe file provided for this
tutorial here and import it as described in the first tutorial. Don’t forget to save the
project locally once you’ve imported it.
02 With the project open, click the Play button to preview the scribe
so far
At the end of the preview, notice that VideoScribe automatically zooms out to
show all your elements. This happens by default when you preview and also when
you create a video of your scribe. You can turn this option off while in preview
mode so that your scribe video ends on the last camera position you set.
01 Click the Play button again to go back into preview mode and this
time select the Pause button
Notice that you can also use the Skip buttons while in preview mode
to skip to the next or previous element.
31
Search the image library
Next we are going to add a few more items to this second scene and look at
some of the effects you can use. First we will use the Search option to search the
image library and find an image to use.
01 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
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.
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)
01 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)
06 Resize this image and position it where you want it (we made it a bit smaller
and put it under the logo)
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
Tip: Before adding each new element, it’s 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)
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.
It’s 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
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
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, it’s a good idea to check the canvas hasn’t 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)
Next we are going to look at how you can use filters. These can be applied to
both images and text, but we will be working with text elements in this case.
01 Go into Text properties for this item and click the Filters button
This takes you to the Filters screen.
Here you can enhance your text (or
image) using Blur and Glow effects.
You can also adjust the Brightness,
Contrast and Saturation.
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
Tip: If you want additional text to have the same effects and settings, or
be the same size as existing text then it is a good idea to use the Copy
and Paste buttons.
01 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.
04 Here you can overwrite the existing text with your new message (we used
‘Let us take IT off your hands’)
06 Back in the Text properties screen uncheck the Draw backwards option so
that the text will be written left-to-right
08 Next increase the Animate time to around 2.5 seconds and also increase the
Pause time to 1.5 seconds
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.
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. 37
03 Go into the Add image screen and search for the keyword ‘Scribble’
Tip: The Scribble out image is very useful for overlaying and hiding
existing elements. This can be used to make items vanish instantly, or
you can use it to produce an erasing effect.
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 we’ve 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
38
02 Moving elements in
Move-in options Go to video tutorial >>
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.
We will use this method to move in the logo image then the business
card image.
01 First select the logo image in the Timeline and click on the thumbnail to
move the canvas
Here, at the top of the Image properties screen, you will see that the Animate
method is currently set to Draw.
04 Choose your preferred settings (we chose an upwards arc from the bottom
right corner with a Bounce in effect)
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.
07 Click on the business card image in the Timeline and again on the thumbnail
to move the canvas view
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 doesn’t 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.
VideoScribe v2 Core Tutorial 4
Bringing your
scribe to life
In this section of the tutorial we show you how you can make your image move
and transform using the morph animate method.
01 Open the project we were working on in the previous tutorials (we called it
‘Help IT 2’ and saved in a folder called ‘Help IT’)
If you don’t have this project you can download the .scribe file provided for this
tutorial here, and import it as described in the first tutorial. Remember to save the
project locally once you’ve imported it.
To morph you need both an initial image and a second image, so that VideoScribe
can morph the lines from one to the other. The second image could be a copy
of the first one, in which case you can create a range of movement effects. Or it
could be a different image, in which case you get more of a transformation effect.
We are going to start off by looking at at ways we can animate the mug and the
superman images in the second scene in our project.
02 Select the mug item in the Timeline and click on the thumbnail to move the
canvas to this scene.
Tip: When you have lots of overlapping items on the screen it is useful
to be able to temporarily hide some of the elements on the canvas while
you are editing other items. You can do this using the Hide button
which you will see on the thumbnail for each element in the Timeline.
We want to hide the two text elements in this scene so we have space to
experiment with morphing a little.
01 Select the first text item and click on the Hide button on the
thumbnail
42
Notice that the elements are only hidden on the canvas – you can still see
them in the Timeline. Also the icons have changed to a closed eye symbol
to indicate that they are now hidden. Clicking on this button will reveal the
items again.
Tip: You can click on the Reveal all button in the bottom right
corner of the Edit screen to show all the hidden elements.
First we are going to look at how you can make the mug image move around
the canvas.
01 Select the mug and click Copy and Paste so we have two versions of the mug
03 Now select the first mug again and go into Image properties
We still want the first mug to be drawn, but we want it in outline mode as
morphing only works with the lines.
06 Now go into Image properties for the second mug and change the
Animate method to Morph
07 Select the first mug from the list under Morph from
10 You can preview this effect by selecting the first mug in the Timeline
and clicking Play from here
You can easily create more complex movement effects by simply chaining
together a sequence of individual morph moves. We’re going to experiment a
little more with this now.
01 First select the second mug and copy and paste it again
02 Move this third mug to a new location (we chose to move it out of the
current camera view area)
Tip: It’s worth remembering that you don’t have to have all your
elements appearing within the set camera position. It can sometimes
be useful to introduce an element onto the canvas outside the current
camera view, e.g. so that it’s already there when you subsequently move
to a new scene.
03 Next go into Image properties for the second (middle) mug and change the
Colour effect to Outline and reduce the Pause and Transition times to zero
04 And then you will need to go into Image properties for the third (last) mug
and change the Morph from option to the second mug (this will be the last
item in the Morph from list)
05 To view this effect select the first mug and click Play from here (press
Stop when you have seen the sequence)
44
Hopefully this has given you a good idea of how you can use morph to make
images move around the canvas. For our current project we don’t actually want
to move the mug, we want to make it rotate or tip over. So let’s look at how we
do this.
01 First we need to select the second mug again and move it back over the top
of the first mug
02 Next highlight the third mug in the Timeline and delete it using the Cut
button (or the Delete key on a PC)
03 To bring back the text elements we hid earlier, click on the Reveal
all button
04 Now go into Image properties for the second mug and change it back to
Full colour
05 Then use the Rotation controls to rotate the image to -90° (a minus number
here indicates an anticlockwise rotation), then change the Animate time to
0.5 seconds
07 To make it look more like the mug is tipping over, you need to move
the second mug image to the left side of the first mug
You might need to play about with this a little to get the effect right. You might
also need to reposition the ‘Relax!’ text so it appears next to the second mug.
Next we’re going to look at another morphing effect that can be used to make
images expand and appear out of nowhere. Again we will need to start by making
a copy of the image (in this case the Superman image), but this time we don’t
want the first copy to be drawn.
03 Next go into Image properties for the first Superman image and change
this to Outline (you can also change the outline colour here if you want)
04 As we don’t want this initial image to be drawn you also need to take all the
time settings (Animate, Pause and Transition) down to zero
05 Now move this image up so the centre of it is just below the logo image and
then reduce it so that it’s really small
07 Position this underneath the logo as you want it, then go into Image properties
08 Change the Animate method to Morph and select the first Superman
image to Morph from
09 Change the Animate time to about 1.5 seconds and preview using Play from here
Tip: You can introduce a spinning effect with Morph by changing the
rotation for one of the images. For one complete rotation during the
morph you need to change the rotation of the second image to 360°
(for two 720°, etc). You can use this effect on its own, or in combination
with a movement or expanding effect.
10 Go back into Image properties for the second image and change the
rotation to 360°, then preview again
The last morphing example we are going to look at is how to morph from one
image into a different one. We are going to do this using the very first image we
chose in the first tutorial.
01 First scroll the Timeline so that you can see the last (business card) image
Tip: There are several ways to scroll the Timeline back and forth. If you
hover your mouse over the Timeline you can use the scroll-wheel, you
can use the Scroll buttons (< and >) at the start and end of the Timeline,
or you can click and drag any greyed out area of the Timeline to move it
back and forth. Remember, clicking and dragging the currently selected
item will change this item’s position in the Timeline.
02 Select the last element in the Timeline and then click Add image – the new
image will appear after the currently selected item
07 Change the Animate time to about 1.5 seconds. As this is the final element
in our project you can increase the Pause time to around 2 seconds
In this section of the tutorial we show you how you can use different hands for
drawing and moving in, and also how to change the background paper effects.
First we will look at how you can change the default hand for your project.
02 Select a new base hand to use with this project (we chose the one marked
‘A’ above)
Next we are going to change the hand for some individual elements. This will sort
out a couple of the issues highlighted in the previous tutorial (e.g. using a hand
with a pen for an erasing effect).
01 Select the first text element in the Timeline (‘Need help?’) and go into Text
properties
02 Select the Hand button at the bottom and select a hand to write this
text (we chose the one marked ‘B’ above)
03 Repeat this for the second text element (‘IT systems playing up?’)
Next, if you preview the logo image move-in you will see it is now using the
new base hand. So we need to change this.
04 Select the logo image and go in and choose one of the move-in hands for
this element (we chose the one marked ‘C’ above)
Now we want to change the scribble out image so that it creates a really good
erasing effect.
05 Select the scribble out item in the Timeline and go in and select an eraser
hand for this (we chose the one marked ‘D’ above)
Tip: Using different hands in your project can really help to make it
distinctive. Notice that we are using hands that will work well together.
The next thing we want to do here is change the business card move-in so
that it comes in with no hand.
06 Select the business card item and go in and select the No hand option
(marked ‘E’ above)
In the last part of this tutorial we are going to look at how you can change the
background of your scribe.
Or try the top green colour (5fbb46) with the top right texture (marked ‘B’) for
a felt effect.
And for a nice corkboard background try the fourth yellow up (fb5b1) with the
bottom left texture (‘C’).
02 Decide which background effect you want for your project (we chose the
very bottom yellow colour with the bottom right paper texture)
You will notice that the Scribble out image now stands out as it no longer
matches the background. So we need to fix this.
03 Go into the properties for the Scribble out image, change the Colour effect
to Silhouette and then change the colour to the same colour as your
background (that’s fcf7c1 for the yellow we used)
04 Preview the full scribe so you can see all the effects you have added
Now that you’ve completed the VideoScribe version 2 Core tutorial series you
should be ready to experiment with all the features of VideoScribe. But if you
need any further help then please visit our VideoScribe Help. Here you will
find links to our more advanced tutorials, as well as loads of useful tips and
suggestions to help you really get the most out of VideoScribe.
Appendix A
Scribe timings
One of the final steps in creating a really good scribe is fine-tuning the timings so
that the visuals fit really well with the soundtrack and/or voiceover. One of the main
things to consider is when you want each of the animations or movements to start
and stop.
Here are the timings we came up with for the completed Help IT scribe to make it
fit with the soundtrack we chose (‘Jazzla’). We actually added these just before we
showed the final preview play in the tutorial 4 video.