Create an interactive restaurant menu in Adobe InDesign

In this #Adobe InDesign tutorial, learn how to create an interactive restaurant menu specifically meant for mobile, but can still be viewed on other platforms in HTML format. Topics covered include Scrolling Frames, working with Object States, Buttons and Forms as well as adding Animation to a photo slide.

#adobeindesign #designtutorial #interactivedesign #teach #design #digital #video #graphicdesign

0:00 - Intro
1:33 - Menu Main Image + Gradient Feather
4:36 - Scrolling Frame Setup
11:38 - Interactive Photo Slide
19:09 - Adding Animation
29:05 - Viewing Interactive Menu on Mobile

Want to learn more about Interactive Design in Adobe InDesign? Check out these tutorials:

Learn how to add YouTube videos to Adobe InDesign interactive layout:

Create an animated, interactive timeline in Adobe InDesign:

Learn how to create interactive scrolling frames in Adobe InDesign

Learn how to create an interactive e-Catalogue in Adobe InDesign

[AngeloMontilla]

Hope you enjoy the last tutorial for 2020. Happy New Year and follow along in 2021 for more content!

[LucasFGodoy]

Well done! Indesign is so satisfying to use!

[yairsanchez]

Hey Angelo, another great tutorial, thank you so much for sharing this. 👍🏽👍🏽

[domainedetraversais]

Really nice, i learn English by watching you video and love that !! can you make another video on the IN5 extension ? support from france :)

[mohammedkassem]

Thanks beautiful angelo, great lesson

[saralemosy]

Love your tutorials! I'm working on an interactive presentation and a couple of your tutorials have given me a great place to start. Any ideas on a way to view a couple design concepts at one time for easy comparisons?

[siamakdarvishi]

Hey, is it possible to add a wish list? Like the restaurant online shops. Thank you for the tutorial and I look forward to your reply.

[salesdepartment]

Nice video, please would you mind explaining how to scroll up and down in the mobile? thank you

[boldengagement]

Great video! Thanks so much! Exactly what I was looking for.

[MrBazooka]

help...The published document It operates fine on desktop but when viewed on a mobile device (or web browser mobile device agent) is missing some cornerstone functionality, such as tap zooming, page browsing arrows to name a few.

[alvaro_bueno]

Hi Angelo. I'm trying to nest several buttons and a multistate object that works with those buttons, inside a state of another multistate object, but I'm not succeeding. is it possible to do it or am I trying something impossible?

Thanks!

[graphicallydeb]

Can you attach this to the customers URL? Or does it have to be the InDesign online publishing web address? Thank you again for another amazing tutorial.

[pedro]

Hello to all and Happy New Year

I want to make a document that is a single vertical page (similar to a website)
and that the user scrolls down the page to see the content.
The document would be uploaded with the option publish online by Indesing.

Does anyone know how to do it?

Thank you very much to all of you

Greetings

[ahmeddesigner]

Great but how we can get full code to add in our website cz customer need design on website

[nuriafalconrr]

Hello! Thank you very much, this is nice! And what about if what we need is an interactive menu totally responsive? For computer and for mobile.

[allakihussaininjasawa]

my mentor, I have finish my restaurant menu but in my phone is showing only the link and is not enlarging to check the price for the viewer to see the price on the mobile

[kkwarrior]

Hi Angelo, i hv created a file in inDesign as per your tutorial, Client ask me how to upload this for website or have to give this to Google peoples or to another platform please send me solution except the ePub.

I can't use Paste Into, appears unavailable

[saiyan]

Does this work in pdf if I export bit as interactive pdf