If you’re unfamiliar with Adobe DPS then I would recommend you to read the introductory post in the series, in order to learn the basics: Adobe DPS Made Simple: Introduction & Building a Basic Folio
. . .
In this Adobe DPS tutorial I’ll demonstrate how to create an image sequence animation using Adobe InDesign and a series of JPGs. I’ll also show you a couple of different ways users can interact with the animation.
Store all the images you intended to animate all in one folder. Here I’ve used the work of Eadweard Muybridge and will animate one of his photo sequences of someone riding a horse. Make sure you number the images in the right animation sequence.
Create a new InDesign document for Digital Publishing. Select the Rectangle Tool (or press M) and draw a frame.
Make sure the newly drawn frame is selected. Open up the Folio Overlays panel (Window > Folio Overlays) and select Image Sequence from the menu. You’ll then be presented with all the options for the animation. For now, make sure these boxes are only ticked: Show First Image Initially, Tap to Play and Loop. This will make an animation that plays when you click or tap onto it and will continue to play.
Press the Preview button and select either for desktop or iPad to test the animation.
Control Animation With Swipe
You can scroll through each image sequence with you fingers by changing the options in the Folio Overlay panel. Just untick Tap to Play/Pause and instead tick both Swipe to Change Image and Stop at First and Last Image.
Hit Preview to see the results and slide your finger slow across the iPad screen (horizontally) to control the animation. If you’re viewing the folio through Content Viewer then do the same with the mouse cursor.
. . .
If you’re interested in learning more about Adobe InDesign, then we offer a range of high quality courses at different proficiency levels, in numerous cities across the UK.