Create interactive menu buttons in a scrolling frame in Adobe InDesign

Поділитися
Вставка
  • Опубліковано 5 жов 2024

КОМЕНТАРІ • 92

  • @manoelacardoso5750
    @manoelacardoso5750 2 роки тому +2

    Angelo, you are the BEST! Thank you for your tutorials!!!

  • @MrMegranan
    @MrMegranan 3 роки тому +4

    Think you tutorials are wonderful! I would suggest you show what the completed project would look like upon completion after the project or tutorial description.

  • @QDWorld-SwiftUI
    @QDWorld-SwiftUI 3 роки тому +3

    What a great person you are! Fantastic tutorial… thank you so much

  • @artpeace7
    @artpeace7 3 роки тому +2

    Your InDesign videos are Superb my friend! Keep up the good work.

  • @sodasocietyofdesignaustral7753

    Forgot to sey - love the pace and thorough nature of your tutorials - fantastic work

  • @tamersaid3173
    @tamersaid3173 3 роки тому +2

    Thanks a lot for your tutorials you have a high capabilities in delivering the content with clear and understandable way

  • @juliataits
    @juliataits 3 роки тому +2

    Wow, what a great channel! Thank you so much Angelo for your great job!

  • @kurouroro
    @kurouroro 2 роки тому +3

    Amazing!! Thank you so much for this tutorial. Super helpful and detailed!

  • @claudiaalves9023
    @claudiaalves9023 2 роки тому +2

    You're awesome. Great content as usual. Thank you so much for this amazing tutorial!

    • @AngeloMontilla
      @AngeloMontilla  2 роки тому

      I am glad you found it helpful Claudia. Thanks!

  • @elizavetabortnik4368
    @elizavetabortnik4368 2 роки тому +1

    Love your designs!!!The video is very helpful! 🙏 thank you 😃

  • @ngagutierrez6885
    @ngagutierrez6885 Рік тому +1

    Your tutorials are so great and easy to follow. Thank you for doing this. I have a quick question: when you set up the button on each watch with [normal, roll over (larger size a bit) and then click] , is there a function in Indesign that allow you to copy this setup and apply it to the rest? Thanks!

    • @AngeloMontilla
      @AngeloMontilla  Рік тому +1

      Hi Nga! You can set up an Object Style and apply that style to the Rollover. For example, create a Rollover version of the button style on your page and then add the Object style and call it Rollover Style. When you apply the Rollover Appearance in Buttons and Forms, go to the Object Styles and apply the Rollover Style. This is the easiest way rather than having to repeat the same process over and over. Hope that helps!

    • @ngagutierrez6885
      @ngagutierrez6885 Рік тому

      @@AngeloMontilla Hi, it's me again. I followed your tutorial steps by steps but when I exported as Interactive PDF the "go the state" buttons didn't work (when i tested it in EPUB, it worked). Does this mean it only works when I publish it online and not as PDF?

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      @@ngagutierrez6885 Object States isn't supported for PDF. Your options are Publish Online or EPub (Fixed Layout).

    • @ngagutierrez6885
      @ngagutierrez6885 Рік тому

      @@AngeloMontilla I see, well I guess publish online then. Thank you!

  • @MeryemKocabayDesign
    @MeryemKocabayDesign 2 роки тому +1

    You are so kind and helpfull 🥰 An another amazing video again 🤩I love your way of teaching. Moreover they are all free 😻

    • @AngeloMontilla
      @AngeloMontilla  2 роки тому

      Thanks Meryem! I am glad you find them helpful! I just launched a full course - and working on another now - if you're considering expanding on these tutorials! montilladesign.com/courses

  • @design_beta7645
    @design_beta7645 2 роки тому

    we are waiting for your this types of amazing videos please uploaded this nailed types of vedios. you are amazing.

    • @AngeloMontilla
      @AngeloMontilla  2 роки тому +1

      Thanks MD! I will have a new tutorial this week. I typically upload every 2 weeks as my tutorials are in depth and require more planning. I am glad you are enjoying and learning!

    • @design_beta7645
      @design_beta7645 2 роки тому

      @@AngeloMontilla thank for replaying. i had so much searching in vedios but never got this types of vedios like yours. keep going brother. we will be with you.

  • @enixsawada2962
    @enixsawada2962 3 місяці тому

    I follow your channel and I like your content.
    I wanted to ask you, are you Italian?
    I would like to see some of your content in my language, subtitled

    • @AngeloMontilla
      @AngeloMontilla  3 місяці тому

      Thank you! Yes, I am Italian-Canadian. I'll keep your suggestion in mind and do my best to include the subtitles for you.

    • @enixsawada2962
      @enixsawada2962 3 місяці тому

      @@AngeloMontilla Thank you :D

  • @johncmark7715
    @johncmark7715 Рік тому

    Wow i like your work, you're doing great

  • @JaredAndol
    @JaredAndol 9 місяців тому

    This is awesome. Is it possible to use this format as a pdf? I wanted to use this format as a portfolio and job sites require a pdf so can I convert this document into a pdf to share?

  • @mohddaas1252
    @mohddaas1252 Рік тому +1

    Halo Mr. Angelo
    I am one of your followers on UA-cam and benefited a lot from you.
    I have a question. I want to export an interactive file from the InDesign program that works on WhatsApp, if possible.
    Thank you.

    • @AngeloMontilla
      @AngeloMontilla  Рік тому +1

      Do you mean a file you can share via WhatsApp or a document that works in the WhatsApp program? I don't use WhatsApp, but you can certainly share an ePub (Fixed Layout) document to someone. This project won't work for PDF Interactive. Hope that helps.

    • @mohddaas1252
      @mohddaas1252 Рік тому

      First, thanks for the quick reply..
      I want to export the file to WhatsApp, so that many followers can watch it via their mobile phones.
      I can create a file pop-up and export it on the desktop, but when I want to transfer it to WhatsApp, it does not work.. What is the way for the work to be effective?
      Thanks again.

  • @tigerbilla3799
    @tigerbilla3799 3 роки тому

    Excellent Sir... Luv from India..

  • @friendsonly777
    @friendsonly777 3 роки тому

    Love all your work 💞

  • @EnricoMartino-D-VERSO-
    @EnricoMartino-D-VERSO- Рік тому

    Thanks for this video.
    Is it possible with indesign to leave the button selected when we are on the selected page?

  • @justincarter197
    @justincarter197 11 місяців тому

    This is a great tutorial. For some reason every time I download the in5 plugin and then click in the menu for scrollable frames it gives me a prompt window that says "Scrollable frames is a separate install. Get Scrollable frames now" but then it won't let me click so after creating everything for desktop publishing, I can't get the scrolling frames to work =(

    • @AngeloMontilla
      @AngeloMontilla  11 місяців тому

      Hi Justin. It is a separate install. Sign up for the newsletter and in turn they will send you the scrolling frames extension. Be sure you're working on either Id 2023 or 2024 when you install the extension with the instructions included.

  • @warzonexc1
    @warzonexc1 3 роки тому

    Excellent!!!! Thank you.

  • @sodasocietyofdesignaustral7753

    Just to help you out fella - you can increase your pasteboard area - under preferences - you have to option to increase width and height of your pasteboard - this would negate the issues you’re having with resizing your scroll panel objects (watches) and help speed up potential workflow bottlenecks c

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      Hey there! Yes, this is before I found the power of Guides and Pasteboard when working with Scrolling Frames. 😃 Thanks and take care!

  • @karabomokoena547
    @karabomokoena547 Рік тому

    Hi Angelo, My question is.. Is there any way to resize (make it smaller) and adjust the placement of the scrolling indicator once or when you enable it?

  • @fatimabaiyent.
    @fatimabaiyent. 2 роки тому +1

    Hi,
    Thank you for the pleasant and informative tutorials.
    Please advise, I’ve created in Interactive PDF portfolio following this tutorial. I have buttons which change the text description and the image only to realise that when exporting as an Interactive PDF, the links to ‘next page’ work, but none of the buttons for the gallery work.
    It works in the EPUB preview only. Is there a way to make this work for the I/PDF?

    • @AngeloMontilla
      @AngeloMontilla  2 роки тому +3

      Hi Fatima! As I have told other viewers, these types of projects will not work for PDF Interactive. The only thing I would ever use PDF Interactive for these days are for simple navigation, hyperlinking, fillable forms, etc. Animation, Object States and Media will not work for PDF any more because it is flash based and those are HTML interactivities. I hope this helps and you can find a solution. All the best.

    • @almirmusanovic513
      @almirmusanovic513 Рік тому

      It is time for developers to add some browser like features to adobe reader.

  • @Jamanaarif
    @Jamanaarif 3 роки тому

    Love it. Cool!

  • @harryrajaharish
    @harryrajaharish Рік тому

    I love this

  • @andriadaniellenaidoo9423
    @andriadaniellenaidoo9423 3 роки тому

    Love this video❤️

  • @sophielodge8117
    @sophielodge8117 2 роки тому

    This is so great. Is there a way of creating scrolling frames without in5? I've tried using Overlays but nothing seems to happen when I preview it using the EPUB window, or when I publish online...

    • @AngeloMontilla
      @AngeloMontilla  2 роки тому +1

      Hi Sophie. It's a great question. As far as I know, in5's extension is the only way to create the scrolling frames. Yes, Overlays has the option but it hasn't worked since InDesign stopped supporting its DPS platform years ago.

    • @sophielodge8117
      @sophielodge8117 2 роки тому

      @@AngeloMontilla Thanks so much for your help

  • @thetoonbook
    @thetoonbook Рік тому

    Subscribed 🤗 thanks

  • @paulaingrid2220
    @paulaingrid2220 3 роки тому +1

    Hello Angelo, I want to do an epub with an interactive scrolling frame, as you did in “create a mobile catalogue with interaction, scrolling frames”. In the video after grouping the whole layout and inserting them in the frame, all the interactive buttons still work. But in this video, you point out that the interactivity is lost while grouping so you have to do it after you insert it in the frame. Why doesn’t it work in this video and in the other it does?

    • @AngeloMontilla
      @AngeloMontilla  3 роки тому +1

      Hey Paula! Sorry if you didn't understand. It will work in the scroll frame. The point I was trying to make is that you should add the actions to the buttons after you've grouped the objects and pasted into the frame. If you spend time adding button actions beforehand then group all the contents, you'll have to repeat the process of adding actions again when you paste in the frame. I just want to make sure people don't waste valuable time repeating button actions when it's not necessary. Especially on tight deadlines! :) All the best.

  • @tomverdingh2558
    @tomverdingh2558 7 місяців тому

    Hello Angelo,
    I can't seem to create a multi-state object within a state? Let's say the watch is available in different colours and I want to showcase that.

  • @karolisputnikas7327
    @karolisputnikas7327 Рік тому

    So, the main question is: where this interactive project is used for, after you create it? What's the main purpose of it? Thank you for the answer!:)

    • @AngeloMontilla
      @AngeloMontilla  Рік тому +1

      Hey there. Three options:
      1. Publish Online to a URL that lives on an Adobe-hosted server but can be shared and embedded to other platforms.
      2. EPub (Fixed Layout) to view in an e-reader such as Apple Books (Mac) or Calibre (Windows).
      3. Export it as HTML by going to File > Export and then choosing HTML. This packages the HTML, js and images which you can share with a developer to help you host on your own site.

  • @affectiongraphics7637
    @affectiongraphics7637 3 роки тому

    best your design

  • @ayoubberrichi953
    @ayoubberrichi953 3 роки тому

    As always the piwer of interactive indesign

  • @abdelmoulapod7099
    @abdelmoulapod7099 2 роки тому

    THANK YOU SOOO MUCH IT WAS REALLY SO HELPFUL YOU HAVE A NEW FOLLOWER FROM MOROCCO WELCOME ME 😊

  • @alfredog.g.7281
    @alfredog.g.7281 8 місяців тому

    👌

  • @nokindesign2258
    @nokindesign2258 3 роки тому

    angelo great work as usual, but there's one problem with this interactive (pdf) work, as it must be open with only adobe acrobat reader and this is big problem, because if the user doesn't know this info our hard work is usles so what shall you do in this situation

    • @AngeloMontilla
      @AngeloMontilla  3 роки тому +1

      Hey there! I never recommend doing a project like this for PDF interactive. It won't work. The only time I'll ever use Interactive PDF anymore is for simple hyperlink, bookmarks and navigating through a document. Object States and Animation aren't supported for PDF. Try exporting for EPub and view in an E-Reader like Apple Books. Thanks!

  • @aishasheikh9748
    @aishasheikh9748 Рік тому +1

    How do you save interactive buttons, i tried to save as pdf interactive but is not clikable

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      Hi Aisha, this will not work for PDF, unfortunately.

  • @wilmarkjohnatty4924
    @wilmarkjohnatty4924 2 роки тому

    Hi Angelo, Question: What is an easy way to change one of those Watch images in the scroll frame AFTER you have finished the page? You have multiple states, and just finding it and changing it in the Layers panel will leave the Rollover and Click states with the old images? Is there an easy way to do this?

    • @AngeloMontilla
      @AngeloMontilla  2 роки тому

      Hi Wilmark. Use the Links panel. Right-click the image and then choose Relink. If there is more than one instance, Relink All Instances. Choose the image and replace it.

    • @wilmarkjohnatty4924
      @wilmarkjohnatty4924 2 роки тому

      @@AngeloMontilla Ok thanks

  • @alexzandriawatson3273
    @alexzandriawatson3273 Рік тому

    Can you change the domain name when publishing?

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      Hey there! No, you can not change the domain when you use the Publish Online feature. However, you can export the HTML from InDesign. Go to File > Export > HTML. This will export the HTML, js and images from the document, however it doesn't preserve the layout all together. This method doesn't produce clean HTML and js on export. You're going to need some help from a developer to get it on your own site looking exactly how it does in InDesign.

  • @zaitoonnaz9575
    @zaitoonnaz9575 3 роки тому

    Can you please tell me if there is a way to remove the weird color we get in fillable form fields after we export them to pdf? I have watched almost all of your tutorials but didn't find a solution to this problem.

    • @AngeloMontilla
      @AngeloMontilla  3 роки тому

      Hey Zaitoon. How are you setting up your text fields? In InDesign, draw a text frame and the in the button and forms panel, instead of button set it as a text field. Down below you can set the pt size and typeface of your choice. Export as PDF Interactive and test it out.

  • @YouriKulikov
    @YouriKulikov Рік тому

    how to do interactive pdF?

  • @variebisKP
    @variebisKP Рік тому

    la interacción de los estado no interactúan al momento que aplasto los botones 🥲

  • @auyeungkawo
    @auyeungkawo 3 роки тому

    Can I self-host the whole thing?

    • @AngeloMontilla
      @AngeloMontilla  3 роки тому

      Hi there. You can embed the project right into your website, however if you wanted to host entire project, you can File > Export > Export HTML. Keep in mind this option goes not keep the geometry of the layout. It generally just saves all the assets (text + graphics). From there you can use a program like Dreamweaver or hand assets to a developer to put together. It's a little more complex, but that is how you'd have to self-host.

  • @javierzapanacaceres2933
    @javierzapanacaceres2933 2 місяці тому

    I dont understand when hmyou ht publish where is that showed on the web?

    • @AngeloMontilla
      @AngeloMontilla  2 місяці тому

      To an Adobe-hosted URL. However, you can share the link or embed it to another site with an html code. I cover how to do this in many of my other videos. Thanks!

    • @javierzapanacaceres2933
      @javierzapanacaceres2933 2 місяці тому

      @@AngeloMontilla thank you so much for your response, your videos are Amazing😊

  • @andriadaniellenaidoo9423
    @andriadaniellenaidoo9423 3 роки тому

    What file(pdf/SWF) does an interactive InDesign file save as?

    • @AngeloMontilla
      @AngeloMontilla  3 роки тому

      Hey Andria! You'd have to go to File > Export and select PDF (Interactive). Just be aware that with Flash being phased out, much of the interactivity won't work. Also Object States isn't supported for PDF. Best of luck!

    • @crztyle
      @crztyle 3 роки тому

      Can this type of interactive PDF be viewed on mobile phones?

    • @AngeloMontilla
      @AngeloMontilla  3 роки тому

      @@crztyle Not for PDF, but for EPub or Publish Online. Here's a tutorial for a mobile catalogue that I exported for EPub and viewed in Apple Books: ua-cam.com/video/a922HhuC14A/v-deo.html

  • @graphicdesigning1977
    @graphicdesigning1977 Рік тому

    I hope you are doing well. I just need help. I want to publish this scrolling document online but it gives this error. Can you please help me what should I do now it's very urgent. Thank you in advance

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      What version of InDesign are you using?

    • @graphicdesigning1977
      @graphicdesigning1977 Рік тому

      @@AngeloMontilla Adobe indesign 2023 version

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      @@graphicdesigning1977 Try downloading the newest version of the Scrolling Frame. The 2022 plug-in won't be supported in 2023: ajarproductions.com/blog/2015/12/08/universal-scrolling-frames-for-indesign/

    • @graphicdesigning1977
      @graphicdesigning1977 Рік тому

      @@AngeloMontilla when I published it it says, this service isn't available for your account.

    • @AngeloMontilla
      @AngeloMontilla  Рік тому

      @@graphicdesigning1977 I have never got that error before. I would contact Adobe support or go back to 2022 for the time being.