Please enable JavaScript to view this site.

Slides are the foundation of how HelpXplain works. Even if you are working on a single image or screenshot, it is enclosed within a slide. A slide is a virtual rectangle that defines an area of content. In the case of a single image it also defines what will be saved in the static image (PNG, JPG etc.) when you export it.

 

flag_green        Productivity Tip

When making screenshots, use single slides as your screenshot and save them with the right-click Export function.

The first slide defines viewport dimensions

By default, the dimensions of the first slide in your Xplain define the dimensions of the "viewport" in which everything will be displayed. See Size & Background for full details on this.

The first slide defines the viewport

The first slide defines the viewport

All new slides will initially have the same dimensions as the first slide, but you can change the dimensions of individual slides if you wish. When the Xplain plays the contents of those slides will then be scaled in or out to fill the window when that slide is displayed, with a zoom effect if you are using animated transitions. Similarly you can also rotate slides on the canvas. Then the contents of those slides will be rotated into view when the slide is displayed.

Applying settings to multiple or all slides

You can apply settings to all slides by selecting the Slides Overview in the Slides list on the left.

select_all_slides

1.Select Slides Overview at the top of the Slides list on the left.

2.Click in the canvas editing area where the slides are shown.

3.Press CTRL+A to select all slides or use SHIFT+Click to select multiple slides one after another.

4.Choose the settings you want to change in the Properties pane on the right.

Creating new slides

You create new slides with the New Slide tool in the Home tab. The tool provides several options for creating new slides with different content and functions.

slideshow_newslide

Blank

Just create an empty new slide.

Picture:

Select a picture and insert it in a new slide.

Screenshot:

Make a screenshot and insert it in a new slide.

Templates:

Slides with a variety of content to get you started.

Zoom-In Slide:

This is a slide that is added inside another slide to define content that will be zoomed in on when the animation plays. Only available when another slide is selected in the Slides list on the left.

Duplicate Slide:

Creates a copy of the currently selected slide.

Overview Slide:

Creates a slide that encloses all the other slides on the canvas. This enables you to provide an overview of the entire infographic (all the slides on the canvas).

infographic_overviewslide

Important: Create overview slides LAST!

It's best to insert overview slides last, because they need to be positioned so that they "contain" all the other slides on your canvas. This makes it difficult to move them in the slide order without disturbing the other slides.

If you make any changes to the other slides after inserting an overview slide just delete the overview slide and create a new one. Similarly, delete the overview slide and reinsert it in a different position instead of trying to move it in the slide order.

Arranging and positioning and slides

You can arrange, position and resize slides when you select Slides Overview in the Slides list on the left. Then you manipulate the slides in the editor on the right instead of their content. How the slides are arranged affects how they move when your Xplains are displayed, because slides are animated into the display window by moving the canvas behind the window.

workspace_arrangeslides

You can select, move, resize and rotate slides with the mouse. You can also arrange them automatically in a number of patterns in the Size & Background section in the Properties pane on the right, using the Arrange Slides option (grid, horizontal and vertical lines etc).

Renaming slides

If you change the order of the slides you will also want to rename them so that the automatically-assigned names (Slide1, Slide2 etc.) don't conflict with the actual order of the slides. To do this select the slide in the Slides list on the left, then press F2 to edit its name. You can also do this with the slide's item in the Objects list.

Rotation effects and zooming on details with slides

If you rotate a slide on the canvas in your project the contents will be rotated into view when the animation plays.

workspace_editslides1

You can insert slides inside other slides to zoom in on details. For example, if a full image is slide 1 and a detail of it is slide 2, the animation will first show the full image and then zoom in on the detail. The Zoom-In Slide option in the New Slide tool in the Home tab does this automatically.

Slide transitions

Slides transitions and animations are defined in the Position & Timing section in the Properties pane on the right. Select the slide you want to configure in the Slides list on the left first.

slideshow_animate

Save an individual slide as a static image or dynamic SVG

You can save individual slides as a static image or fully-scalable SVG vector image. This is ideal for screenshots, for example. Right-click on the slide in the Slides list and select Export in the context menu. You can copy the current slide to the Windows Clipboard as an image, or export it as a static image or as a dynamic and scalable SVG vector graphics image.

save_singleslide

Save options:

Clipboard: Copies the slide to the Windows Clipboard as a static image

Picture: Save as a static image (PNG, JPG, BMP or TIFF) or an SVG vector image