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.

Image Sequence
Create a set of images to be used for the image sequence

Note:

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:

    Show First Image Initially

    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.

    Auto Play

    If this option is selected, the image sequence begins playing when users turn to the page or state on which the sequence appears.

    Tap To Play/Pause

    When selected, this setting lets users tap to play and pause the image sequence. Double-tapping resets the object.

    Delay

    If Auto Play is selected, you can specify the time that elapses between loading the page and the start of the image sequence. Specify a value from 0 to 60 seconds.

    Speed

    Change the speed of the object’s progression in frames per second. The minimum value is 1 (1 frame per second) and the maximum value is 30.

    Play _ Time

    If either Auto Play or Tap To Play/Pause is selected, you can specify the number of times the image sequence plays. This option is dimmed if Loop is selected.

    Loop

    If either Play On Page Load or Tap To Play/Pause is selected, you can select Loop to play the image sequence continuously. Double-tapping the slideshow or turning the page stops the sequence.

    Stop At Last Image

    If either Auto Play or Tap To Play/Pause is selected, select Stop At Last Image to stop at the last image of the sequence instead of the first.

    Swipe To Change Image

    When enabled, this setting lets the user swipe to move forward or backward through the images.

    If Swipe To Change Image is not selected, select either Auto Play or Tap to Play/Pause to make the image sequence interactive.

    Stop at First/Last Image

    You can determine whether the object stops playing or continues when the last image is reached going forward or the first image is reached going backward. This option affects only swiping.

    Play In Reverse

    When enabled, the image sequence plays the images in reverse order.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy