Learn how to create interactive scrolling frames in Adobe InDesign

In this #Adobe InDesign tutorial, follow along and #learn how to create a scrolling menu with rollover effect buttons that trigger other content in a layout using the Object States panel.

#adobeindesign #designtutorial #designlesson #teach #design #scrolling

0:00 - Intro
0:21 - Setting up in5 (InDesign to HTML5) Extension
3:08 - Designing the menu
6:16 - How to create the Scrolling Frames Interactivity
9:04 - Creating Multi-State Objects
11:02 - Creating Buttons and adding Go to State actions
16:22 - Adding rollover effect to buttons
18:48 - Viewing scrolling frames online

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

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

[ahammedsabbir]

You are getting more confident and natural in front of camera day by day.

I have been watching your video since the beginning of your channel.

Best of luck Angelo :)

[kelvinmacieldasilvaufc]

Dude, I have to say: I never have ever comment in anyone video of youtube, but your videos are amazing! and so inspiration! Thank you so much to share your knowldgment wiht us. (PS: I'm brazilian and my english its a suck I hope you can understand hahaha)

[junipersmith]

This is very helpful, thank you for explaining very clearly how to accomplish this.

[Bukoappl]

Truly awesome tutorial!! So easy to follow, so well laid out, and a great presenting style! thank you so much! Love from Ireland. <3

[cindy]

I literally watched all of your videos! :D so helpful ! ^_^

[mehranehalizadeh]

You are the best teacher, thank you so much 👍🙏🏼

[ayushpandhare]

Can we do this in Interactive pdfs also??

[emrahtacyildiz]

Hi @AngeloMontilla. Thank you for great contents. It is a pleasure to follow your tutorials.
I have a problem here. I create a scroll frame with the tutorial of yours in this video. But when i publish it online in5 features don't work. It's seen like just a preview of the first page.
I can't manage to solve this problem. Can you help me please?

[preludefugue]

Hi Angelo, I am here again. You video is So helpful. I am think how possible to have this fillable interactive function. When user fill the correct word into the fillable space, if it is correct word, an image will pops up. Thank you.

[cynnidc]

Thank you for the tutorial.
I was wondering if there is a way to design the scrollbar and add the scrolling mechanism to it?
And also while scrolling the next state is visible without having to click on it?

[bebianarocha]

Hey Angelo,

Hope you're doing well and thanks for all of your videos teaching amazing things... I already learn a lot!

Lately I was searching for a post were I can see how to pre set a document to print, for example a flyer or a catalogue... But all of them are vague and don't have all the principle ones I need to know.

Could u make a video explaining how to configurate documents to print?

Sorry for bothering you with that but it would help me a lot, I love how clear you are while explaining... I'm starting in this world of design, I'm graduated in journalism but we have to be versatile soo...

Btw srry if my English is not the best, love from Portugal :)

[darrenwright]

HI, this is a great function, does this work if you export the pdf from Indesign as an interactive pdf?

[wimberkers]

This is exactly what I need one question if I export this to a normal pdf and upload it into a system where a teacher can review the pdf will he or she be able to scroll aswell? thankss

[emma-cassani]

this was absolutely amazing, thank you!!

[mathildewittock]

This is a great tutorial. Thank you! Could it be exported as an interactive pdf?

[annmariemillar]

Your tutorials are awesome, thank you so much! 😊

[Traysvideos]

Hi Angelo! Love your video! Curious, which version of In5 are you using? Is all of this doable with just the Trial?

[kurint]

Hi thanks for the tutorial, does this work for pdfs too?

[sarashafi]

Hello Angelo, thank you very much for your amazing tutorials.
I hope you can help me with this, when I scroll, the objects appear perfectly in the preview page, but when I publish them the hidden object dont, do you know how to fix this problem?

[MeryemKocabayDesign]

Dear Sir, if I have some photographes with 300 dpi and color mode CMYK in my document do I have to convert them to RGB and 72 dpi for digital publishing?