Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Animated text boxes using buttons and animation

New Here ,
Apr 05, 2023 Apr 05, 2023

Hi, I want to make an animated infographic with buttons that use fade in/fade out to show/hide text boxes directly in front of and behind each other (see attached). I can't figure out how these buttons and animation features work in InDesign. Thanks!

TOPICS
EPUB , How to
647
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 05, 2023 Apr 05, 2023

If you're planning a PDF stop right now. You'll never get this to work satisfactorily. If you're going for fixed layout epub or publish online, you'll want to do this with a multi state object instead.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 05, 2023 Apr 05, 2023

Epub/publish online was the plan. So, how do I accomplish this with multi-state objects?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 05, 2023 Apr 05, 2023

Do you want to move and fade each button? Here is link to demonstrate in Publish Online 2 buttons that will just fade in and out.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 05, 2023 Apr 05, 2023

Indesign docment attached.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 07, 2023 Apr 07, 2023

Thank you so much! I'm starting to get this stuff. Now I need to make a button like the one in the image attached. I have the button and the shadow behind it as separate paths, but if there's a way I could better/more easily achieve this look and function, I'd appreciate your letting me know. Thanks!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 10, 2023 Apr 10, 2023

Some of things you show in your screen capture "97" are not possible, and are not practical for Publish Online. Interactive element cannot have transparent effects like the shadow behind inner hexagon. Here is link that demonstrates rollover effect, then when clicked will hide and show a second interactive object. Note: in my example, the white hexagon is not an interactive element, and can have transparency applied: Inner Glow + Drop Shadow

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 10, 2023 Apr 10, 2023
LATEST

Indesign document attached.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines