Skins

  1. Captivate User Guide
  2. Introduction to Captivate
    1. What's New in Adobe Captivate
    2. Adobe Captivate System Requirements
    3. Download Adobe Captivate
    4. What's New in Adobe Captivate (2019 release) Update 5
    5. What's New in Adobe Captivate (2019 release) Update 2
    6. Adobe Captivate Release Notes
    7. System requirements and download instructions for Adobe Captivate Draft
    8. Responsive Project Design with Adobe Captivate
  3. Create Projects
    1. Create different types of projects in Adobe Captivate
    2. Customize the size of an Adobe Captivate project
    3. Responsive Project Design with Adobe Captivate
    4. Create Virtual Reality (VR) projects
    5. Work with responsive text in Adobe Captivate
    6. Work with themes in Adobe Captivate
    7. How to apply view specific properties in responsive projects
    8. How to create backup files for Adobe Captivate projects
    9. Asset panel
    10. Create branching and forced navigation in Captivate
    11. Replace image on the stage
  4. Add and Manage Objects
    1. Work with multi-state objects in Adobe Captivate
    2. Object effects
    3. Insert web objects in Adobe Captivate projects
    4. Work with object styles in Adobe Captivate
    5. How to rotate objects in Adobe Captivate
    6. Resize and reposition objects by pixel
    7. How to manage objects with the Main Options toolbar
    8. How to merge objects in a slide
    9. How to manage objects in the library
    10. How to group objects in Adobe Captivate
    11. Edit object information using the Advanced Interaction panel
    12. How to copy, paste, and duplicate objects in Adobe Captivate
    13. Control the visibility of objects
    14. How to change the display order of objects in Adobe Captivate
    15. Apply shadows to objects
    16. How to align objects in Adobe Captivate
    17. How to add reflection to objects in Adobe Captivate
    18. Import assets into a Captivate project
  5. Slides
    1. Add slides to an Adobe Captivate project
    2. Editing slides in an Adobe Captivate project
    3. Delete Adobe Captivate project slides
    4. Change slide order in Adobe Captivate
    5. Set slide properties in Adobe Captivate
    6. Add and convert slide notes to audio files with Adobe Captivate
    7. Set up knowledge check slides in Adobe Captivate
    8. How to add slide transitions in Adobe Captivate
    9. How to work with master slides in Adobe Captivate
    10. How to lock Adobe Captivate slides
    11. How to hide or exclude slides in an Adobe Captivate project
    12. How to group and ungroup slides in Adobe Captivate
  6. Timeline and grids
    1. Use rulers and guides
    2. Work with grids in Adobe Captivate
    3. Work with the timeline
    4. Shortcut keys in Adobe Captivate
    5. Working with the filmstrip
    6. How to customize the Adobe Captivate workspace
    7. How to use the Adobe Captivate Library
    8. How to use the Branching panel in Adobe Captivate
  7. Create Quizzes
    1. Insert question slides in Adobe Captivate projects
    2. Set quiz preferences for Adobe Captivate
    3. How to enable learners to submit all quiz responses simultaneously
    4. How to set up question slides with Adobe Captivate
    5. Using random question slides in Adobe Captivate
    6. How to allow users to return to quiz
    7. Import questions from CSV format files
    8. Import questions from GIFT format files
    9. How to insert pretests in Adobe Captivate
  8. Audio
    1. How to insert audio into an Adobe Captivate project
    2. How to preview audio in Adobe Captivate
    3. How to edit audio files with Adobe Captivate
    4. View audio details in Adobe Captivate
    5. Set audio recording preferences and recording audio
    6. How to export audio from Adobe Captivate
  9. Video
    1. Slide videos
    2. Work with event videos in Adobe Captivate
    3. Differences between events and synchronized videos in Adobe Captivate
  10. Interactive Objects
    1. Add interactive buttons to your Captivate projects
    2. Create click boxes in Adobe Captivate
    3. Add text entry boxes with Adobe Captivate
    4. How to add audio to boxes and buttons
    5. How to add JavaScript to boxes and buttons in Adobe Captivate
  11. Interactions
    1. Create learning interactions in Adobe Captivate
    2. Create drag-and-drop interactions in Adobe Captivate
    3. How to configure widgets and interactions in Adobe Captivate
    4. Use Adobe Captivate variables in widgets
    5. Set the properties of widgets with Adobe Captivate
    6. How to create static, interactive, and question widgets in Adobe Captivate
    7. How to add widgets to your Adobe Captivate project
  12. Non-interactive objects
    1. Create and edit smart shapes
    2. Edit and create text captions with Captivate
    3. How to use images and rollover images with Captivate
    4. How to customize smart shapes in Adobe Captivate
    5. How to create zoom areas in Adobe Captivate
    6. How to set audio for noninteractive objects
    7. How to create rollover slidelets in Adobe Captivate
    8. How to create rollover captions in Adobe Captivate
    9. Change mouse properties in Adobe Captivate
    10. Use highlight boxes in Captivate
    11. Work with swatches in Adobe Captivate
    12. Fix size and position of non-interactive objects
    13. Add animations to a Adobe Captivate project
  13. Advanced Editing and Project Reviews
    1. How to link Adobe Captivate projects
    2. Import, export, and delete content
    3. Skins
    4. Create accessible projects in Adobe Captivate
    5. Create a table of contents (TOC) with Adobe Captivate
    6. Resize Adobe Captivate projects
    7. Projects and project preferences
    8. How to preview projects in Adobe Captivate
  14. Variables and Advanced Actions
    1. Adobe Captivate variables
    2. How to create user-defined variables in Adobe Captivate
    3. Advanced actions in Adobe Captivate
    4. Shared actions in Adobe Captivate projects
    5. Edit or delete user-defined variables in Adobe Captivate
    6. How to assign advanced actions to an event
  15. Record Projects
    1. Create interactive videos
    2. Automatic and manual recording with Captivate
    3. Set recording preferences in Adobe Captivate
    4. Record video demonstrations with Adobe Captivate
    5. How to record software simulations in Adobe Captivate
    6. How to pause recording
  16. Publish Projects
    1. Preview and publish responsive projects
    2. Publish project to Adobe Captivate Prime
    3. Publish projects as HTML5 files with Adobe Captivate
    4. Publish projects as executable files
    5. Publish projects as MP4 files with Adobe Captivate
    6. Set publishing preferences in Adobe Captivate
    7. Using web fonts from Adobe Fonts in Adobe Captivate
    8. Report quiz results to an internal server
  17. Use Adobe Captivate with Other Applications
    1. Import and edit PowerPoint presentations in Captivate
    2. Upload an Adobe Captivate project to a Learning Management System
    3. Learn about the Common JavaScript interface for Adobe Captivate
    4. How to publish Captivate projects to Microsoft Word
    5. Using Adobe Connect with Captivate
    6. How to add Captivate projects to a RoboHelp online help system
    7. How to package multiple SCOs using the Adobe Multi-SCORM Packager
  18. Troubleshoot Adobe Captivate
    1. Early build for Captivate (2019 release) on macOS Big Sur (macOS 11)
    2. Hotfix for VR content not playing on devices
    3. Configure SSL for Live Preview on Devices
    4. Captivate (2019 release) activation issues on macOS Catalina
    5. Captivate responsive courses will not auto-play on browsers
    6. Issues with Asset panel in Adobe Captivate (2019 release)
    7. Error 103 while installing Adobe Captivate
    8. Issues when previewing a Captivate project

 

Adobe Captivate is shipped with a default set of skins. You can create a customized skin by changing the various options in the Skin Editor and saving the changes as a theme. Skins in Adobe Captivate include the following elements: playback controls, border, and table of contents.

Playback controls

The playback controls, consisting of a playbar and a progress bar, allow users to control the movie when it is played. The playbar displays buttons that control the movement of a movie. The progress bar tracks progress through the movie, showing the location of the current slide.

You can change the appearance of playback controls using the Skin Editor (Project > Skin Editor). You can customize the following options for playback controls:

Show Playback Control

Allows you to enable or disable the display of playback control options for users when the movie is played.

Hide playbar in quiz

Allows you to hide the playbar on question slides.

Note:

Playbar is always hidden on pretest question slides.

Playbar Overlay

Allows you to place the playbar on top of the content. The playbar does not occupy any extra space. This option is useful if you want to keep the size of the movie as desired by the author.

Position

The position of the playbar with respect to the movie. You can place the playbar at any of the four sides of the movie.

Layout

The alignment of the toolbar with respect to the movie. You can center the playbar controls, align them to left or right, or stretch them across the width of the movie.

Play/Pause

Allows your users to pause and resume the project.

Rewind

Replays the movie starting from the first slide.

Forward

Moves the playhead to the next slide.

Closed Captioning

Displays closed captions in your project. Use the Closed Captioning Settings dialog box to change the appearance of text in the closed captions.

Back

Enables users to go back to the previous slide.

Close

Allows users to exit the project. This button is important for full-screen projects because it allows the user to close the window quickly.

Mute

Allows users to turn off the audio.

Progress bar

Allows users to see their progress as they move through the project. They can also move back and forth in the project by dragging the playhead on the progress bar.

Fast Forward

Helps users to play the movie at twice or four times the normal speed.

Alpha

Indicates the transparency of the background color of the playbar.

No Tooltips At Runtime

Allows you to disable tool-tips if you think they do not fit the style of your presentation.

Theme

By default, the values of the settings in the Theme section are inherited from the theme currently applied to the project.

Playbar

Consists of buttons that control the movie when it is played. The Playbar menu lists the available skins for playbars in Adobe Captivate.

Playbar Two Rows

Displays the progress bar and playback controls in separate rows.

Playback Colors

Indicates the colors used for various parts of the playbar. Click the boxes to change the colors.

Note:

When you save the theme of the project (Themes > Save Theme), changes to the theme settings in the Skin Editor too are saved.

Project border

You can specify the style, size, texture, and width of the border around your project using the Skin Editor dialog box.

Show Borders

Allows you to enable or disable the borders for the movie. The buttons represent the sides of the project window to which you want to add borders. You can have borders on any combination of sides.

Style

Determines the shape of the border edges. You can choose to have a border with sharp or rounded edges.

Texture

Allows you to choosing an image for the texture of the borders. when you choose a texture, the color settings for the borders are overridden. To choose a specific color for your border, select None from the Texture list.

Width

Displays the thickness of the project border.

Color

Displays the color of the project border. You can use the color palette or use the eyedropper to select and copy a color on your screen.

HTML Background Color

Displays the color for the background area around the project.

Custom Flash playback controls

You can create custom Flash playback controls for your project.

When creating custom SWF playback controls, follow these guidelines:

  • Store the source FLA file of the skin in the following location: C:\Program Files\Adobe\Adobe Captivate <version_number>\Templates\PlaybackFLA.

  • Do not change the control names or symbols.

  • The playbar must be present on the Stage with the instance name pbcBar_mc.

  • The playbar must have the cpPlaybar identifier in the Library.

  • The Export For ActionScript option must be selected for cpPlaybar in the Library.

  • The actions at the action layer must not be changed.

  • Store All Buttons must be stored at the Library root.

  • Do not change the registration points. The registration point for every symbol is at the center (important for editing), except for the following symbols:

    • - icoProgress (upper-left)

    • - icoThumb (top-center)

    • - icoThumbBase (upper-left)

     

  • Store the published SWF file of the skin in the following location:

    <Installation Directory> \Gallery\Widgets\Playbars; /Applications/Adobe Captivate <version_number>/Gallery/Widgets/Playbars (on Mac OS). The Skin Editor picks the file from this location.

Flash button-naming conventions

Each SWF button contains three layers: a button, an icon, and an action layer.

The SWF filename consists of the following elements:

  • Acronym for playback control (“pbc”)

  • Playback element identifier (“Btn” for button, “Bar” for bar, and so on)

  • Name of the button (“play”).

Previewing skins

You can preview the changes you’ve made to your project skin from the Skin Editor dialog box. Whenever you set the button colors, add or remove menus, or configure the positions of playbars, the preview reflects the changes immediately.

The skin preview displays the first slide of the project. It displays the background image (if present) or the slide color. No objects on the first slide are visible in the skin preview.

Note:

The skin preview is slow if it has a large background image. To overcome this performance issue, when configuring the skins, you can insert a blank slide and set it as the first slide. Then, open the Skin Editor dialog box and configure the skin changes. After making these changes, you can hide the first slide. The next slide that has the background image appears in the skin preview for final viewing.

Save a customized skin

After you have customized the options in the Skin Editor, you can save your customized set of options as a theme. The theme is added to the Skin menu in the Skin Editor. The next time you want to use your customized skin for a project, select it from the menu.

  1. Select Project > Skin Editor.

  2. Customize the settings in the dialog box according to your preferences.

  3. Click the save icon, and enter a name for your theme in the Save As dialog box. Click OK.

The new skin you saved is listed in the Skin list.

More like this

Adobe logo

Sign in to your account