I'm building a simple recipe app using InDesign CS6, using the Digital Publishing tools.
On one page I applied an animation, "fly in from bottom" to an object.
When I eventually build the folio and view it on my ipad with the Adobe Content Viewer, the animation does not work on that page.
I've watched a couple tutorials on how to use the animation tools, how to set the path, etc. but none of them mention any other steps for getting the animation to work once you build the folio.
Am I missing something?
I ended up creating the animation in photoshop and exporting it to use as an image sequence in DPS.
The image sequence is a box that rises up and fades in, over a background image.
The image sequence is set to show the last image.
Can I make a button to close the last image when tapped to see the full background image? (and then re-open it on tap with a button).
Or is there a way to nest a multi-state object with the image sequence to do this?
Here's a screen shot.
Background image is tomato salad.
Recipe button at bottom goes to next page with text.
The Two Quick Steps box is the image sequence, the last image is showing. It rises from bottom and fades into view.
I want to be able to tap the minus-sign in the box to close and have a plus-sign button to reopen.
I know how to make the buttons, etc. and I know how to make multi-state objects.
Maybe the Two Quick Steps box should be a slide show. I could use a set of images that fade into view (the rising up part of the image sequence is cool though) and then have buttons to open close?
Hope that makes sense!
Thanks for your help - much appreciated!
Try a three state MSO. First state auto plays the image sequence and has a button over it which goes to the next state that only has the plus sign. Put a button in there that goes to a third state that has a static image of the "two quick steps."
Is there some order I should assemble this in?
Background image with image sequence and button. All on one layer. Should they be on separate layers?
When I preview on the ipad the image sequence plays fine. Haven't added the button functionality though.
But when I go to assemble into Object states it looks like this:
Should the states be reorderd for it to work? I've tried that to no effect.
When I go to the image sequence preview in the overlays panel, it no longer works when I preview on my ipad? Not to mention, I've selected three objects, the background, image sequence, and button, but it shows 4 objects in the object state panel.
Am I doing something fundamentally wrong here?
Okay, I'm gonna try helping out on this.... I don't think layers have any effect on this, or at least I haven't noticed they do, the just help keep you organized and maybe for arrangment...
You can just lock the background, it isn't involved, it is just the background.
1. Make your button to open/start the sequence and make your finished state and an empty box. In this case the button the button is just a text frame. The finished state is a shape, text frame and two lines grouped (to make an "x" for the close button). In your case it will be your image sequence and the button to close it. Have all the elements of the finished state grouped.
2. Select both groups. In the object states panel, hit the new button. you should now have a multistate object with two states. One empty state and one state with your sequence, etc..
3. Now select your open button. In the button panel, choose the add action button "+" and choose Got to State (or go to next state) and make sure the object is the multistate object you just created. For the state, choose the state with your sequence.
4. Now select your multistate object. In the object states panel choose the state with your image sequence and close button. Select your close button. Go to the buttons panel and add an action to go back to the empty state.
Test it out, it should work fine now. I don't have an image sequence handy, but you may have to mess with the autoplay settings, etc. but it should work just fine.
Notes of interest: As buttons display only as raster on an iPad, I find it best to make a clear button on top of the button graphic. That way the button can be vector. and the clear box becomes raster.
I really, really reccomend watching some of the videos on Adobe TV, they explain and review a bunch of this. Also, there is an app called DPS Tips App by Bob Bringhurst for free on the Apple Store, he explains all the goodies quite well. You can also use Wallaby to convert indesign animation to flash and then HTML5, but that gets more complicated and it can also have a load delay. Good Luck!