Тёмный

Create interactive menu buttons in a scrolling frame in Adobe InDesign 

Angelo Montilla
Подписаться 41 тыс.
Просмотров 56 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 93   
@manoelacardosoo
@manoelacardosoo 2 года назад
Angelo, you are the BEST! Thank you for your tutorials!!!
@AngeloMontilla
@AngeloMontilla 2 года назад
Thanks! I am glad you find them helpful!
@sodasocietyofdesignaustral7753
Forgot to sey - love the pace and thorough nature of your tutorials - fantastic work
@artpeace7
@artpeace7 3 года назад
Your InDesign videos are Superb my friend! Keep up the good work.
@QDWorld-Apps
@QDWorld-Apps 3 года назад
What a great person you are! Fantastic tutorial… thank you so much
@AngeloMontilla
@AngeloMontilla 3 года назад
Thanks QD!
@kurouroro
@kurouroro 2 года назад
Amazing!! Thank you so much for this tutorial. Super helpful and detailed!
@juliataits
@juliataits 3 года назад
Wow, what a great channel! Thank you so much Angelo for your great job!
@AngeloMontilla
@AngeloMontilla 3 года назад
Thanks Julia!
@tamersaid3173
@tamersaid3173 3 года назад
Thanks a lot for your tutorials you have a high capabilities in delivering the content with clear and understandable way
@AngeloMontilla
@AngeloMontilla 3 года назад
Thanks Tamer! Glad you find them helpful!
@MrMegranan
@MrMegranan 3 года назад
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.
@claudiaalves9023
@claudiaalves9023 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 года назад
Love your designs!!!The video is very helpful! 🙏 thank you 😃
@AngeloMontilla
@AngeloMontilla 2 года назад
Thanks Elizaveta! Glad you like them!
@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 года назад
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.
@johncmark7715
@johncmark7715 2 года назад
Wow i like your work, you're doing great
@friendsonly777
@friendsonly777 3 года назад
Love all your work 💞
@tigerbilla3799
@tigerbilla3799 3 года назад
Excellent Sir... Luv from India..
@AngeloMontilla
@AngeloMontilla 3 года назад
Thanks Tiger!
@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?
@MeryemKocabayDesign
@MeryemKocabayDesign 2 года назад
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
@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!
@Jamanaarif
@Jamanaarif 3 года назад
Love it. Cool!
@fishingfans6179
@fishingfans6179 15 дней назад
Hello, how can we change the scrolling color from gray to use in black page color
@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 года назад
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 года назад
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.
@ngagutierrez6885
@ngagutierrez6885 Год назад
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 Год назад
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!
@ayoubberrichi953
@ayoubberrichi953 3 года назад
As always the piwer of interactive indesign
@harryrajaharish
@harryrajaharish Год назад
I love this
@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?
@thetoonbook
@thetoonbook Год назад
Subscribed 🤗 thanks
@AngeloMontilla
@AngeloMontilla Год назад
Thank you!
@andriadaniellenaidoo9423
@andriadaniellenaidoo9423 3 года назад
Love this video❤️
@alfredog.g.7281
@alfredog.g.7281 8 месяцев назад
👌
@enixsawada2962
@enixsawada2962 4 месяца назад
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 4 месяца назад
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 4 месяца назад
@@AngeloMontilla Thank you :D
@tomverdingh2558
@tomverdingh2558 8 месяцев назад
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.
@paulaingrid2220
@paulaingrid2220 3 года назад
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 года назад
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.
@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 года назад
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
@mohddaas1252
@mohddaas1252 Год назад
Halo Mr. Angelo I am one of your followers on RU-vid 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 Год назад
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.
@justincarter197
@justincarter197 Год назад
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 Год назад
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.
@affectiongraphics7637
@affectiongraphics7637 3 года назад
best your design
@abdelmoulapod7099
@abdelmoulapod7099 2 года назад
THANK YOU SOOO MUCH IT WAS REALLY SO HELPFUL YOU HAVE A NEW FOLLOWER FROM MOROCCO WELCOME ME 😊
@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
@aishasheikh9748
@aishasheikh9748 Год назад
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.
@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.
@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.
@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 Год назад
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.
@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 года назад
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!
@YouriKulikov
@YouriKulikov Год назад
how to do interactive pdF?
@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.
@javierzapanacaceres2933
@javierzapanacaceres2933 3 месяца назад
I dont understand when hmyou ht publish where is that showed on the web?
@AngeloMontilla
@AngeloMontilla 3 месяца назад
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 3 месяца назад
@@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a922HhuC14A.html
@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.
@variebisKP
@variebisKP Год назад
la interacción de los estado no interactúan al momento que aplasto los botones 🥲
Далее
skibidi toilet 77 (part 4)
05:20
Просмотров 16 млн
Ледник 1:0 Мужик
00:53
Просмотров 1,3 млн
Create interactive rollover buttons in Adobe InDesign
16:56
Create interactive pop-up windows in Adobe InDesign
8:52
Interactive PDF Design | Pop-up Windows Part 1
14:05
Просмотров 128 тыс.
Adobe is horrible. So I tried the alternative
25:30
Просмотров 1,2 млн