User Guide Cancel

Edit background image in a project

Last updated on Aug 8, 2024

Captivate User Guide
Introduction to Captivate
1. What's New in Adobe Captivate
2. Adobe Captivate System Requirements
3. Adobe Captivate Updates
4. Download Adobe Captivate
5. Frequently Asked Questions
Add a slide
1. Slide navigator in Adobe Captivate
2. Add a conversation slide
3. Add characters to your Adobe Captivate project
4. Edit the background image on a slide
5. Add padding to content blocks and components
6. Create a long scroll project
Add text blocks
1. Add text to a project
Add media blocks
1. Add images to a project
2. Add videos to a project
3. Add quotes
4. Add SVGs to a project
Interactive components
1. Add a button
2. Add an input field
3. Add a radio button group
4. Add a dropdown
5. Add a checkbox
Widgets
1. Add a Card
2. Add Tabs
3. Add a Certificate
4. Add a Carousel
5. Add a Hotspot
6. Add Drag-and-Drop
7. Add a Timeline
8. Add Click to Reveal
Create quizzes
1. Add a Multiple-choice question
2. Add a True or false question
3. Add a Match the column question
4. Add a Short answer question
5. Add a Sequence question
6. Add question pools and random question slides
7. Import questions as CSV
Add audio to a project
1. Add audio
Interactions
1. Add interactions to a project
2. Create interactive video with overlay
3. Create a slide-level interaction
4. Create an object-level interaction
Animations
1. Add animations to a project
Accessibility
1. Make a project accessible
Customize the timeline
1. Timeline panel in Adobe Captivate
Customize TOC and Playbar
1. Table of Contents in Adobe Captivate
Edit project properties
1. Variables in Adobe Captivate
2. Preferences
3. Project dimensions
4. Themes
Create a simulation project
1. Simulation
Preview a project
1. Preview
Share a project for review
1. Share for review
Publish a project
1. Publish your project
Upgrade projects in Adobe Captivate
1. Upgrade projects to the latest version

You can add an image as a background to a card, Content Block, or any widget. After adding an image, you can crop the image to a dimension of your choice.

Follow the steps to edit the background of a slide.

Add an image

Select + in the left toolbar and select Blank.
In the Visual Properties panel, select Image in the dropdown.
Select an image from Assets or on your computer.

Edit the background image

The Image preview panel allows you to preview the background image on different devices, adjust the focus and fit, crop the image using the handles, and choose the type of display for the background.

The image preview panel consists of two parts. On the left, you can see the original image and the options to change the image display and image focus. On the right, you can see the previews for desktop, tablet, and mobile devices.

Follow these steps to edit a background image:

After adding the background image, select the Edit Image icon in the Visual Properties panel.
Crop the image, change the image display type, or the focus on the left, and view the behavior on the right.
Move the handlebars to crop the image to set the focus on the part of the image that is relevant. Adjust the focus to either left, center, or right for the desired background.

Cropping the background image
Select Save. The background image is replaced with the cropped image.

Note:

You can alter the image focus and display types from the drop-downs in the Visual properties panel as well for background images. These changes are also reflected in the image preview panel and vice versa.

Edit background image display and focus from the visual properties panel

Responsive behavior in images

As an author, you can set the focal point of background images on devices to display the essential part of the image across devices.

The focal point of an image refers to the specific area or element designed to be the primary point of visual interest or focus. It captures the viewer's attention, often representing the image's most significant or visually captivating aspect.

In the Display dropdown in the Visual Properties panel, select any of the following:
- Fill: If you select Fill, the image covers the entire slide. This ensures that no empty space is visible in the slide, and the image fills it entirely.
- Fit: If you select Fill, the entire image is visible on the slide. No part of the image is hidden. The aspect ratio of the image is preserved when fitting the image.
- Stretch: If you select Stretch, the image is resized to match the slide's dimensions, irrespective of the image's aspect ratio.
- Original size: If you select Original size, the actual image appears on the slide. The image is shown at full size.
- Tile: If you select Tile, the image appears multiple times to cover the slide. The option creates background patterns or textures. Each instance of the image is placed adjacent to the previous one, filling the container completely.
Note:

The Original and Tile image display types are only available for background images.
If you select Tile, you can increase or decrease the number of tiles on the image by moving the Scale slider.
In the Image focus dropdown, you can determine which portion of an image you want to display on a device. An image on a desktop may not scale as expected on devices. Using the Image focus options, you can display what part of the image (center, right, or left) displays on a device. You can set the focus options only for images with Fill and Original size selected.

Left

Center

Right

Note:

The Image focus option is available for only Fill and Original size.
Move the opacity slider to change the transparency of the image.
Move the Blur, Brightness, and Contrast sliders to blur the image and change the image’s brightness and contrast, respectively.

Note:

The options to apply blur, contrast, or brightness are only available for a slide background.

Move the Blur, Brightness, and Contrast sliders.