Learn how to create and add GIFs to interactive layouts in Adobe InDesign

[@ignazioacerenza9881]

I like that you framed it in context of a project but some people don't have the time for that. It would be good to just demonstrate the full steps before even jumping in that. Would save people a lot of time.

[@valentina4847]

Thankyou for sharing! So helpful !!

[@danielleshelbourne220]

Loved this tutorial, thank you Angelo, I appreciate it. 😊

[@AngeloMontilla]

Glad you enjoyed it!

[@chubbycheekruby]

your explanation is really clear and well-paced. Thank you for your hard work :)

[@BeckaBellS2]

This is the best! 😎 Thanks for your work, I'm really learning from you 😊 Greetings from Lima, Peru 🇵🇪 🌿

[@AngeloMontilla]

Greetings! Glad to hear they are helping you!

[@sebastienmichel5866]

Hi Angelo, Im thinking... When you export or publish it creates a swf right? but flash is not working at the end of the year right? Or its something else Thanks

[@mailedwithlove7910]

so good! thank you - really good video!

[@AngeloMontilla]

Thanks so much! Glad you liked it!

[@sarathnairk1]

Superlike this one Angelo 👍👍👍 eagerly waiting for more interesting tuts like this👍

[@AngeloMontilla]

Very glad you enjoyed it! Thanks!

[@paulamongelos5117]

Angelo the best teacher, thank you!

[@AngeloMontilla]

Thanks Paula! I am glad to hear you find the tutorials helpful.

[@festivaldayfilms]

Awesome tutorial, thank you!

[@nmgferreira]

Thanks for sharing. Great tips.

[@angelicamiceli8972]

your channel is the key! thank you

[@AngeloMontilla]

Thanks Angelica! Glad you find the tutorials helpful.

[@rogerngu830]

Thanks Angelo! Awesome learning from you. Well presented and clear.

[@AngeloMontilla]

Glad I could help! Thanks.

[@do5117]

Hi, your content is amazing and helpful. project

[@leephom5499]

Love all your vids!

[@monalisabarua8172]

Great video! Thank you so much 👍

[@AngeloMontilla]

Glad you found it helpful!

[@milly6008]

Your tutorials are really nice and helpfull - thank you 😊

[@jkc-kp]

Amazing. I didn't know this was possible!

[@EricaSimonePhotography]

Thank you! How do you save it so that it works in a PDF? I can't get the GIFs to work when I save them.

[@AngeloMontilla]

Hi Erica. GIFs won't work for Interactive PDFs. Publish online or EPub only.

[@derrickchristensen1171]

Excellent! How do you export the interactive PDF? I export my file and it doesnt work

[@AngeloMontilla]

Hi Derrick, when you Export, make sure you choose PDF (Interactive) from the file options. You may have left it on PDF (Print).

[@derrickchristensen1171]

Angelo Montilla it is posible that gif format doesn’t work with PDF file? I change it to mp4

[@AngeloMontilla]

Hi Derrick. You could have an issue with Flash which is why it may not be working for PDF. Keep in mind Adobe is phasing out flash at the end of this year, so if it's a document you plan to use long-term, perhaps think of another plan.

[@harshanilankaperera9792]

How can I test this design before publishing it? Cannot play in Acrobat reader XI. Are there playable versions? Thanks for your work!

[@MrsKichi]

Hello Angelo, thanks a lot for the great tutorial. For me, interactive PDFs are still a fairly new thing. I have already packed links into a PDF, but otherwise not worked with it yet.

[@AngeloMontilla]

Hey there! GIFs aren't supported for Interactive PDF. They used to be, but not since flash being phased out. This will work if you publish online or export for EPub (Fixed Layout).

[@sophierintala4928]

Hey Angelo, thank you for your video, this is really helpful :) do you know how to make those two colors fade more smoothly instead of plinking back and forth? It would be nice to make interactive in such a way that you could click the color circles to show the different colored bags. I would be very grateful if you give me some advice on that. In any case, have an enjoyable week :)

[@TheArchitecturalInsider]

When i export to pdf it wont play the gif... HELP

[@neel_ubh4692]

Yaa I'm experiencing the same problem

[@kyleayuba4478]

@@pecintakebenaran2147 No it doesn't work in general. Indesign don't have the feature for that. I'm using cc cloud 2021 and it still doesn't export.

[@raxlyy6416]

doesnt work

[@AndreaAlbcai]

I think you have to export it in epub

[@juraldhahnke]

Great Tutorial. But how can I export animated files from InDesign? Thx

[@AngeloMontilla]

Great question! There are a couple simple ways you can export this. The first is using InDesign's Publish Online, where you can host the project on an Adobe site and share the link or embed the code to your own site. Secondly, you can go to File > Export > EPub (Fixed Layout) and view the EPub file in an e-reader. If you're on Mac/iOS, then Apple Books is the best. If you're on Windows/Android, search which e-reader works the best for you. Hope that helps!

[@manilo82]

If you export as interactive PDF instead of online publishing, will the animations work once you open the PDF?

[@AngeloMontilla]

It's a question I get all the time Manilo 🙂 Unfortunately, animation and interactivity like the examples in this tutorial, aren't supported for PDF any longer.

[@JonathanGoudefroy]

Does anybody know how to publish an PDF for the browser like he did at the end? Would be super helpful because it looks very practical for sharing work … 🙌🏻🙏🏻

[@AngeloMontilla]

Hey Jonathan. Interactive PDF was Flash-based so rich media and other interactivity won't work in that platform any longer. What I did was Publish Online, which carries over the project and presents it as HTML right in your browser. It's not possible to publish a Interactive PDF in a browser. All the best.

[@ease1appears]

You recon would it be a good idea to use gif animations in your PDF Portfolio to showcase your prototypes as a UI Designer? Or looking at it from an interview-er point of view is just annoying?

[@AngeloMontilla]

Hey there! GIFs will not work for PDF Interactive, so that may make your decision a little easier.

[@asmaaaboudi7246]

hello already thank you for this work If I make these gifs on my folder will it appear and work with flipsnack?

[@AngeloMontilla]

Hi Asmaa, currently Flipsnack doesn't support animation. Hopefully it will in the future.

[@derrickchristensen1171]

Hi! Thanks for your previous answers, it worked online for gifs, but no JPGs and PDFs transparency arent working. There is a way to fix it? In can see my images transparency correctly on the indesign document

[@jero5566]

OP dude!! really helpful thx

[@AngeloMontilla]

Glad it helped!

[@ochoaluis3864]

thanks for this type of videos, they are very useful, could I show in your next video how to make a text box with scroll? please.

[@AngeloMontilla]

Hi Ochoa. This week I will touch on scrolling, so stay tuned. Hope all is well.

[@elyon6193]

Is this to be upside to a website or just exported as a pdf? It’s lovely

[@AngeloMontilla]

Hi Elyon! Thanks for the nice feedback. No, unfortunately this will not work for PDF. It's meant for HTML publishing.

[@karthickgraphicdesigner8787]

Superb Work.

[@shafeequeabdulrahman8351]

Very interesting, pls go on

[@lavilladesophie]

I love your videos, especially the way you explain everything, so clear. Question: why when I publish in any browser the animations doesn´t work? They stay as a normal jpg. When exporting, I am exporting the doc as an interactive PDF, what can I be doing wrong? 🤔

[@AngeloMontilla]

Hey Pao! Thanks for the kind words, I really appreciated it. As far as your question, this will not work for PDF Interactive. It is HTML based, so you can use InDesign's Publish Online tool or Export as EPub (Fixed Layout) to view the project in an e-reader such as Apple Books. Take care!

[@lavilladesophie]

@@AngeloMontilla ok! I'll try it out with ebooks. And what if I want this doc to be a newsletter? Thank you for your time though 🙏

[@massiguana]

Hi Angelo, thank you for the video. I export the Interactive PDF instead of the Print version, but yet, once I open the pdf, the gif does not work....

[@yaoiseme]

it because pdf doesnt accept gif format.

[@massiguana]

@@yaoiseme ok, i thought it was possible

[@AngeloMontilla]

Hi there. GIF and other rich media which once worked in Interactive PDF will no longer work. Adobe has phased out Flash support. The alternative is to publish online so the interactivity and animation is HTML based. Best of luck.

[@massiguana]

@@AngeloMontilla yeah, I've received several updates from Adobe about Flash Player. I thought Flash was not connected with this issue. Yes, I've discovered the HTML publish version! Thanx for the feedback!

[@steph018]

@@AngeloMontilla thank you for you support and answers, do you have a tutorial for the html based animation/gif?

[@itechads5397]

you had converted to indesign to pdf, will it work on jpeg or gif from indesign

[@thinksysewingapp3390]

So now how do we use these interactive files in real life? For instance, I'd like to upload mine to my website header, but the file type is not accepted.

[@AngeloMontilla]

Hey Thinksy. There are three common ways of exporting a project like this - two are a little easier than the last. First, you can use Adobe's Publish Online feature which will publish to an Adobe-hosted site that you can share or embed. Second, you can use the Export to Epub (Fixed Layout) and view the project in an e-reader with all HTML5 interactivity intact. Third, you can export for HTML, which will create folders with the html, js and images to hand off to a developer that can help you building it custom for your site. Those are three options to consider, but it sounds like the last would be what you'd need. All the best.

[@devinalaila5719]

If I export it to pdf file, could it (the animated gif) played too?

[@AngeloMontilla]

Hi Devina. No, it will not work for PDF.

[@lucydioquino294]

does anyone know how i can get the pirated version of soft soft

[@dimpt753]

im pressing shift and w so as to go to representation mode, and it doesnt play, could you please help me?

[@paulavalenzuela2624]

What if I don't want to publish online? If I export as interactive pdf gif and videos won't play :/

[@AngeloMontilla]

Hi Paula! If you don't want to publish online, I suggest exporting as EPub (Fixed Layout) and view the work in an e-reader such as Apple Books or Adobe Digital Editions. I always recommend having this be an alternative to PDF Interactive as the animation, rich media and interactivity will not be functional.

[@silvanaselene7775]

se puede hacer un pdf interactivo con gif?

[@AngeloMontilla]

Hi Silvana! No, it won't work for PDF Interactive.

[@charminesesay5217]

how did u save it put it online

[@AngeloMontilla]

Hi Charmine. I used the Publish Online feature built into InDesign. You can find this by going to File > Publish Online or clicking the Share button in the upper right corner of the workspace, then choosing Publish Online. This is only available with paid Creative Cloud subscriptions, however. All the best!

[@roxanneross762]

Do you use in5?

[@AngeloMontilla]

I have used the basic features, not the advanced ones. I do like using the Scrolling Frames, which I cover in a few tutorials.

[@ferminmoralescampoy]

Se puede exportar a MP4?

[@AngeloMontilla]

Hi Fermin - hope you can understand my response. Unfortunately, you can't export video files from InDesign. What I do often is play the animation and screen record if I want to create it into a video. It's still very high quality and great for social media posts. Hope that helps.

[@paoalvarez4915]

how to export for interactive pdf the gif ?

[@AngeloMontilla]

Hey Pao - GIF won't work in Interactive PDF unfortunately. This exercise is meant for Publish Online or EPub platforms.

[@AlterMax24-YouTube]

I thought you bring a solution to create an interactive PDF with Animated GiFs inside...but no

[@AngeloMontilla]

Hi Maxime. Unfortunately, there is no solution for that, because they will not work in an interactive PDF.