Create Slideshow in Adobe DPS in 10 Easy Steps

Create Slideshow in Adobe DPS in 10 Easy StepsSlideshow is one of my favourite digital publishing features. Adobe DPS allows to create
3 different types of slideshows: with buttons, swipe to change image and auto play. I prefer the first two types, it’s better to let a reader interact with a slideshow by clicking buttons or swiping. 
I’ll show a simple way to create a slideshow in 10 easy steps. 

Create a slideshow with buttons

Step 1. Select all photos (Selection Tool, V Create Slideshow in Adobe DPS in 10 Easy Steps) and Align them (Shift + F7 Create Slideshow in Adobe DPS in 10 Easy Steps).

Create Slideshow in Adobe DPS in 10 Easy StepsStep 2. Open Window > Interactive > Object States.

Create Slideshow in Adobe DPS in 10 Easy Steps  Create Slideshow in Adobe DPS in 10 Easy Steps

Step 3. Create Multi State Object (MSO).

Create Slideshow in Adobe DPS in 10 Easy Steps

Create Slideshow in Adobe DPS in 10 Easy Steps

Step 4. Create 2 arrow icons.

Create Slideshow in Adobe DPS in 10 Easy Steps

Step 4. Create 2 empty frames on top of the icons using Rectangle tool (Digital Magazine Tip: Buttons Target Area)  to increase the target (touchable) area of the buttons. (Read more: How to Increase Button Target Area).

Create Slideshow in Adobe DPS in 10 Easy Steps

Step 5. Open Window > Interactive > Buttons and Forms.

Create Slideshow in Adobe DPS in 10 Easy Steps Create Slideshow in Adobe DPS in 10 Easy Steps

Step 6. Select the first empty frame and convert it into a button.

Create Slideshow in Adobe DPS in 10 Easy Steps
Step 7. Click Actions > Go To Next State.

Create Slideshow in Adobe DPS in 10 Easy Steps

Step 8. If you have several Multi State Objects on a page, choose the “Beetle” MSO.

Create Slideshow in Adobe DPS in 10 Easy Steps

Step 9. Select the second empty frame and convert it into a button.

Create Slideshow in Adobe DPS in 10 Easy Steps  

Step 10. Click Actions > Go To Previous State.

Create Slideshow in Adobe DPS in 10 Easy Steps

Tip: Pay attention to a checkbox “Stop at Last / First State”, if you don’t want to loop the action click on the chackbox N.Tsech 2014-05-02 at 22.12.21.

Preview

Create Slideshow in Adobe DPS in 10 Easy Steps

Works fine!

Create a slideshow (Swiping)

Repeat steps 1-3.

Step 4. Open Window > Interactive > Slideshow.

Create Slideshow in Adobe DPS in 10 Easy Steps

Step 5. Select Auto Play or Swipe to Change Image. You can change Cross Fade Speed.

Create Slideshow in Adobe DPS in 10 Easy Steps

Tip: We use a swipe icon / indicator to point out the action, otherwise the image looks static.

Preview on a device. Works fine, but unfortunately the screencast doesn’t show it properly.

Create Slideshow in Adobe DPS in 10 Easy Steps

Follow me  https://twitter.com/n_tsech  http://www.pinterest.com/MagPlanet/boards/

Advertisements