Learn how to add high-quality GIFs to an InDesign project

Follow along in this tutorial and learn how to use Adobe Photoshop to remove a background from a rotating planet video and convert it to a high-quality animated GIF that can be placed in an InDesign project.
Full tutorial with lesson notes, files
➡️ bit.ly/42UZ9pq
Ceres Planet Asset from Adobe Stock
➡️ adobe.ly/4bQjobY
Montilla Design Tutorials
➡️ www.montillade...
Montilla Design Subscription Plans
➡️ www.montillade...
Montilla Design Online Courses & Workshops
➡️ www.montillade...
#adobeindesign #indesign #adobephotoshop #photoshop #interactivedesign #interactiondesign #digitalpublishing #design #learn #teach

[@ionesawao4097]

Great lesson!!! It is new for me that we can add a GIF into the InDesign!!! How great, it gives more movement to the project! Thanks for sharing!!!!

[@AngeloMontilla]

Thanks Ione! Nice to hear from you!

[@mauricewilliams5177]

Hi Angelo, I've been following you for a while now. I think it's cool that someone is promoting the *incredible* interactive powers of InDesign in designs that look totally modern. I feel that too many people assume that you can't do trendy design in ID. Thanks for your great work. About this one--Really smooth! It never occured to me to paste an animation inside a frame. Definitely bookmarking this one :)

[@AngeloMontilla]

I am here to make Id cool! 😎 Thanks for the nice comments Maurice. In all seriousness, InDesign is as capable as Photoshop or Illustrator for print and web designs. It really comes down to what you feel comfortable with using as a designer. I think InDesign has always been known for being a print design app, whereas I want to show people you can get way more out of it. Yes, the animation within a container is useful for Grow animations especially. Otherwise, the frame will grow in situations you don't want it to. All the best!

[@ravikanthbuddiga5146]

Very useful and informative! Angelo is the best

[@iegresiegres4923]

Thx for the great tutorial

[@AngeloMontilla]

Glad you found it helpful. Thanks!

[@Oyekezie_Hyacinth_Anayo]

I have so much from you. Thanks alot.

[@AngeloMontilla]

I am so glad to hear. Thanks!

[@charlesbad]

Is this working only with online publishing? Thank you for sharing indesign tips.

[@AngeloMontilla]

Hey there. Yes, or EPub. GIFs will not work in PDF (Interactive).

[@musekic4654]

Still sucks that Adobe PDFs don't support animated GIFs. Publishing to an Adobe-hosted web doc has never been an viable option for me or any of my clients.

[@AngeloMontilla]

With digital publishing becoming more prevalent, my hope is publish online option allows for more self-hosting and sharing features. But I think gone are the days were animation works for PDF.

[@michelletan982]

I have a questions! Would I get a link after I published it? If yes, are the link possible to use for sharing to anyone to view?

[@AngeloMontilla]

Hi Michelle! Yes, when you publish online you'll be provided with a link that you can share. You also have the ability to embed the project to other sides with the code. In InDesign, if you go to File > Publish Online Dashboard, you can track all of your published docs.

[@gw5976]

Hi! if you export a PDF interactive, the gif and the animations works on any pdf reader?

[@AngeloMontilla]

No it will not work for PDF.

[@dams1983]

Does it work only when online? In downloaded version does it still animates?

[@AngeloMontilla]

If by downloaded version, you mean PDF, then no it won't work. GIFs are only supported for Publish Online or EPub (Fixed Layout).

[@amametcrud8078]

Is posible make it with a pdf file? Because I try to export on pdf, but the animation is not working

[@AngeloMontilla]

No, GIFs won't work in Interactive PDFs. Publish Online or export HTML is best for this method.

[@athom724]

This might be a dumb question, but the online URL it creates, are you able to share that with others to review it? For instance, I'm working on an email layout that will include GIF's, and if I could have the entire layout URL shared with the animations of the GIFs showing - that'd be awesome. Right now I share a PDF/JPG, and then attach GIF's to be reviewed separately. So, it's a little clunky for my leaders to review everything "at once."

[@AngeloMontilla]

No such thing as dumb questions! 🙂 As of now, the only way to share the project for review is publishing it online so the GIFs are still functional, and sharing the link with stakeholders. However, there's no side panel like you'd see in PDF review where you can leave comments. But, yes you can share the link once it's been published. Does that answer your question?

[@athom724]

@@AngeloMontilla yes, that answered my question - thank you!!

[@entHERpreneur]

would the gif work if I export pdf?

[@AngeloMontilla]

No PDF won't support this anymore because it's flash based. The GIF in the tutorial uses HTML5.

[@alfredog.g.7281]

👍