How to create animated menus | InDesign Tutorial

In this episode, we take a look at how to create animated hamburger menus in InDesign. This will allow you to keep your interactive presentations clean and simplified and only show the navigation when the user clicks on a button to show or hide it. In this example, I used a hamburger menu but it can be applied to almost any shape you turn into a button.
------------------
#indesign #animated #menus
🔴Subscribe for more free UA-cam tips:
/ @shaped-by-design
Share this video with a friend:
• How to create animated...
🎬Watch our Photoshop How-to’s playlist:
• Playlist
🎬Watch our Illustrator How-to’s playlist:
• Adobe Creative Cloud T...
🎬Watch our InDesign How-to’s playlist:
• Playlist
💻Visit the Creative Frontiers website for more resources and books:
www.creativefr...
YOU CAN ALSO FIND US ON
➡️Twitter / cfrontiersuk
➡️Instagram / creativefrontiers
➡️Creative Frontiers www.creativefr...
➡️Facebook / creativefrontierslive

[@AMConcepcion]

Nicely done! This is definitely one of the more complicated effects in InDesign, but one that many people want to use. Thanks!

[@shaped-by-design]

Hi Anne-Marie, thanks so much for your kind words. You're right, it is a tricky technique and there are sooo many 'hidden' features to interactivity in InDesign! I think that's half the fun of it to be honest. 😀

[@seyurienaidoo1324]

Thank you so much - this is exactly what my project needed and no one else has a comprehensive video like this! I've been binging your channel since this project came up and you always seem to have all the advice I need. Greatly appreciate your channel, hope it blows up!

[@shaped-by-design]

Hey Princess Hamtaro, thank you so much for your kind words they are much appreciated! Thanks for watching 😎

[@Polunto]

Been looking for this! Thanks! Great job btw, very well explained!

[@shaped-by-design]

Hey Paul, thanks for your kind words. Glad you found it useful. 😎

[@shaped-by-design]

Thanks for watching folks, this is another one of those 'hidden' interactive options available to you in InDesign, but really handy for clean, simple interactive layouts.

[@kaylawood7399]

Hi, do you have a tutorial on linking the menu items to internal pages? I have have the menu working open/close on the button click but can't get the linking to pages working. Thanks!

[@shaped-by-design]

Hi Kayla, you're in luck, we do! It's not the same file, but it does cover how to create buttons and link them to a page. I've shared the video link at the correct timestamp below. In the video, it uses buttons and forms (Window> Interactive> Buttons & Forms) to add a 'next page' action, but you could just select the text frame, turn it into a button and use 'Go to Page' from the actions dropdown menu instead and then type in the page number you want it to go to. Hope this helps! 👍
ua-cam.com/video/EzEVXrGd2WI/v-deo.html

[@blancarodriguez7059]

MARAVILLOSO!! THANKS!

[@shaped-by-design]

Thanks!

[@manoelacardoso5750]

Thank you so much!

[@shaped-by-design]

You're welcome Manoela! Thanks for watching 😎

[@bryangravely]

I hope you're still checking comments on posts this old because I've walked through this a half-dozen times and it seems like it should be working perfectly. But when I click the open button, about 1/4 of the menu shows up immediately, with the other 3/4 off the page, then it flies in from the right like it's supposed to and shows the whole menu. Then when I click the close button it reverses the animation but only to the point where 1/4 of the menu is showing up and that part just stays on the screen forever. Any ideas?

[@aahmedfadhel]

thank you for the video I make everything as you do but when I export it doesn't work can you tell me why please?

[@shaped-by-design]

Hi Ahmed, if you're exporting to interactive PDF, animations won't work I'm afraid 😱, despite the name "interactive". You would have to export to ePub (Fixed Layout) or Publish online, both found under the File menu. Hope that helps! 😎

[@meisterleise]

Very nice. But the animations only work in eBup and don't work in a PDF, do they?

[@shaped-by-design]

Yeah, unfortunately Interactive PDF isn't very... interactive. You can use Publish Online via File> Publish Online and that makes it viewable on a webpage (or embedded on your website) and can include everything except form fields.

[@JACandela]

@@shaped-by-design Hi! Thank you very much for the tutorial!
The animation works for me when exporting in PDF, but the problem I have is that the menu is visible when opening the PDF document. Is there a way that the menu is hidden from the beginning?

[@rathishvr]

How to link pages from the master page?

[@shaped-by-design]

In the pages panel ,drag the master name (now called a parent in 2022 version) onto the page thumbnail.