adobe captivate: the swiss army knife of visual help authoring
DESCRIPTION
Presented by Neil Perlin at Documentation and Training West, May 6-9, 2008 in Vancouver, BC. For years, software training was largely text-based… add screen shots in a document, add some text with descriptions and instructions, and voila! The result worked, but how much more effective might it be if someone actually walked you through the steps on the screen? That’s where Adobe Captivate comes in, letting you create that someone.The primary use of Captivate is to help capture what’s on the screens as you perform a software-based task, such as using a feature in Word. That series of screen shots is effectively a set of frames that users can play back as a movie that shows how to perform the task. To make the movie more useful, you can add explanations and instructions in text or audio form, special effects, even interactivity features that let simulate real software operations. With these features, Captivate lets you create demonstrations, sales training simulations, marketing presentations, tutorials, even fairly sophisticated e-learning. With a few tweaks, you can even use Captivate as an ad hoc usability test recorder.Captivate movies are Flash-based, but you dont have to know Flash or touch any code. Better still, Captivate is quick and easy to learn compared to traditional CBT authoring tools—two days to get up and running, and cheap —US$700.This workshop presents a quick overview of Captivates basic features in order to provide an overview of the tool as a whole.TRANSCRIPT
![Page 1: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/1.jpg)
Captivate 3:Visual Help Authoring’s
Swiss Army Knife
![Page 2: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/2.jpg)
Seminar Contents
1 – Overview 2 – Planning and Design 3 – Captivate Overview and Screen Capture 4 – Frame “Annotation” Features 5 – Timing Control 6 – Generating Output
![Page 3: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/3.jpg)
Section 1: Overview
![Page 4: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/4.jpg)
What Is Captivate?
A tool for creating online “movies” that demonstrate or interactively simulate software, role-playing, and more.
Almost unlimited in its uses, but some are:– Training and eLearning.
– Marketing.
– Technical support.
– HR-style role-playing simulations.
– Games, manga comic strips(!), etc.
![Page 5: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/5.jpg)
Overview of How It Works
To create a movie, you:– Capture application software screens, or create
separate screens to hold a series of graphics.
– Chain the screens together into a “filmstrip”.
– Add captions, interactivity, and other effects.
– Run the result as a “movie”.
![Page 6: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/6.jpg)
Demonstrations vs. Simulations
Demonstrations – Show how to do a task.– Provide explanations, hint, tips, cues, etc.
– Viewer watches, largely passively.
Simulations – Viewers perform the task.– Provide minimal cues.
– Viewer’s interactivity is defined by the author.
Demonstrations can lead into simulations.
![Page 7: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/7.jpg)
The Main Captivate Screen
![Page 8: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/8.jpg)
Two Demos
Software demonstration/simulation. Role-playing simulation.
![Page 9: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/9.jpg)
Section 2: Planning and Design
![Page 10: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/10.jpg)
Do Some Basic Definitions
Do this before you jump into creating the movie.
It’s quick and pretty simple. It reduces the risk of nasty surprises down
the road. Some quick things to define…
![Page 11: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/11.jpg)
The Goals and Tone
What are the movie’s goals?– Show how to use an application.
– Show how easy an application is to use.» Not the same as showing how to use it.
– Show how to use an application’s features.» “Oh, that’s what a scroll bar is!?”
– Other…
Affects the message and tone.
![Page 12: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/12.jpg)
The Audience
How computer-savvy are they?– How intimidated are they?
– Must you teach first principles?
– What steps can you take for granted?
– How well does they already know the subject?
– How proficient are they in English?
![Page 13: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/13.jpg)
Design – Movie Flow
Assume nothing!– Just because you understand the flow or some
feature doesn’t mean your viewers will.
Plan the flow step-by-step before you start creating the movie.– There are steps you do without thinking until
it’s time to explain them to someone else.
Plan which Captivate features to use. Coordinate with other authors and groups.
![Page 14: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/14.jpg)
Create a Storyboard
Basically a shot list or shooting script. Create it before you start shooting. Each page should describe a frame plus,
perhaps:– Caption text, style, and position.
– Screen areas to emphasize.
– Transitions.
– Etc.
![Page 15: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/15.jpg)
Why Storyboard
To get a shot list to refer to as you create the movie.
To get a record of the shot sequence and effects for reference by your successor.
To help get a buy-off from your client.
![Page 16: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/16.jpg)
Write a Script
If you plan to add audio narration to the frames…
Especially while capturing the frames…
![Page 17: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/17.jpg)
Section 3: Overview and Capture
Overview of the Interface Setting Recording Options and
Capturing Screens
![Page 18: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/18.jpg)
Overview of the Interface
![Page 19: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/19.jpg)
Main Screen – No Project Open
![Page 20: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/20.jpg)
Main Screen - Storyboard Mode
![Page 21: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/21.jpg)
Main Screen - Storyboard Mode
Slide Tasks area lists slide-level features – e.g. a “sub-toolbar”.
Information area lists basic info about the movie.
Working area shows all the frames.– PowerPoint’ish…
![Page 22: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/22.jpg)
Main Screen - Edit Mode
![Page 23: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/23.jpg)
Main Screen - Edit Mode
“Filmstrip” lists all the frames.– Use the filmstrip, or the left and right arrow
buttons in the upper right, to go to a frame.
Working area shows the selected frame. Ancillary toolbars may display on the sides
and/or bottom of the screen.
![Page 24: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/24.jpg)
Main Screen - Edit Mode
Slide Notes pane at bottom of screen offers one way to create notes for the slide.
Library pane lists media objects (images, backgrounds, audio files, animation files) in the project.– You can also select an object to edit directly
from the library.
![Page 25: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/25.jpg)
Main Screen - Branching Mode
![Page 26: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/26.jpg)
Main Screen - Branching Mode
Properties – To specify slide navigation. Legend – Defines the icons. Working area – Shows the navigation
between each slide.– Double-click a slide to open it in Edit mode.
– Hover over the slide connector arrows to list the Reporting options on the Properties tab.
– Lets you specify whether and how the slide being exited will be reported.
![Page 27: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/27.jpg)
Setting Recording Options and Capturing Screens
![Page 28: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/28.jpg)
Overview
Setting recording options lets you specify such things as:– The area of the screen to record.
– Whether to record automatically or manually.
– Recording templates.
![Page 29: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/29.jpg)
New Project Options Dialog Box
![Page 30: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/30.jpg)
New Project Options Dialog Box
To set the screen capture area:– Application – Captures the window in which a
selected application is running.» Start the application and set its window size before
starting the new movie project.
» You can modify the capture area if necessary.
– Custom Size – To set a custom size or position.» To capture a custom screen area or an application
whose screen area may change.
» Your best bet for consistency in multiple movies.
– Full screen – Captures the entire screen.
![Page 31: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/31.jpg)
Settings Dialog Box
If you selected the Application option, you’ll see this settings box:
Other options offer slightly different settings boxes.
![Page 32: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/32.jpg)
Settings Dialog Box
Select… window… – The app to record. Snap to fit – Snaps the recording area
around the app window. Recording mode – To select the template(s)
under which to record the movie. Record Narration – To record narration as
you create the movie. Settings – To open the Preferences dialog
box. Record – To start recording.
![Page 33: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/33.jpg)
Preferences Dialog Box – Settings Tab
![Page 34: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/34.jpg)
Preferences Dialog Box – Settings Tab
Recording Type – To capture automatically or manually (by pressing a capture key).
Record… real time – Self-explanatory. Hear camera… – To generate a shutter-
click as you capture a screen. Record keystrokes – To record keystrokes
typed while recording a movie. Hear keyboard… – To add key tap sounds.
![Page 35: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/35.jpg)
The Recording Area Box
![Page 36: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/36.jpg)
The Recording Area Box
The red box outlines the area to capture.– To move the box manually:
» Put the pointer anywhere on the border except a grab handle and drag the pointer.
– To resize the box manually:» Non-proportionally – Drag a side grab handle.
» Proportionally – Drag a corner grab handle.
– To move and resize automatically:» Select the Snap to Fit or equivalent option.
![Page 37: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/37.jpg)
The Screen Capture Process
When you finish making the settings, click the Record button on the settings box.
You’re now recording…
![Page 38: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/38.jpg)
Movie Preview Options
Play this slide – Plays the current slide.– Only available in Edit mode.
– Can also press F3 or the spacebar
Project – Plays the entire movie. From this slide – Plays from the current
slide to the end. Next 5 slides. In Web Browser – Plays the entire movie
in the default browser.
![Page 39: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/39.jpg)
Exercise 1: Capture Frames
![Page 40: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/40.jpg)
Section 4: Frame “Annotation”
Text Captions Highlight Boxes Inserting and Moving Frames Images Text Animation
![Page 41: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/41.jpg)
Text Captions
![Page 42: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/42.jpg)
Adding Captions
Captions let you annotate frames to:– Comment on or describe a frame in general.
– Indicate salient points on a frame.
– Give instructions to the viewer.
![Page 43: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/43.jpg)
A “Comment” Caption
![Page 44: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/44.jpg)
An “Instructional” Caption
![Page 45: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/45.jpg)
New Caption Dialog Box – Text Caption Tab
![Page 46: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/46.jpg)
New Caption Dialog Box - Caption Styles
You can pick various caption types.
![Page 47: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/47.jpg)
New Caption Dialog Box Fields - Caption Styles
Each type has different arrow types, like: Yellow One Haloblue
With the same five direction arrows. Use a type and arrow that give the look you
want and emphasize the desired direction.
![Page 48: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/48.jpg)
New Caption Dialog Box Fields
Font, size, text color, highlight color, text enhancement, horizontal/vertical position, numbered/bulleted list, and insert symbol – like Word.
![Page 49: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/49.jpg)
New Caption Dialog Box – Options Tab
![Page 50: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/50.jpg)
New Caption Dialog Box – Options Tab
Display for – Displays the caption for a set time, rest of the slide, or rest of the project.
Appear after – The delay before displaying. Transition – To make the caption fade in,
out, both, or neither. In/Out – Fade in/out duration.
![Page 51: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/51.jpg)
New Caption Dialog Box – Audio Tab
![Page 52: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/52.jpg)
New Caption Dialog Box – Audio Tab
Run/Stop/Delete – Self-explanatory. Edit – Opens Captivate’s audio editor. Record New – Self-explanatory. Import – Self-explanatory. Select Audio from Library – Lists audio
files already in the movie. Settings – Displays the Audio Settings
dialog box. Fade In/Fade Out – Self-explanatory.
![Page 53: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/53.jpg)
Moving and Resizing a Caption
To move – Click on the caption, hold down the mouse button, and drag.
To resize – Click and drag any corner or side grab handle.
![Page 54: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/54.jpg)
Changing Caption Properties
To change a caption’s properties:– Double-click the caption, or
– Right-click the caption and select Properties, or
– Click the caption and click the Properties icon on the toolbar.
Each option opens the Text Caption dialog box.– Identical to the New Caption dialog box.
![Page 55: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/55.jpg)
Changing Caption Text Properties
Highlight the desired text and change the desired property.
Property changes stick from caption to caption until you change them again.
Tip – To select a paragraph, triple-click any word in the paragraph.
![Page 56: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/56.jpg)
Exercise 2: Text Captions
![Page 57: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/57.jpg)
Highlight Boxes
![Page 58: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/58.jpg)
Overview of Highlight Boxes
Draws a box with a colored border and fill around a part of the screen to be visually emphasized.– For example…
![Page 59: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/59.jpg)
New Highlight Box Dialog Box
![Page 60: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/60.jpg)
New Highlight Box Dialog Box – Highlight Box Tab Fields
Frame Color, Fill Color, Frame Width, Fill Transparency, Fill Outer Area – To set the color and thickness of the frame, and the color and transparency of the fill.
The Options, Audio, and Size and Position tabs are like those for a new text caption.
![Page 61: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/61.jpg)
Exercise 3: Add Highlight Boxes
![Page 62: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/62.jpg)
Inserting and Moving Frames
![Page 63: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/63.jpg)
Insertable Frame Types
After creating a movie, you can insert:– Blank slide – Blank slide.
– Question slide – Slide containing a question.
– Random Question slide – Slide containing a question taken at random from a question pool.
– Image slide – Slide and image simultaneously.
– PowerPoint slide – One or more slides from a PowerPoint presentation.
– Animation slide – Slide and animation simul-taneously.
![Page 64: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/64.jpg)
Inserting Slides
To insert slides except PowerPoint slides, click on the slide on the filmstrip after which to insert the new slide(s).
What if you insert a slide in the wrong place or need the new slide in position 1?
![Page 65: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/65.jpg)
Moving Slides
To move one slide, click on it and drag it up or down the filmstrip.
To move multiple slides, multi-select and drag them all up or down the filmstrip.
![Page 66: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/66.jpg)
Adding Images
![Page 67: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/67.jpg)
Overview of Images
You can add images to frames for use as frame elements or as a background.
You control when an image appears, how long, transitions, etc.
Once you add an image, you can resize it, move it, or add it to the frame background.
![Page 68: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/68.jpg)
New Image Dialog Box
![Page 69: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/69.jpg)
New Image Dialog Box Fields
Transparency – The higher the number, the more transparent.
Transparent background – Make the image background transparent.– To create irregularly shaped images.
Reset… – To reset the default image size. Select… library – To use an image already
in the project. Import – To use a different image.
![Page 70: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/70.jpg)
Image Alignment Control
Two image alignment features:– Select View > Show Grid and align the images
by eye.
– Select 2+ images to align, then use the align-ment toolbar, shown here at the bottom of the screen.
![Page 71: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/71.jpg)
Exercise 4: Work With Images
![Page 72: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/72.jpg)
Text Animation Frames
![Page 73: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/73.jpg)
What Are Text Animation Frames?
Frames with animated text. (Duh…) Typically used for title slides, but can also
serve as section dividers. Effects can include:
– Text effects – font, size, color, etc.
– Background images.
– Animation effects, from subdued to tasteless.
![Page 74: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/74.jpg)
Text Animation Dialog Box
![Page 75: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/75.jpg)
Text Animation Dialog Box – Text Animation Tab
Effect – Click an effect to preview it. Text – The actual title text. Change Font – Self-explanatory. Transparency – Self-explanatory. Delay – Sets the delay, in frames, between
the appearance of each letter in the title.– Doesn’t seem to affect the overall animation
display time.
![Page 76: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/76.jpg)
Text Animation Dialog Box – Other Tabs
The Options, Audio, and Size and Position tabs are largely the same as those for a new text caption.
![Page 77: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/77.jpg)
Exercise 5: Add Text Animation
![Page 78: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/78.jpg)
Section 5: Timing Control
![Page 79: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/79.jpg)
What’s the Timeline
A visual tool for controlling the timing of and timing relationships between objects on a slide.– Like the timeline feature in Flash.
![Page 80: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/80.jpg)
Main Timeline Elements
1 2 3 4 5 6
![Page 81: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/81.jpg)
Main Timeline Elements
1 – Display arrow/6 – Splitter bar – Click to hide or show the timeline.
2 – Playhead – Moves through the timeline when you run the slide; can be manually moved (“scrubbed”) across the timeline.
3 – Header – Time in tenths of seconds. 4 – Each object on the current slide. 5 – Timeline controls – Stop and play the
timeline, mute or play any audio objects.
![Page 82: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/82.jpg)
Interpreting A Timeline
What does this timeline tell us?
The slide displays for 6.1 seconds.
![Page 83: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/83.jpg)
Interpreting A Timeline
It has two animations (downright, down-left), a highlight box, and a caption.
These four object appear when the slide opens, display for 3 seconds, then close.
![Page 84: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/84.jpg)
Interpreting A Timeline
Mouse movement begins after a 2.5 second delay and continues for 3.6 seconds until the slide closes.
![Page 85: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/85.jpg)
Timing Control
Timing is easy to set but hard to get right.– Don’t go so fast that users feel pressured.
– Don’t go so slowly that users get bored.
Know your users’:– Computer skills.
– Education.
– Native language.
Test.
![Page 86: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/86.jpg)
Controlling Object Duration
Place the pointer on the right edge of an object box until the pointer changes to a double-headed arrow and drag left or right to change the duration.
You can also:– Double-click the object on the timeline, select
the Options tab, change the Display For time.
– Double-click the object on the edit area, select the Options tab, change the Display For time.
![Page 87: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/87.jpg)
Controlling Object Duration
Extending an object’s duration beyond the slide’s duration automatically extends the slide’s duration.
![Page 88: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/88.jpg)
Controlling Object Delay
Put the pointer on an object box until the pointer becomes a hand and drag left or right to change the display delay.
You can also:– Double-click the object on the timeline, select
the Options tab, change the Appear After time.
– Double-click the object on the edit area, select the Options tab, change the Appear After time.
![Page 89: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/89.jpg)
Controlling Object Relationships
Multiple objects on a frame appear on the timeline in the reverse order in which you created them.
The last object created appears on the top line of the timeline.– Like a “stack” of objects, with the first one on
the bottom and the last one on top.
![Page 90: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/90.jpg)
Controlling Object Relationships
To change their display sequence, you can:– Keep their position in the stack but change
their timing and delay.
– Change their position in the stack and change their timing and delay.
– For example…
![Page 91: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/91.jpg)
A Sample Multi-Object Stack
*
![Page 92: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/92.jpg)
A Sample Multi-Object Stack
All objects appear and close at the same time.
Note the reverse order on the timeline. What if you want to change the display
order and timing – have caption 1 display and fade out, then 2, then 3?
![Page 93: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/93.jpg)
A Sample Multi-Object Stack
You can keep their position in the stack but change their timing and delay.
![Page 94: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/94.jpg)
A Sample Multi-Object Stack
Or change their position in the stack and change their timing and delay.
![Page 95: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/95.jpg)
Checking the Results
You can:– Click the timeline’s Play button.
– Press F3.
– Select Preview > Play This Slide.
– Press the spacebar.
– “Scrub” the timeline at your own pace.» Click the Play button, then click the playhead to
“capture” it.
» Or click the time scale to pull out the playhead, then click on the playhead to capture it.
![Page 96: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/96.jpg)
Exercise 6: Control Timing
![Page 97: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/97.jpg)
Section 6: Generating Output
Generating Output
![Page 98: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/98.jpg)
Generating Output
![Page 99: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/99.jpg)
Generating Output
Once you finish creating a movie, generate the final output for distribution.
Select File > Publish or the Publish icon.
![Page 100: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/100.jpg)
Publish Dialog Box
![Page 101: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/101.jpg)
Output Options
Flash (SWF) – Creates a Shockwave Flash file.
Adobe Connect – Publish to an Adobe Connect server.
Standalone – Creates an EXE that does not require viewers to have the Flash player.
![Page 102: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/102.jpg)
Output Options
E-mail – Publish to either SWF, EXE, CP (Captivate), HQX (Mac), or Linux EXE file and send as an email attachment.
Print – Creates a Word DOC file with the frames, captions, and various other objects.
FTP – Uploads the movie to a web site.
![Page 103: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/103.jpg)
Flash (SWF) Output Dialog Box
![Page 104: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/104.jpg)
Flash (SWF) Output Dialog Box
Project Title – Output file name. Folder – Folder to contain the movie. Zip – Zips together question score data and
content for delivery to an LMS. Full screen – Displays the movie full screen. Generate Autorun…– Creates a file to run
the movie automatically in a CD drive. Flash Player Version – The users’ Flash
player version.
![Page 105: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/105.jpg)
Flash (SWF) Output Dialog Box
Export HTML – Creates an HTM file with the same name as the movie.– To run the movie, create a link to the HTM.
…PENS… – An LMS option. Project Information – Other info, settings.
– You can modify blue settings right here.
Preferences button – Opens the Preferences dialog box.
Publish button – Self-explanatory.
![Page 106: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/106.jpg)
Exercise 7: Generate the Output
![Page 107: Adobe Captivate: The Swiss Army Knife of Visual Help Authoring](https://reader035.vdocuments.site/reader035/viewer/2022062418/55578dc7d8b42aa3378b4b03/html5/thumbnails/107.jpg)
Thank you!
Please fill out the evaluation before you leave!