December 31, 2020
Workflow to embed Software simulation slides. (Knockout master)
Comments
(9)
December 31, 2020
Workflow to embed Software simulation slides. (Knockout master)
Lieve is a civil engineer (ir) and a professional musician. After years of teaching and research (project management/eLearning/instability) she is now a freelancer specializing in advanced Adobe Captivate as trainer and consultant. Her blog is popular with Captivate users worldwide. As an Adobe Community Professional and Adobe Education Leader, she has presented both online and offline. Since 2015 she is moderator on the Adobe forums and was named as Forum Legend (special category) in the Wall of Fame. In 2017 Adobe Captivate users voted for Lieve as a Top Content Experience Strategist.
Legend 228 posts
Followers: 362 people
(9)

Intro

Recently I posted two sample projects of a Captivate tutorial which is a Training simulation. If you didn’t watch them, click the links:

  1. First version is showing the default software sim slides, where each captured slide covers the full slide. Those slides all use the Blank Master slide, whatever the used Theme. Narration is used to give instructions.
  2. Second version has the same slides embedded in bigger content slides. The extra space is used to show logo and text containers including instructions.

This comparative screenshot for one of the sim slides shows the difference:

This blog offers the step-by-step workflow to create and use a master slide for the embedded sim slides in the second version.

Setup for Embedded sim slides

For this example the simulation slides need to be embedded in a project  with a resolution of 1280×720 pixels. The captured slides were created with a resolution of 1600x900pixels, which is larger than the final resolution.

To embed the sim slides, they need to be rescaled. If the original simulation slides have the correct resolution ready for embedding, you can skip Step 0.

Step 0 in Captivate (only if captured resolution is not correct)

Rescaling the software simulation to 2/3, which leads to a resolution of 1066x600px. You choose the resolution needed for your project, but keep ‘Maintain Aspect Ratio’ and ‘Rescale all objects’.  Those are the default settings.

Step 1 (in Photoshop or other app) – create the Knockout image

In Photoshop I created images on two layers: the first one (FullTexture’ will be used for normal content slides, the second one is the ‘Knockout’ image which has a transparent part.  Size of the file is same as the end resolution (1280×720). I used one of the provided textures in Photoshop as Fill. In the second layer I deleted a rectangle of 1066x600px to create a ‘knockout’ part in which the sim slides would fit. You see the size of the margins (with texture) in the screenshot: to the left – a vertical bar with a width of 200pixels, to the right one with a width of 14px; at the top another with a height of 90 pixels and a the bottom a bar with a height of 30 pixels.
You can import the Photoshop file, and will have both layers as PNG images. See ‘Roundtripping with Photoshop‘.
You can use another graphics application if you cannot use Photoshop. You could also create a freeform filled shape in Captivate, start with the hexagon, which has 6 points.

Step 2 (in Captivate)

Some maths to start with:
  1. calculate the difference between the widths of the vertical bars:     200 – 14 = 186 pixels
  2. new width project will be 1066 + 186 = 1252 pixels
  3. calculate the difference between the heights of the horizontal bars:   90 – 30 = 60 pixels
  4. new height project will be 600+ 60 = 660 pixels
Rescale the project using these settings:
  • deselect ‘Maintain aspect ratio’ and introduce the new dimensions
  • under ‘New Size is Larger’, select ‘Keep project the same size and position project Bottom Right; I choose this because the bottom bar and the right bar have the smallest dimension; you can choose another option if your smallest margins are elsewhere.
The result will look like this:

Step 3 (in Captivate)

 Rescale now to the final size, for this example to 1280×720 pixels, with settings:
  •  deselect ‘Maintain aspect ratio’ and introduce the final dimensions
  • under ‘New Size is Larger’, select ‘Keep project the same size and position project Center
After this rescale of the project it will look like this:

Step 4 (in Captivate): Master slides

 In the original blog post it was possible to create a master slide which is partially transparent, but that is no longer possible in the present versions with the Themes (new since Captivate 6).  Here is the master slide panel, where you see some master slides of the custom Theme ‘Knockout’ which I created:

I used the two imported PNGs from the Photoshop file to create:

  1. The Main master slide, where the FullTexture image is set as background image. You see the setup in the Properties panel:
  2. Based on that Main master slide, I created some content master slides. You see acouple of them in the master slide panel above (Title, Light). The Blank master slide always has to remain Blank, it is not using the Main master slide.
  3. The Knockout master slide. You cannot use the KnockoutTexture image as was done in the Main master slide, it needs to be a separate image as you can see in the Timeline and in the Properties panel. I added some objects and placeholders:

Step 5: Apply Knockout to simulation slides

Up till now the simulation slides used the Blank master slide. Change the master slide to the Knockout Master slide. It is very important that you do NOT check the option ‘Master slide objects on top’, because you’ll lose the textured parts of the image

.

9 Comments
2021-06-02 04:17:44
2021-06-02 04:17:44

Thank you for sharing!

Like
(3)
(1)
>
joaquinrodolico
's comment
2021-06-02 07:11:33
2021-06-02 07:11:33
>
joaquinrodolico
's comment

You’re welcome, glad that it can help you in the development.

Like
(1)
2021-04-27 16:13:46
2021-04-27 16:13:46

Precise and details

Like
(2)
2021-04-27 16:13:11
2021-04-27 16:13:11

Great..Thanks

Like
(3)
2021-04-13 15:38:58
2021-04-13 15:38:58

Thanks, I really needed this one.

Like
(3)
(1)
>
mahtabn67697795
's comment
2021-04-14 07:18:09
2021-04-14 07:18:09
>
mahtabn67697795
's comment

Glad it can help you!  Software simulations is still one of the much used features of Captivate. This type of workaround should have been built in, but that is of course my personal opinion. At least Captivate is flexible enough to allow these workarounds.

Like
(1)
2021-03-11 16:12:00
2021-03-11 16:12:00

such a great post

Like
(3)
2021-01-17 21:52:58
2021-01-17 21:52:58

Another great post!

Like
(3)
(1)
>
farukerdogan
's comment
2021-03-14 09:50:59
2021-03-14 09:50:59
>
farukerdogan
's comment

Only a new version of a older post, which is still viewed regularly. I find that so amazing to see users visiting 10 years old blogs about an application…

Like
(1)
Add Comment