Create interactive buttons and navigation in Adobe Animate

[@animapper]

I appreciate your video. As a long time developer from Director to Flash to Animate you might want to consider using labels on a frame. This way if anything changes in the timeline the code will follow the label. You can also program one index button and use instances without further coding them.

[@AngeloMontilla]

Thanks for sharing!

[@valnhere1475]

Thanks for the video, i appreciate it, its really helpful for me, because i have a task from my teacher to make a main menu or this kind of interactive buttons and stuff, really appreciate this, tysm. 🙏

[@AngeloMontilla]

You're welcome! Go crush that assignment! 😃

[@AnnePakkanenDiscoarsDesign]

Thank you for the clear instruction

[@LauraRussell-mm5zj]

This is awesome, much appreciated!

[@AngeloMontilla]

Thanks! Glad it was helpful!

[@tripwithaj]

THANK YOU SO MUCH!! YOURE THE BEST HUHUHUHU

[@naren1705]

Thank you! Found the tutorial very helpful! When you set up the document was it HTML5 that you chose (rather than Actionscript 3)? Thank you!

[@AngeloMontilla]

Hi there, yes I chose HTML5 canvas.

[@naren1705]

@@AngeloMontilla Thank you!

[@monikacau01234]

if the two index button have the same function, can i just make one button, and pull the timeline to the end of animation? just asking,

[@omiddabir8383]

Thank you for your video, can we put video instead of slides? It means that after clicking the button it play video.

[@clevermissfox]

If the Index button is a symbol, couldnt you use another instance of it on the "third" page instead of having two elements that are identical ?

[@AngeloMontilla]

Yes great catch. You can certainly use the instance of the index button that was first created.

[@clevermissfox]

@@AngeloMontilla okay thanks just wanted to double check; I'm just learning more about Animate and symbols etc

[@efpdesign]

I love your content and in many cases I can even reproduce it, but I can never publish it after exporting. How can I put content made in Animate in HTML/CSS/Js on my website? Hosting on a server? Do you have free server knowledge for testing? How do I do?

[@teenola5783]

ever figure it out?

[@tesladrew2608]

@@teenola5783 you have to upload it to the server and link to the HTML page.

[@metink516]

I have a question. Why do we need to add 2 second frames? was this unique to your project?

[@AngeloMontilla]

Great question! It doesn't really matter where you set the keyframes as long as you change the number in the () that corresponds with the keyframe in your timeline.

[@metink516]

@@AngeloMontilla thank you very much 🙌

[@metink516]

nice video

[@makmalharith2980]

Is the slide is made in adobe animate?

[@AngeloMontilla]

Hey there! No, it's designed in Illustrator.

[@beiyongzui]

@@AngeloMontilla can it be made responsive if it is from Illustrator?

[@quack1835]

Thanks a lot, have my like :like:

[@Mess..]

Clear instructions here ☝️ Do you also have a tutorial that saves these interactive html online, wihout losing its interactivity? I saved mine online with the javascripts and all but didn’t work

[@javidturabl5458]

after I published it, it didn't work in the browser

[@AngeloMontilla]

Hey there. The HTML won't work locally on your computer when you publish. Try using a code editor like Brackets to open the HTML. Simply open the folder containing the HTML, js and images to Brackets and then do a Live Preview to see it working in real time.

[@benjaminpastrana9662]

flash back to FLASH🤦🏻