Video Based Tutorial Development
Video Based Tutorial Development: A 1-2-3 Approach
Video Based Tutorial Development
A 1-2-3 Approach
with Cyberlink PowerDirector 14
( 2)
( 3) ( 111111 1)
(The Tutorial)
Jim Murchison, PhD
Permissions
Copyright
Jim Murchison
Cookeville, Tn 38501
July 2016
Note: The mini tutorials associated with this document have
links for each tutorial identified in Appendix III of this
document.
Table of Contents
Introduction.7
Example Videos7
Software Used for Tutorial.7
Use of Terms7
Input Resources.8
The 1-2-3 Approach9
Introducing the 1-2-3 Approach9
The 1-2-3 Approach applied to telling your story10
Planning Your New Project - Planning the Story14
Preparing for Your Tutorial Video15
Applying the 1-2-3 Approach15
Resources16
Choosing a Screen Capture Program18
Using the Cyberlink Screen Recorder Software18
Using Screen Pressor22
Starting A New Project29
Initiate New Project.29
Aspect Ratio33
Video Editing in PowerDirector 1434
Adjusting the Length of a Resource.38
Splitting the Resource.38
Image Overlay Techniques41
Title Techniques41
PIP Techniques43
Transitions45
Publishing Your Video49
Appendix I - Primary Software Used54
Appendix II - Video Hosting Sites56
Appendix III - Tutorial Support Videos59
Table of Figures
Figure 1 - 1-2-3 Basic Diagram9
Figure 2 - Painting a Chair10
Figure 3 - 1-2-3 Approach to Telling Your Story11
Figure 4 - 1-2-3 Concepts - Applied to Tutor Tutorial12
Figure 5 - Example Level 3 Introductory Screen13
Figure 6 - 1-2-3 Work Flow Plan15
Figure 7 - Pre-Editing Resources16
Figure 8 - Start Cyberlink Screen Recorder From Desktop19
Figure 9 - Go To Screen Recorder Settings19
Figure 10 - Screen Recorder Settings Window20
Figure 11 - Starting Screenpresso22
Figure 12 - Screenpresso Settings Icon23
Figure 13 - Upgrade to Screenpresso PRO23
Figure 14 - Start Activation Process24
Figure 15 - Entering the Activation Key25
Figure 16 - Screenpresso Annotation Menu27
Figure 17 - Take a Snapshot of the Video Icon28
Figure 18 - PowerDirector 14 Project With One Item29
Figure 19 - Project Folder Structure30
Figure 20 - Set User Preferences Icon31
Figure 21 - Choosing "File" Preferences32
Figure 22 - Specify Import and Export Folder Preferences33
Figure 23 - Screen Shot Stretched from 4:3 to 16:9 Aspect
Ratio33
Figure 24 - Screen Shot Captured at 16:9 Ration33
Figure 25 - PowerDirector 14 - Primary Work Spaces34
Figure 26 - All Resources in Library Window36
Figure 27 - Screen Shot Resources in Library Window36
Figure 28 - Power Point Resources in Library Window37
Figure 29 - Video Capture Resources in Library Window37
Figure 30 - Current Timeline Marker39
Figure 31 - Point of Split40
Figure 32 - After Split and Resource Insertion40
Figure 33 - Image Overlay Point of View41
Figure 34 - Title Designer Primary Control Areas43
Figure 35 - Subtitle Control Area45
Figure 36 - Transition Out of Resource 147
Figure 37 - Transition Into Resource 447
Figure 38 - Cross Transition47
Figure 39 - Overlap Transition48
Figure 40 - Special Direction Attribute48
Figure 41 - Profile Information50
Figure 42 - File Format and Profile Information52
Figure 43 - Filename and Folder Location53
Figure 44 - Start Local File Production53
Introduction.
The purpose of this tutorial is to demonstrate one approach to
the preparation of on-line web based video tutorials. Emphasis is
placed on presentation of tutorials for PC based software created
with sceencasting techniques. This will focus on use of both static
screen shots and dynamic video capture of the computer screen.
Example Videos
Several tutorial videos are available on the web to support this
document. Access to these videos is available at
http://www.jimmurch.com/tutor-tutorial. These tutorial videos are
hosted on the vimeo.com hosting site which is our preferred hosting
service. Two types of video are provided:
- Major Tutorials. Two rather complete videos of approximately 5
minutes each are available to demonstrate some of the concepts
presented here.
- Mini Tutorials. A number of shorter mini tutorials are also
available. These mini tutorials illustrate specific techniques
useful in developing tutorial videos and are based on the use of
PowerDirector 14.
Software Used for Tutorial.
Software used for this demonstration includes:
The Cyberlink PowerDirector (ver. 14) video editing application
is the primary product used for video tutorial development. This
product is available on the world web at:
http://www.Cyberlink.com/.
A supporting product is the Screenpresso screen capture software
product available from: http://www.screenpresso.com/. Although the
PowerDirector 14 product does include a screen capture program, the
Screenpresso program is more flexible especially in allowing for
on-screen annotations for static screen capture shots. Such
annotations, such as boxes, frames of areas, callouts, and arrows,
commonly should be added before introduction of the screen shot, as
a .png or .jpg file, into PowerDirector 14.
Use of Terms
In this document we will use several terms in a specific manner.
These include:
- Screencast. We will use this term to represent the completed
video presentation that is presented for viewing. Commonly this
will be on a site on the Word Wide Web designed for sharing video
presentations. For further discussion of the use of this term you
may wish to review the topic on the Wikipedia web site. This
Wikipedia article does include a link to The Screencasting
Handbook.
- Screen Shot. This term is used to refer to the capture of a
single screen. This shot will not represent mouse movements or
program reactions to actions such as a mouse click. We recommend
the use of .PNG format files for such screen shots. Previously .JPG
files would have been commonly used, but .PNG files usually are
smaller in size while presenting an appropriate level of
detail.
- Screen Video Recording. This term will refer to video files
that represent motion on the screen, such as mouse movements, and
reactions to actions such as mouse clicks and keyboard data
entry.
- Screen Clips. We will use this term to represent screen shots,
commonly created within PowerDirector 14, and appropriate for use
in the screencast. These images are created by storing one frame of
a Screen Video Recording as a Screen Shot and are commonly stored
in a .PNG file format. The Screen Clip may be modified or edited to
enhance the shot such as including screen annotations used to
enhance or direct attention of a certain area of the screen.
Input Resources.
When planning for the development of a video tutorial it is
appropriate to identify the type of input resources that you will
use:
- Screen Shots
- Screen Video Recordings
- Screen Clips
- Audio Files
- Supporting Resource Files
The 1-2-3 ApproachIntroducing the 1-2-3 Approach
What we call the 1-2-3 approach to tutorial development is an
approach to planning and organizing your work as you develop your
tutorial. It is a simple approach to organization that may be
applied at various phases and levels of your project.
(Step 1PreparationStep 2ExecutionStep 3Wrap-Up)
Figure 1 - 1-2-3 Basic Diagram
The Basic Diagram shown above illustrates the three steps of the
1-2-3 approach in general terms. Usually it will be necessary
to:
Preparation - Prepare to do the task
Execution - Do the significant work of the task
Wrap-Up - Complete the concluding details of the task
For example, I recently needed to paint a chair that had been on
my front porch for several years and looking rather worn. In this
example the specific 1-2-3 steps might be described as follows:
Task Description
Task Activities
Step 1 - Preparation
Move the chair to the garage.
Clean the chair.
Sand the chair lightly.
Get the paint.
Stir the paint.
Get the paint brush.
Step 2 - Execution
Apply the paint to the chair.
Step 3 - Wrap-Up
Close and seal the paint can.
Clean the paint brush.
Properly store the paint brush for future use.
Put the sand paper away.
Wait for the paint to dry.
Move the chair back to the front porch.
Enjoy sitting in the chair.
Figure 2 - Painting a Chair
In this example, significantly more activities are involved in
the preparatory and wrap-up phases than what appears to be the
primary part of the task, applying the paint to the chair.
Furthermore, when we allow time for the paint to dry, the wrap it
up phase may require more elapsed time than any other phase.
Actually putting the paint on the chair is only a part of
completing the job!
The 1-2-3 Approach applied to telling your story
Several years ago, when planning to write a significant academic
paper, my academic advisor frequently advised me to plan to:
1. Tell then what you are going to tell them
2. Tell it to them
3. Tell them what you told them
In fact my army drill sergeant explained many things to me in a
similar structure but with fewer academic phrases.
This application of the 1-2-3 approach is indicated in Figure
3:
Figure 3 - 1-2-3 Approach to Telling Your Story
Two of the distinct advantages to this approach are 1) it helps
you, as the tutor or instructor, organize your thoughts and 2) it
helps your students follow your thoughts. Remember your objective
as the tutor is not to demonstrate your wealth of learning but to
help your student understand the concepts that you are trying to
present. As the tutor your effectiveness, to a great degree, is
determined by how well your student has learned the concepts.
Video Tutorial Example - Tutor Tutorial
As an example of application of the 1-2-3 approach to a video
tutorial you may wish to view the Tutor Tutorial - Introduction to
MS Windows Libraries available on the Vimeo website. Although the
subject matter of the tutorial addresses the management of MS
Windows library structures in the Windows 10 operating system, it
does demonstrate the use of 1-2-3 concepts at several different
levels.
(Level 1)
Tutor Tutorial
Step 1
Step 2
Step 3
2a - File Explorer
2b - Library and Folder Actions
Step 1
Step 2
Step 3
Step 1
. . .
Step n
(Level 2)
Create
a
Library
Add
a
Folder
. . .
Remove
A
Folder
Set
Default
Folder
1 | 2 | 3
1 | 2 | 3
1 | 2 | 3
1 | 2 | 3
(Level 3)
Figure 4 - 1-2-3 Concepts - Applied to Tutor Tutorial
As Figure 4 above indicates, the concepts of Step 1, Step 2, and
Step 3 are applied at three different levels of organization in
this tutorial. In this diagram, Level 2 has been expanded to 2a and
2b to support the organization of this particular tutorial more
effectively. However the organization concept of the three steps is
applied at each of the levels illustrated. At Level 1 several
screen shots from Power Point are used to introduce the entire
presentation. In a similar manner Level 2a is introduced with a
Power Point screen shot titled, "Using the File Explorer" while
Level 2b is introduced with such a screen shot titled, "Using
Library and Folder Actions". At the Level 3 level each major action
is introduced with a Power Shot such as shown below that indicates
the action and uses the hierarchical view of the Library, Folder,
and Files diagram as shown below. As each level is expanded to the
next subordinate level it may be appropriate to have some number of
subordinate items other than three. However, a useful planning
guide is to plan for three subordinate items and modify the number
as necessary.
Figure 5 - Example Level 3 Introductory Screen
A major role of the introductory Step 1 and concluding Step 3
displays is to assist the student in maintaining an awareness of
where he or she is in the tutorial subject matter. Remember, the
role of the tutorial is to be student focused and to attempt to
avoid uncertainty and confusion on the part of the student.
Planning Your New Project - Planning the Story
A great mistake when planning a new tutorial project is to
quickly jump into the process of developing the actual video
presentation. The temptation is to begin with great enthusiasm
about what video media to use and what special effects and
transitions to use. The temptation to start with a emphasis on the
"pop" and "pow" techniques that may add snap and hopefully attract
attention is almost certainly a mistake. Your first project
oriented activity is to carefully plan the story that you going to
tell. In doing this be certain to determine the purpose of your
tutorial. Are you about the business of showing your mastery of
cute and attractive video editing techniques or to help your
student or your audience understand some concept, learn how to
accomplish a task, or develop a new skill? Consider your tutorial
from the student's perspective and clarify what they should have
learned after completion of your tutorial. After all, presentation
of any form of tutorial should concentrate on helping the student
understand a new concept or develop a new skill. After you have
clearly identified your learning objectives and planned what is to
be the subject matter of your story, then you need to consider the
video techniques that will assist in telling the story.
A good guideline in planning your story is to remember the long
standing advice to:
Tell then what you are going to tell them
Tell it to them
Tell them what you have just told them
Of course the greatest amount of time will normally be devoted
the second step above. Review the example tutorial Introduction to
MS Windows Libraries and look for the three parts of the tutorial.
Although the tutorial, a Major Tutorial, is rather lengthy, it does
include a brief introductory segment and a recap segment.
Preparing for Your Tutorial VideoApplying the 1-2-3 Approach
Our previous discussion of the 1-2-3 Approach has placed
emphasis on the planning of the specific contents of your
presentation and has given emphasis to providing an introductory, a
main, and a concluding part of the presentation as a whole and
individual components of a tutorial presentation. This emphasis of
the 1-2-3 Approach gives emphasis on what the student will actually
see as they view the presentation.
Another use of the 1-2-3 Approach is as a guideline in planning
the sequence of our development activities or our work flow plan.
This focus is directed to how we develop the tutorial rather than
what the story is that our tutorial presents.
Developing a Work Flow Plan
Figure 6 - 1-2-3 Work Flow Plan
The general work flow plan that we have illustrated above is
based on our 1-2-3 Approach. For this purpose the three steps are
identified as:
Develop and Prepare Resources. This step will develop the most
of the various resources that you will incorporate into the
tutorial video in the next step. Examples of types of resources
include static screen shot images and screen video shots showing
action on the screen.
Edit the Video Tutorial. This step will involve developing the
actual video to be presented as a screencast. For our discussion
the Cyberlink PowerDirector 14 video editor will be used. The video
editor will combine and enhance the resources prepared during the
previous step. A common enhancement is to manage the timing of the
various parts of the presentation.
Produce and Distribute the Video. Step 3 includes the creation
of the final screencast video and the distribution. Details such as
file format and screen resolution are dealt with at this time.
Distribution of the screencase video may be by generation of a file
on the development computer, e-mail distribution, or posting to web
based video hosting services such as YouTube or Vimeo.
Resources
We use the term "resources" to refer to files created outside of
the Cyberlink PowerDirector 14 but edited together to produce the
final screen cast. The PowerDirector 14, with a few exceptions, is
used to create the final screen cast while more resource specific
editors are used to perform "pre-editing" of the individual
resources. One example of an exception is the use of Titles which
are developed and applied within the PowerDirector 14.
Figure 7 - Pre-Editing Resources
Types of Video Resources
We will consider three primary types of video resources:
Static Screen Shots.
Screen Shots generated by Power Point.
Video Captures showing on-screen action.
Screen Static Shots. This type of resource is normally saved in
a file format commonly used for graphic images or photographs.
Common examples of such file formats are .JPG or .PNG format, or
file extensions. Normally .PNG would be the preferred file type for
use in our tutorials as they require less storage space than .JPG
files but produce satisfactory clarity or resolution. Frequently
these files will be produced by a screen image capture program
focused on capture of the computer screen at a fixed point in time.
Two advantages of such format files are 1) they may be manipulated
and enhanced by programs designed for graphic images and 2) they
may be enhanced by screen annotations, such as lines, arrows, boxed
or highlighted areas, or callouts. The use of such features may
assist in directing the student's attention to appropriate areas of
the screen.
Screen Shots generated by Power Point. This type of resource may
be considered as an enhancement of the Screen Static Shot described
above. A Power Point presentation using a number of "slides" but a
common Power Point theme or style is prepared. The Power Point
presentation may then be imported as a complete presentation or as
selected slides into the Cyberlink PowerDirector 14 program. If
imported as a complete presentation, PowerDirector 14 will create a
.JPG or .PNG file for each slide. The primary advantage of using
Power Point as a resource development tool is the ability to use
the Power Point themes to give a common appearance to a set of
slides. This makes them especially appropriate for "chapter" or
section introductory slides throughout the tutorial. Another
advantage of the use of these Power Point developed slides is the
powerful slide editing and enhancement features of Power Point.
Video Captures showing on-screen action. This type of resource
is a video itself that is designed to be incorporated into the
final screen cast. The distinct advantage of this format is that
screen actions such as mouse movements and clicks may be shown as
they occur. The on-screen results of such actions may also be
shown. The primary disadvantage of this type of resource is that
screen enhancements such as annotations to the screen are not
supported. However, with careful editing within the Cyberlink
PowerDirector 14, these video captures and the Static Screen Shots
may be combined to simulate such features without creating much of
a distraction on the part of the student. Remember, significant
care must be applied to the editing used to create such an
effect.
Types of Audio RecordingsChoosing a Screen Capture Program
One of the most difficult decisions that you must make regarding
tutorial development will be choosing the screen capture program(s)
that you use to capture your screen shots and video recordings. For
this example we will be using the Screenpresso program, available
at www.screenpresso.com. We choose this screen capture software
tool for several reasons:
Test for Free. A free version of the product allows you to test
the program before purchase and determine if it will meet your
needs.
Recording options. The product permits recording of both static
screenshot images and dynamically changing video clips. The video
clips may be recorded with coordinated audio.
Screen Enhancements. Screenpresso supports the editing of
captured screenshots to add enhancements to aid in understanding
the screen shots. This may provide significant help in explaining
the use of the screen image for your software product.
Using the Cyberlink Screen Recorder Software
Cyberlink PowerDirector 14 includes a screen capture program
that will capture screen video in several modes for portions of the
screen, aspect ratios, and screen resolutions. The Cyberlink Screen
Recorder has the following advantages:
Effective integration with PowerDirector 14 including the
ability to invoke the Screen Recorder from within PowerDirector
14.
Screen Recorder can be configured to permit saving of screen
captures to the "project\resources" folder as described above.
Can introduce the screen capture directly into the Library
Window of the current PowerDirector 14 Project.
Unfortunately, the Cyberlink Screen Recorder does also have
several shortcomings:
All screen captures are made as motion oriented video captures
and saved in this format. However, static screen shots, saved as
BMP, JPG, GIF, or PNG image, can be generated from within
PowerDirector 14. These images may then be saved and manipulated as
graphic image files.
No provision for inclusion of on-screen annotations such as
lines, arrows, boxes or frames, or callouts is made. Such
annotations are normally made on static screen shots. It is
possible to use MS Paint, included with MS Windows as a workaround
technique to create the appearance of such screen enhancements on
.png or .jpg files. MS paint may be used to achieve the addition of
lines, rectangles, and text boxes to approximate some types of
screen annotations.
Configuring the Cyberlink Screen Recorder
Figure 8 - Start Cyberlink Screen Recorder From Desktop
To start the Cyberlink Screen Recorder from the desktop, click
on the Cyberlink Screen Recorder icon.
Figure 9 - Go To Screen Recorder Settings
When the Screen Recorder window is displayed, click on the
Settings icon near the bottom of the window.
Figure 10 - Screen Recorder Settings Window
Establish this screen to have the values shown above. For our
tutorial example the "Save to:" text box should have a value that
points to the "... \Tutorial Tutor\Resources" folder. This will
insure Screen Recorder captures are stored in this folder. This
will support the location of all files for import to a project in
one folder to make future maintenance of the project easier. If the
PowerDirector 14 program is active in the background at the time of
screen capture, which is recommended, the capture will also be
placed in the Library window of the PowerDirector 14. This is the
only attribute that will normally require change when you start a
new project.
Help file instructions for recording your desktop are available
at:file:///C:/Program%20Files/Cyberlink/PowerDirector14/language/ENU/Help/index.htmlAfter
accessing the above link, use the search feature to search for:
"Recording Your Desktop".
This link will be supported only if the PowerDirector 14 product
has been installed on the computer on which you are viewing this
document.
Recording the Screen
Detailed instructions for the use and configuration of the
Screen Capture are included in PowerDirector 14 help file.
Help file instructions for recording your desktop are available
at:file:///C:/Program%20Files/Cyberlink/PowerDirector14/language/ENU/Help/index.htmlAfter
accessing the above link, use the search feature to search for:
"Recording Your Desktop".
Help file instructions for configuring the Screen Recorder are
available
at:file:///C:/Program%20Files/Cyberlink/PowerDirector14/language/ENU/Help/index.htmlAfter
accessing the above link, use the search feature to search for:
"Configuring the Screen Recorder"
If you do not have PowerDirector 14 installed on your computer
you may download the user manual, in a wiki format, for review from
the web
page:http://www.Cyberlink.com/prog/search/search.do?locale=en_US&q=power+director+help+fileIn
this case the links established above will not work but you must
access the user manual file from the folder in which it has been
downloaded.
Using Screen PressorStarting Screen Pressor
Starting the Screenpresso screen capture program from the
Windows 10 takes some slightly different procedures than those
distributed by the developers of Screenpresso at the current time,
April 2016. The procedures identified here should help you in
getting started. You should first download and install the trial
version of Screenpresso from the web site.
Installing the Pro version of Screenpresso
After downloading and becoming familiar with the free version of
Screenpresso you will likely wish to install the PRO version, which
does require payment. Check the Screenpresso web site for current
prices. You may install the PRO version by using the Upgrade to
Screenpresso PRO feature included in the settings services of
Screenpresso.
You may wish to review the installation instructions by
reviewing the Activation Instructions file on the internet. A link
to this PDF file should be included with the registration
confirmation that you receive by e-mail after purchasing the PRO
version of Screenpresso. The instructions below parallel the
instructions in the PDF file after Step 4.
Download and install the trial Screenpresso application
Pin the Screenpresso icon to the task bar
Using the Windows 10 Start Menu, navigate to the Screenpresso
icon. Right click on the Screenpresso icon, and then select Pin to
Task Bar.
Start Screenpresso from the task bar icon
Figure 11 - Starting Screenpresso
Click on the Settings icon, which looks like a small wrench at
the top of the Workspace window.
Figure 12 - Screenpresso Settings Icon
The Screenpresso Settings window with the General tab selected
should appear. Click on the Upgrade to Pro button.
Figure 13 - Upgrade to Screenpresso PRO
On the Upgrade to Pro window, click in the Enter Activation key.
If you have not yet obtained an activation key, click on the Buy On
Line box.
Figure 14 - Start Activation Process
When the large Enter Activation Key area appears near the bottom
of the window, enter the activation key as presented on the online
receipt from your purchase or the e-mail message sent to your
e-mail account. This key value is rather long and complex,
therefore it is better to use a cut and paste process to enter the
key value. Click on the Activate button near the bottom of the
window.
Figure 15 - Entering the Activation Key
You should receive an activation message to confirm the
activation Screenpresso on your computer.
After activation, Screenpresso should automatically install new
versions of the product. Specific update action on your part is
only required if you wish to use Beta test versions of the
product
Special Hot Key Value Assignment
This table with empty columns for Hot Key values below may be
printed and used as a worksheet for setting up your own Hot Key
assignments. Normally you should choose to use the default values
and likely will have no need to change the hot key assignments. The
most common reason for changing hot key assignments is to avoid
conflicts with other programs that you may use.
Function
Basic
Function
Key Setting
Advanced
Function
Key Setting
Screenshot region
Screenshot active region
Screenshot previous region
Screenshot full sceen
Screenshot using autoscroll
Record video
Record video region
Copy text (OCR)
Decode a QR code
Android Center
Workspace
Display the webcam
Activate zoom mode (video)
Screenpresso features
The Screenpresso product does include a number of special
features. You may see examples of the use of such features with the
following Screenpresso video presentations:
http://www.screenpresso.com/fr/8-tricks-that-will-change-how-you-use-screenpresso-editor/
http://www.screenpresso.com/fr/working-with-both-microsoft-word-and-screenpresso/
http://www.screenpresso.com/fr/user-manual-generation-in-screenpresso/
Static Image Annotation Techniques
The Screenpresso video capture program does include a number of
useful screen annotation features that may be very useful in
bringing attention to certain areas of the screen. The annotation
techniques may only be applied to fixed screenshot image files.
Such annotations may not be applied to video or screen casting
files.
To gain access to these annotation features, from the main
Screenpresso screen click on a screenshot image file and then click
on the Edit icon near the bottom of the screen . You may choose an
annotation feature from the annotation menu near the top of the
screen.
Figure 16 - Screenpresso Annotation Menu
From the annotation menu you may select a particular annotation
icon and click and drag to locate the annotation on the screen. We
recommend selecting a small, appropriate set of annotations for use
within a single project. Use of too many types of annotations in a
single project may become a bit distracting. The tutorials related
to this book most commonly use the Draw an arrow, Draw a rectangle,
Add a textbox, and Add text in a bubble (callout) annotations. The
"PowerDirector 14 - Primary Work Spaces" figure below demonstrates
the use of the Draw a rectangle and callout type annotations
together.
Despite the fact that these annotation techniques may not be
applied to Screen Video Recordings that represent motion, a work
around technique that may approximate such use is to create a
screenshot file, using the Take a Snapshot of the Video feature of
PowerDirector 14, split the screenshot resource, and insert the
snapshot resource with annotations, into the video resource.
Figure 17 - Take a Snapshot of the Video Icon
Starting A New Project
There are several steps that are useful when starting a new
project. We will briefly describe them here.
Initiate New Project.
On the menu line click on 'File|New Project' to establish your
new project. You may elect whether or not to include the material
from the current project in the new project. Normally I select 'no'
at this point. If you do not get this option, or have already
included some media, it may be helpful to delete all media items
except for a single item in the Library window.
Figure 18 - PowerDirector 14 Project With One Item
As soon as you have a single item in the project, likely shown
in the Library window, go ahead and save the project, assign the
project to your desired folder, and assign a file name to the
project. This will establish this information for future file save
actions. Remember that you can navigate through the folder
structure on your disk drive and create a new folder while in the
save process.
Establish a project folder structure.
Develop a system for the folders that you will use in your
project. I like to create a new folder for each project and then
two subfolders for the various resources and for the created
production video. For our example project this would look like:
Tutorial Tutor
Production
Resources
Figure 19 - Project Folder Structure
Setup Supporting Folder Locations
Use the User Preferences feature of PowerDirector 14 to specify
the folders to be used for various types of supporting files for
your PowerDirector 14 project. To activate this feature, click on
the "Set User Preferences" cog icon on the top of the PowerDirector
14 window:
Figure 20 - Set User Preferences Icon
On the Preferences window choose "File" from the vertical menu
column on the left of the screen.
Figure 21 - Choosing "File" Preferences
On the "Preferences" window choose "File" to set the folder
location for import and export files.
Figure 22 - Specify Import and Export Folder Preferences
On the "File Preferences" window set the folder specification to
the Resources folder that we created for our Tutor Tutorial
project. These folder specifications may be modified as necessary
by using the folder navigation features when importing or exporting
resources.
Aspect Ratio
Use special care when changing the aspect ratio of a screen
shot. The impact of changing this ratio after capture of the shot
may be quite different than when the aspect ratio is established
before the capture: For example:
Figure 23 - Screen Shot Stretched from 4:3 to 16:9 Aspect
Ratio
Figure 24 - Screen Shot Captured at 16:9 Ration
Note that each of the images above are shown at a 16:9 ratio.
However the image on the left, which has been stretched after
capture, significantly distorts the presentation of the XMAPP
Control Panel display. The image on the right gives a better
picture of what the computer screen will actually look like.
Video Editing in PowerDirector 14Basic Editing
TechniquesImporting Resource Files.
Resource files may easily be imported from a Windows folder into
the Library Window of Cyberlink PowerDirector 14 by using the
"Files | Import" feature as shown in the Mini Tutorial Importing A
Resource. It is possible to import a single file, a set of files,
or all of the files located in a particular directory.
Primary Work Spaces.
Figure 25 - PowerDirector 14 - Primary Work Spaces
The Cyberlink PowerDirector 14 screen above shows four primary
areas for presenting information related to development of a video
screencast:
Library Window. Shows icons representing the various resources
available to the project. Resources are commonly imported into this
window by using the 'File|Import' command. Importing a resource
does not include the resource in your video project, rather it
makes it available for use in the project. To include the resource
in the project you should click and drag the resource to a time
line track.
Preview Window. May be used to preview a single resource from
the Library Window, a resource included in a editing track near the
bottom of the screen, or a full video screencast or movie. To
select a resource for viewing in the Preview Window, click on the
resource to select the resource.
Time Ruler. Shows the time and sequence of resources and events
in the video show for the Screencast. When reviewing a video clip
or movie, the progress of time will be shown by the moving
marker.
Time Line Tracks. A number of tracks showing a representation of
the various resources that are to be included in the video project.
Many of the attributes such as beginning and ending time of display
are identified on the timeline track. Manipulation of resources on
the timeline tracks is a fundamental technique for development of
the video. Most timeline tracks support use of either visual or
audio resources. Some tracks are linked to cause the linking or
unlinking of video and audio tracks. Linked tracks may be
especially useful when working with resources video resources that
have been recorded narration that is used to describe the visual
actions displayed with video techniques.
Timeline tracks have many useful features. For a further
discussion of timeline tracks, search for the "Timeline View" topic
with the Help topic search features of PowerDirector 14.
The resources may are seen as if viewed from the bottom of the
window up. In other words, a resource further down the screen is
viewed as in front of other resources. This is well represented by
Title resources or Picture in Picture (PIP) which will normally be
lower down on the screen. In the case of Title presentations, with
a transparent background, the title text will appear as an overlay
over the resource higher up on the screen.
Below we see a screen shot with three different types of
resource files in the Library Window:
Screen Shot Resources
Power Point Resources
Video Capture Resources
The Screen Shot and Video capture resources will have a slightly
different format. The power point presentation that has been
imported as a single resource will be displayed as a set of Screen
Shot resources. A Screen Shot resource will be presented for each
slide from the Power Point Presentation.
Figure 26 - All Resources in Library Window
Figure 27 - Screen Shot Resources in Library Window
Figure 28 - Power Point Resources in Library Window
Figure 29 - Video Capture Resources in Library Window
Although we describe the Power Point Presentation as a type of
resource, it really produces a set of Screen Shot image type files.
The Power Point presentation may be imported as a single resource,
but then a single Screen Shot Resource will appear for each Power
Point Slide. From this point on, they may be managed individually
as Screen Shot resources
Adjusting the Length of a Resource.
Techniques for changing the length of a resource depend on the
type of resource. Video Capture resources may not actually have the
length adjusted as the actual length is determined by the length of
time that the resource is actually recorded. Special techniques to
give the appearance of changing the length such as clipping the
resource or enhancing the length are discussed in the section
below. However a screen shot or a single screen shot slide from a
power point presentation may have the length modified.
Making the resource shorter or longer.
A screen shot resource may have the length of time that the shot
is displayed adjusted by using a click and slide technique on the
beginning or ending border of the resource as displayed on a time
line track. Technically this does not impact the length of the
resource but only the amount of time that this static image is
displayed on the screen. Another technique for changing the length
of time of the display may be used by accessing the resource
properties. These changes do not change the length of the resource
as managed in the Library Window but only as presented on the
timeline track. Therefore if you use the resource again in this
screenshot or in another shot it will have its original properties
when added to the time line track.
Splitting the Resource.
For the example of splitting a resource, we will use an existing
Video Capture of the resource to split. Again, the actual resource
file as stored on the disk drive is not split but presentation of
the Screen Shot resource is split into two separate segments
permitting the insertion of another resource between the two
segments. This splitting process is accomplished with the use of
two primary tools that are displayed on the PowerDirector 14
screen.
The first of these tools is the red current timeline marker
displayed on the timeline ruler line. this marker indicates the
current time of the movie or clip on the track and defines the
position at which resource actions will take place.
Figure 30 - Current Timeline Marker
The second of these tools is the split timeline tool. This tool,
located above the timeline ruler on the left of the window permits
splitting the time allocated to the display time for a resource on
a timeline track. This permits treating each split segment as if it
were a separate resource.
Remember the split timeline tool is located above the timeline
ruler but the split action actually takes place at the point
indicated by the red current timeline marker.
Figure 31 - Point of Split
A common use of the split is to create a space of time between
the two segments within which we may add another resource, such as
a Split Shot resource in our example.
Figure 32 - After Split and Resource Insertion
Image Overlay Techniques
Image overlay techniques may be applied in several different
ways Title overlays and PIP (picture in picture) overlays are two
such techniques. Any technique that causes one set of images, the
foreground resource, to appear "in front" of another image, the
background resource, may be considered an image overlay. A number
of features and options are available with these techniques, but we
will introduce the concept of such techniques with the use of
simple Title overlays, overlaid over a Screen Shot resource. This
technique is useful in presenting introductory comments for a
section of the tutorial or special instructions related to
on-screen action.
Commonly two sets of timeline tracks are used. One will manage
the background resource and the second will manage the foreground
resource. The background tracks will be located near the upper area
of the screen while the foreground tracks will be nearer the lower
edge. It is somewhat as if we will be viewing the finished video
from the bottom of the screen.
Figure 33 - Image Overlay Point of View
Title Techniques
Basic Title Techniques. Our discussion of Title techniques will
present simple Title management techniques but ones that have wide
application for video tutorial development. Many more features for
Title management are offered by Product Director as described in
the Product Director Help file. There is a difference between the
Title and Subtitle features in Product director. The Title feature
supports full screen titles that are often presented on multiple
lines. As a result, the title may cover rather large areas of the
background resource. You may wish to resize and reposition the
title, which will serve as the foreground resource, as appropriate
to avoid covering critical areas of the background resource. The
subtitle feature generates single line of subtitle or caption that
are commonly displayed near the bottom of the background resource.
The examples of tutorials in this document most commonly use the
Title features.
Using the Title Designer feature:
The Title Designer is used for preparation of the title text
that will be displayed in the foreground resource while the
background resource is commonly used to display a background image
behind the title text proper. There are two easy techniques for
activating the Title Designer window. These techniques differ in
how the Save and Save As actions are applied. The techniques
are:
The Media Room / TimeLine Technique. When making changes using
this technique, note that if the changes are saved with the Save As
button at the bottom of the Title Designer window, a new Title
Template, with the name that you designate, will be created in the
Title Library window but the contents of the title resource
referenced on the timeline track will not reflect the changes. If
changes are saved with the Save button at the bottom of the Title
Designer window, the changes will be reflected in the title on the
timeline track but not in the Title Template in the Title Library
window. Therefore this technique of invoking the Title Designer
window permits you to choose whether to save the changes to the
Title Template or the title resource selected on the timeline
track. To use this technique, the Title must be present on a video
track. Right click on the title resource on the media track, choose
Edit Title in the context sensitive menu, and the Title Designer
window will be displayed.
The Title Room Technique: This technique does not permit the
choice of changing the title resource on the timeline track
described above but does permit saving the changes to a new title
template or the title template selected when the Title Designer is
invoked. To use this technique, click on the Title Room icon, then
right click on the Title Template in the Library Window for the
Title Template that you wish to access. Then click on Modify
Template in the context sensitive menu. The Title Designer window
should appear.
Title Designer Control Areas:
The Title Designer has the primary control areas as indicated
below:
Figure 34 - Title Designer Primary Control Areas
B - Title Properties - especially useful for setting Text and
Font characteristics. These properties are useful in producing
special title font effects such as managing the Font Present style,
font size and color. Generally use of Character Presents and Font
Type properties are useful in managing text attributes for tutorial
titles such as shown in our sample tutorials. The Character
Presents feature permits easy selection of fonts with special fill
and outline colors. This feature permits addition of special
appearance features to titles for special effects. Use of the other
features shown in the Title Properties area, may be considered
advanced techniques and are not addressed in this document.
E - Insert Text/Images/Particles/Backgrounds - Useful for
inserting special text, images, and backgrounds in title foreground
resources. These may be considered advanced techniques and are not
addressed in this document.
M - Title Keyframe Timeline - Permits the use of keyframe
management techniques within foreground resources. Generally useful
when titles are being manipulated to produce different effects over
time. These may be considered advanced techniques and are not
addressed in this document.
PIP Techniques
Picture In Picture or PIP techniques are a second overlay image
technique that permits the presentation of more than one resource
at a time on the screen. One resource is displayed as the
background resource and normally fills the full display window. The
second resource will be displayed as the foreground resource and
will be displayed as the Picture In Picture resource. The concept
of foreground resource and background resource is much the same as
we discussed in the development of Titles but the foreground
resource is usually resized and repositioned on or over the
background resource.
The Cyberlink Product Director offers a number of special PIP
management features in the PIP room. However, we will introduce a
simple but useful application of PIP technique with the use of
background and foreground resources. If you wish to investigate
more advanced PIP techniques, you may want to review the Product
Director help file. The two types of resource that we will discuss
are the Screen Shot resource and the Screen Video Recording. Either
type of resource may be displayed as either the foreground or
background resource. See the PIP Introduction Mini Tutorial for
examples of the use of these techniques. Normally the background
resource will be displayed on timeline track set 1 and the
foreground resource will be displayed on timeline track set 2. Each
resource should have been prepared and imported into the
PowerDirector 14 Library Window before the application of the PIP
techniques.
Sub-Title Techniques
Manual Entry.
Cyberlink Product Director offers many features in supporting
the use of subtitles. This includes the ability to create subtitles
for use with disk files such as DVDs as well as providing for the
inclusion of subtitles within the video itself. Our attention will
focus on the second application of subtitles. Product Director also
offers several options on the creation of or insertion of subtitles
within the video. We will address the techniques for manually
entering subtitles or importing subtitles prepared in a separate
text file. For information on other and more advanced techniques,
you may wish to reference the Product Director help file.
File Based entry of Subtitles (Text File).
PowerDirector 14 provides features for importing subtitles into
a video presentation from external files. The use of file based
subtitle introduction is especially useful when you have a large
number of subtitles to be used in a video. Three formats of files
may be involved in the file based introduction of subtitles:
Text Based (.txt) files. Such files may be developed with text
editor programs such as Notepad, included with MS Windows.
SRT files. Such files are described on the Desire to Learn web
site as:
SRT files have a .srt file extension and contain a formatted
plain text list of time codes (HH:MM:SS,MIL) matched with
subtitles. Each item on the list is numbered sequentially starting
with 1. You can create your own SRT file with a plain text editor
such as Notepad or TextEdit, and save the file with extension .srt.
The following is a .srt file example:
100:00:00,000 --> 00:00:07,000Hello, welcome to this
CaptureCast presentation.
MKV files. This format of file is described on www.howtogeek.com
site as "MKV files are actually multimedia container formats. This
essentially means that it is a container that can incorporate
audio, video, and subtitles into a single file even if they use a
different type of encoding. The use of such files in
ProjectDirector 14 is discussed in the product help file.
Our discussion of file based importing of subtitles will be
focused on the use of text format files. Again, these files may be
managed with the use of Notepad, included with MS Windows. When
importing subtitles you will need to make use of the various
controls provided in the lower area of the Library Window as
displayed in the Title Room.
Figure 35 - Subtitle Control Area
To add subtitle markers to your video, play your video with the
player control and then click on the subtitle marker icon at the
point in time at which you wish to add a subtitle marker: . These
markers will be displayed as a red T. You should add a subtitle
marker for each subtitle defined in your subtitle text file that
you have created. After the subtitle markers have been created, use
the 'Import Subtitles from a SRT or TXT file' to import the
subtitles. They will align on the subtitle markers.
Transitions
The transitions feature offered in the Transition Room by
Cyberlink PowerDirector 14 allows for various special effects when
transitioning from the presentation of one resource to another.
Commonly these effects will be used to mark the transition from one
section or chapter of the presentation to another or to attract
special attention. The PowerDirector 14 product does offer a rather
large number of transitions which can become somewhat confusing.
Perhaps the easiest way to make sense of the selection of a
transition is to identify the different transitions by the
categories presented by PowerDirector 14:
Custom
Downloaded
2D
3D
3D Like
Alpha
Audio
Block
Slide
Special
Spin
Stripe
Wipe
proDAD
You may notice that most of these transitions are visual
transitions. In fact only two audio transitions, Constant Gain and
Constant Power, are included with PowerDirector 14. Our discussion
of the use of transitions will focus on use of visual
transitions.
Transition Location
After selection of the type of transition to be used, the next
major question is how to locate the transition in relationship to
the two resources, the introductory or leading resource and the
following resource. The transition may be located in either of two
forms:
- Overlaid on one of the resources
- On top of the leading resource
Figure 36 - Transition Out of Resource 1
-On top of the following resource
Figure 37 - Transition Into Resource 4
Between the two resources
As a Cross Transition: when using a cross transition, the two
clips are side by side on the timeline and the transition acts like
a bridge between them. This will cause the time duration of the
transition to be added to the time duration of the two resources,
increasing the total time allocated to the two resources.
Figure 38 - Cross Transition
As an Overlap Transition: when using an overlap transition, the
two clips overlap while the transition is taking place. This allows
for parts of the two clips to play over each other during the
transition. The total time duration is not increased as in the
Cross Transition. In fact the total time duration will be somewhat
less that the time duration of the two resources based on the
overlap of the resources.
Figure 39 - Overlap Transition
The use of these different types of transition positioning in a
single video may be somewhat confusing. I recommend selection of
one or two forms of transition location for use throughout the
video. In most cases I prefer using the transition placement on the
trailing resource or use of the Overlap transition. You may wish to
test each effect as they will appear a bit different based on the
technique used.
It is also worth recognizing that some transitions have a
directional attribute that determines the direction in which the
transition is applied. A good example is the slide type of
transition. Access to these special attributes is provided by using
either a cross or overlap transition and using the special
attribute feature provided.
Figure 40 - Special Direction Attribute
Publishing Your Video
Cyberlink PowerDirector 14 offers a number of options for
producing or publishing your video. This process will prepare your
video for viewing in contrast to the editing or developing process
that we have discussed above. We will limit our discussion of such
techniques to publishing files for use on your local computer in
MP4 format and to publishing files to the video hosting sites Vimeo
and Youtube. These are appropriate for the type of tutorial videos
that we discuss in this document.
When selecting a publishing format you will need to consider the
method of delivery, the format of the video to include the choice
of codex used, the resolution and frames per second (fps) of the
video. Of course if you are using video hosting services you will
want to consider the cost of the service. This will become more
important if you publish your tutorial video with a high resolution
and a high number of frames per second. If your tutorial video
includes a number of screen shots or video recording of software
products with detailed screens, then use of high resolution and fps
makes the video much easier to understand but you may incur higher
hosting costs. Our mini tutorials on the use of Cyberlink
PowerDirector 14 represent examples of such videos. Since many of
these include rather detailed screen presentations from the
PowerDirector 14 editor services, we have published these at a
resolution of 1920 by 1080 and a frames per second rate of 30
frames per second.
Publishing to Vimeo video hosting service.
We frequently use the Vimeo (www.vimeo.com) hosting service to
for our tutorial videos as this service offers appropriate support
for the screen resolution and frames per second rate that we wish
to use. The service does offer a free introductory hosting service
for a limited amount of disk space. You should have established a
Vimeo account before uploading videos to the Vimeo web site.
To upload a video the Vimeo service apply the following
steps:
- While in the Edit window of the Cyberlink PowerDirector 14
click on the Produce command in the menu line at the top left of
the window.
- Click on the online button near the upper left area of the
window.
- Click on the AVC button and MP4 option from the dropdown list
near the upper left of the window.
- Set the Profile information as shown below. You may wish to
create a custom profile with a name that you choose. If so, we
recommend a resolution of 1920 x 1080 and a screen frame rate of at
least 30.
Figure 41 - Profile Information
- Near the bottom of the window, to the left of center, click on
the 'start' button to activate the video upload process.
- Click on 'Authorize' in the Vimeo Authorization window.
- When the Vimeo system message 'Allow CybeLink" to access your
Vimeo account?' appears, scroll down and click on 'Allow.' The
first time that you attempt to publish to the vimeo site, you will
be required to enter your vimeo account information. Your video
production should begin its production or publishing process to the
vimeo web site. After this process is complete, you will see a
message to the left of the window indicating that you may view your
video on the web site. In a few minutes, you will receive an e-mail
message inviting you to view the video at a URL that may be used
for future access of the video
After publishing your video on the vimeo site, you may login to
your vimeo account, go to 'my videos', and view the videos that you
have available on the site.
Obtaining Vimeo URL from Vimeo Account
After publishing a video to our Vimeo account, you should be
certain that you have identified a short, useful URL to access this
video. At times the Vimeo service will report a rather long,
complex URL that is awkward to use. To identify the short URL use
the following procedure:
Login to your Vimeo account.
Choose My Videos on the menu line.
Choose Thumbnails to display the video Thumbnails
Click on the video that you wish to view.
Notice the shorter, simplified URL at the top of the window. You
may wish to use Windows copy and paste techniques to copy this URL
in the product or program of your choice.
Publishing to YouTube video hosting service.
The YouTube (www.youtube.com) hosting service is a very popular
service and provides an opportunity to upload videos free of
charge. However, the Youtube service does convert your video to an
internal format and this may result in lower resolution in tutorial
videos displayed on this site. This reduced resolution may well
make your video tutorial screen shots much harder to understand. If
you elect to use the YouTube service, we strongly recommend review
of the uploaded video before making it available to your user
community. Publishing to the YouTube site is much like publishing
to the Vimeo site. You should have already established an account
on YouTube.com before attempting to publish a video to the site.
After publishing videos to your YouTube account you may logon to
your YouTube account and view these videos by clicking on 'Home' at
the top of the vertical menu at the left of the YouTube window.
Publishing to a Local File
Publishing or producing your video project to a local file is
somewhat like publishing to a web site hosting site discussed in
the previous section but the results of your publishing activity
are stored as a video on your local computer. Of primary importance
is the identification of the location, folder, and file name of the
video file that you are creating. You must also give attention to
the technical aspects of the video file such as format, codex,
resolution, and frames per second as discussed above. To publish to
a local file follow the following process:
- Identify the file name and folder location that you wish to
use for your produced video file.
- Identify the file type, resolution, and frames per second that
you wish to use for your produced file. We recommend a file type of
MPV, a resolution of 1980 x 1080, and a frames per second of at
least 30. The choices that you make here will influence the size of
your published file.
- Establish the file format and Profile Information. Our
preferred values are indicated below:
Figure 42 - File Format and Profile Information
- File Production Type: Standard 2D
- File Format: H264 - AVC - MP4
- Profile Type: All
- Profile Name: MPG-4 1920x1080/30p(16Mbs)
- Country/video format: United States(NTSC)
Figure 43 - Filename and Folder Location
Using the Output Folder controls near the center of the window,
identify the filename and folder location for the produced video
file.
Figure 44 - Start Local File Production
Click on the Start button near the bottom left of the
window.
After publishing your local video file, you should run the file
and check for accuracy.
Appendix I - Primary Software Used
Section A -Video Editing and Screen Capture Software
Cyberlink PowerDirector 14 Ultra.
Version:14.0.2707.0
Web Site: www.Cyberlink.com
Purchase Source:above web site
Comments: General purpose video editing system. Wide range of
services to support various aspects of video development and
enhancement. Provides for production of stand-alone local videos as
well as development of web based videos on sites such as
Youtube.com.
Screenpresso.
Version:12.4.1
Web Site:http://www.screenpresso.com/
Purchase Sourceabove web site
Comments: Screen capture software. Will capture still images and
on screen action video with accompanying voice narration. Editor
allows for on screen annotation of still images before introduction
of the image to your video editing software package.
Section B - Other Support Software
MS Power Point
Version:Current Version
Web Site: //www.microsoftstore.com/
Purchase Sourceabove web site
Comments: A component of Microsoft Office, Power Point may also
be purchased as a standalone product. Useful for producing a series
of Static Screen shots in a common format. Use of earlier versions
is likely to be quite satisfactory. For example, the material
included here was developed with Power Point 2007.
Diagram Studio
Version:Current Version
Web Site:http://www.gadwin.com/
Purchase Sourceabove web site
Comments: Diagram Studio from Gladwin is not essential for
development of the types of video presented here but may be a very
useful tool for presenting ideas graphically. Diagram Studio is a
drawing program, sometimes described as shapeware, appropriate for
producing concept or logical diagrams. In addition to including
templates for drawings such as flow charts, organization charts, or
hierarchy charts, the product supports the use of "dynamic" logical
connectors. These logical connectors, such as arrows, remain
connected even as drawings are modified and objects are moved to
different locations. Previous versions of the product are likely to
be useful.
Appendix II - Video Hosting Sites
The following video hosting services are supported directly by
the Cyberlink PowerDirector 14 produce online feature:
Facebook
URL: www.facebook.com
Free Hosting: yes
Paid Hosting:
Comments: Popular social service. Facebook makes the following
recommendations regarding high quality video:
H.264 video with AAC audio in MOV or MP4 format
An aspect ratio no larger than 1280px wide and divisible by
16px
A frame rate at, or below, 30fps
Stereo audio with a sample rate of 44,100hz
Your software's guide should include information about exporting
video with custom settings.
Keep in mind that videos must be less than 120 minutes long and
smaller than 4 GB. The longer your video is, the larger its file
size will be. This may affect the quality of the video.
YouTube
URL: www.youtube.com
Free Hosting: yes
Paid Hosting:
Comments: Format conversion by YouTube when uploading video may
cause lower resolution.
Dailymotion
URL: http://www.dailymotion.com/us
Free Hosting:
Paid Hosting:
Comments:
Vimeo
URL: vimeo.com
Free Hosting: yes
Paid Hosting: yes
Pricing
Vimeo Plus+Membership - $59.95 / year - Includes up to 5GB/week
of HD video storage, unlimited plays, priority conversion, and
more.
Vimeo PROMembership - $199/ year- Includes up to 20GB/week of HD
video storage, unlimited plays, priority conversion, worldwide
distribution, and more.
Comments: Recommended for high resolution video.
Niconio Douga
URL: http://www.nicovideo.jp/
Free Hosting:
Paid Hosting:
Comments: English language version of a Japanese video hosting
site. Based on Wikipedia article: "Users can upload, view and share
video clips. Unlike other video sharing sites, however, comments
are overlaid directly onto the video, synced to a specific playback
time. This allows comments to respond directly to events occurring
in the video, in sync with the viewercreating a sense of a shared
watching experience. Further information is available in the
Wikipedia article:
YouKu
URL: http://www.youku.com/
Free Hosting:
Paid Hosting:
Comments: Chinese video hosting and sharing site. More
information is available in the Wikipedia article at:
https://en.wikipedia.org/wiki/Youku . Information on the site is in
Chinese.
Other Site Information
ScreenCast
URL: http://www.screencast.com/
Free Hosting: Yes - 2GB of storage space with 2GB of monthly
bandwidth
Paid Hosting: $9.95/month - 25GB Storage Space with 200GB
Monthly Bandwidth
Comments: A video hosting and sharing service supported by
TechSmith. This company offers a number of commercial screen
recording and editing tools. This service is not supported with
direct video upload by the Cyberlink PowerDirector 14 product
feature. It is necessary to produce a local file and upload to the
site outside of the PowerDirector 14 product.
Appendix III - Tutorial Support Videos
Major Tutorials
Tutorial
URL
Introduction to MS Windows Libraries
https://vimeo.com/172805347
Create a Diagram
https://vimeo.com/173194759
Mini Tutorials
Tutorial
URL
Adding a Screen Shot Resource
https://vimeo.com/163754962
Adding a Power Point Presentation
https://vimeo.com/163772763
Adding a Video Capture Resource
https://vimeo.com/163814434
Importing a Resource
https://vimeo.com/164354299
Adjusting the Time of a Resource
https://vimeo.com/164829339
Splitting a Timeline Resource
https://vimeo.com/165205327?
Image Overlay Techniques
https://vimeo.com/165799657
Title Creation and Editing
https://vimeo.com/167961028
Title Formatting
https://vimeo.com/168267286
Subtitle Examples
https://vimeo.com/168327904
Subtitle Creation
https://vimeo.com/168562425
Subtitle Text File Imports
https://vimeo.com/168681041
PIP Examples
https://vimeo.com/169526711
Simple PIP Technique
https://vimeo.com/169472067
Transition Basics
https://vimeo.com/169774395
Publish to Vimeo Web Hosting
https://vimeo.com/172413724
16
Step 1
Tell Them:
What you are going to tell them
Step 1
Tell Them:
What you are going to tell them
Step 2
Tell it to them
Step 2
Tell Them
What you told then
Step 1
Develop
and Prepare
Resources
Step 2
Edit the
Video Tutorial
Step 3
Produce and
Distribute the
Video Tutorial
Time Line
Time
Cyberlink
Project Director
Video Director
Pre-Editing
Tools
Cyberlink
Project Director
Video Director
Tutorial
Resource
Files
Resource Editors - Examples
-----------------------------------------
* MS Power Point
* MS Paint
* PhotoShop
Background Resource
Foreground Resource
Timeline Track 1
Timeline Track 2
Point of ViewPoint of View
