Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes
I have a 1-page InDesign ad that I have the animation working perfectly. However, I want it to start with a blank page with a "start button" that starts the animation, and disappears after clicking
in how_to by (120 points)
  

1 Answer

0 votes

There are a few approaches that you could take:

  • Apply animation to the button and have it and the animation on just on 1 page:
    1. Add your start button to the first page.
    2. Apply the Disappear animation preset to the button.
    3. Set the Visibility to Hide After Animating.
    4. Apply an action to the start button for Animation to play the animation for the button.
    5. Apply the animation to the other content on the same page with the Visibility set to Hide Until Animated.
    6. Remove the On Page Load event from the second animation so that it only has the On Release event.
    7. Export with the Output set to Google Ad.
       
  • Apply animation to the button and have it and the animation in a multi-state object (MSO):
    1. Add your start button.
    2. Apply the Disappear animation preset to the button.
    3. Apply an action to the start button for Animation to play the animation for the button.
    4. Apply the animation to the other content.
    5. Select both the button and the animated content and in the Object States panel, click the Convert Select to Multi-state Object button.
    6. Apply a second action to the start button to Go To Next State.
    7. Set the event for the second animation to On State Load.
    8. Export with the Output set to Google Ad.
       
  • Make a Google Ad that is 2 pages using the Slider (Fade In) Page Format:
    1. Add your start button to the first page.
    2. Apply an action to the button to go to the next page.
    3. Apply your animation to the second page and make sure that its event is set to On Page Load.
    4. Export with the following settings in the Basic section of the Export HTML5 with in5 dialog (in5 > Export HTML5 with in5... or in5 > Easy Export Wizard... and click the Advanced button).
      • Page Format: Slider (Fade In)
      • Output: Google Ad
         
  • Make a Google Ad that is 2 pages with an animated button:
    1. Add your start button to the first page.
    2. Apply the Disappear animation preset to the button.
    3. Apply an action to the start button for Animation to play the animation for the button.
    4. Apply a second action to the button to go to the next page.
    5. Remove the On Page Load event from the Disappear animation preset so that it only has the On Release event.
    6. Apply your animation to the second page and make sure that it is set to On Page Load.
    7. Export with the Output set to Google Ad.
by (19.8k points)