Adobe Digital Publishing Suite - Manual (Page 94)

Image Sequence overlays
Show First Image Initially
Auto Play
The Image Sequence overlay progresses through a series of images. It allows you to create effects such as rotating an object 360° on the mobile
device.
Use png or jpg image files that have the same root name with ascending suffixes, such as Tower001.jpg, Tower002.jpg, and so on. Make
your image dimensions correspond exactly to the display area on the mobile device, such as 500 x 400 pixels in 72 dpi.
For smooth 360° rotation, use at least 30 images. Using too many images increases the file size unnecessarily. To reduce file size, use JPEG
images compressed in the 50-80% range. Use PNG files only if you want to include transparency.
Do not use a poster (or show the first image) with transparent image sequences. If your source assets include transparent PNG images, the
poster you specify continues to display during the image sequence. One workaround is to create a two-state MSO in which the poster is a
button on the first state that links to the image sequence on the second state.
Create a set of images to be used for the image sequence
You can use a number of different methods to create images of a 3D object. One method is to use Adobe Photoshop® Extended to export an
image sequence of a 3D object. You can use Adobe Flash® Professional or Adobe After Effects® to export frames from an animation or video.
You can also use a 3D authoring application to generate images of a 3D model.
1. Create the source assets for the image sequence object, and place them in a folder.
2. Do one of the following:
Using the Rectangle tool or Rectangle Frame tool, drag to create a placeholder frame.
Place an image that acts as a poster for the image sequence. To avoid skewing, use the same dimensions for the poster image that you
use for the image sequence images. (If you use a poster image, double-tapping the image in the viewer hides the image sequence and
displays the poster.)
3. Select the placeholder object, open the Folio Overlays panel, and select Image Sequence.
4. In the Folio Overlays panel, click the Load Images folder icon, locate the folder containing the images, and click Open.
5. If necessary, scale the frame and its contents to fit in your layout.
6. Specify the following settings in the Folio Overlays panel:
If this option is selected, the first image is used as the poster. Deselect this option if your image sequence
consists of transparent PNG files. If Play In Reverse is selected, the last image is used as the poster.
If this option is selected, the image sequence begins playing when users turn to the page or state on which the sequence
appears.
91