74
Video Based Tutorial Development A 1-2-3 Approach with Cyberlink PowerDirector 14 Jim Murchison, PhD 2 The Tutorial

Video Based Tutorial Development - storage.googleapis.comstorage.googleapis.com/wzukusers/user-22238314/docu…  · Web viewThe purpose of this tutorial is to demonstrate one approach

Embed Size (px)

Citation preview

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