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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น •

  • @ignazioacerenza9881
    @ignazioacerenza9881 3 ปีที่แล้ว +4

    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.

  • @danielleshelbourne220
    @danielleshelbourne220 ปีที่แล้ว

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

  • @sebastienmichel5866
    @sebastienmichel5866 4 ปีที่แล้ว +5

    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

  • @valentina4847
    @valentina4847 3 หลายเดือนก่อน

    Thankyou for sharing! So helpful !!

  • @chubbycheekruby
    @chubbycheekruby 3 ปีที่แล้ว +2

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

  • @paulamongelos5117
    @paulamongelos5117 3 ปีที่แล้ว

    Angelo the best teacher, thank you!

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

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

  • @mailedwithlove7910
    @mailedwithlove7910 ปีที่แล้ว

    so good! thank you - really good video!

    • @AngeloMontilla
      @AngeloMontilla  ปีที่แล้ว

      Thanks so much! Glad you liked it!

  • @BeckaBellS2
    @BeckaBellS2 4 ปีที่แล้ว +3

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

    • @AngeloMontilla
      @AngeloMontilla  4 ปีที่แล้ว +1

      Greetings! Glad to hear they are helping you!

  • @angelicamiceli8972
    @angelicamiceli8972 3 ปีที่แล้ว +1

    your channel is the key! thank you

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

      Thanks Angelica! Glad you find the tutorials helpful.

  • @TheArchitecturalInsider
    @TheArchitecturalInsider 4 ปีที่แล้ว +5

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

    • @neel_ubh4692
      @neel_ubh4692 4 ปีที่แล้ว

      Yaa I'm experiencing the same problem

    • @kyleayuba4478
      @kyleayuba4478 3 ปีที่แล้ว +1

      @@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
      @raxlyy6416 3 ปีที่แล้ว

      doesnt work

    • @AndreaAlbcai
      @AndreaAlbcai 3 ปีที่แล้ว +1

      I think you have to export it in epub

  • @derrickchristensen1171
    @derrickchristensen1171 4 ปีที่แล้ว +3

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

    • @AngeloMontilla
      @AngeloMontilla  4 ปีที่แล้ว +3

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

    • @derrickchristensen1171
      @derrickchristensen1171 4 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  4 ปีที่แล้ว

      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.

  • @nmgferreira
    @nmgferreira 3 ปีที่แล้ว

    Thanks for sharing. Great tips.

  • @leephom5499
    @leephom5499 3 ปีที่แล้ว

    Love all your vids!

  • @harshanilankaperera9792
    @harshanilankaperera9792 3 ปีที่แล้ว

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

  • @monalisabarua8172
    @monalisabarua8172 2 ปีที่แล้ว

    Great video! Thank you so much 👍

  • @sarathnairk1
    @sarathnairk1 4 ปีที่แล้ว +1

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

    • @AngeloMontilla
      @AngeloMontilla  4 ปีที่แล้ว

      Very glad you enjoyed it! Thanks!

  • @MrsKichi
    @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
      @AngeloMontilla  ปีที่แล้ว +1

      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).

  • @festivaldayfilms
    @festivaldayfilms 2 ปีที่แล้ว

    Awesome tutorial, thank you!

  • @ease1appears
    @ease1appears 2 ปีที่แล้ว

    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
      @AngeloMontilla  2 ปีที่แล้ว

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

  • @EricaSimonePhotography
    @EricaSimonePhotography 5 หลายเดือนก่อน

    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
      @AngeloMontilla  5 หลายเดือนก่อน +2

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

  • @manilo82
    @manilo82 10 หลายเดือนก่อน

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

    • @AngeloMontilla
      @AngeloMontilla  10 หลายเดือนก่อน +1

      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.

  • @do5117
    @do5117 4 ปีที่แล้ว +1

    Hi, your content is amazing and helpful. project

  • @asmaaaboudi7246
    @asmaaaboudi7246 3 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

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

  • @juraldhahnke
    @juraldhahnke 2 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  2 ปีที่แล้ว

      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!

  • @jkc-kp
    @jkc-kp 2 ปีที่แล้ว

    Amazing. I didn't know this was possible!

  • @rogerngu830
    @rogerngu830 4 ปีที่แล้ว

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

  • @derrickchristensen1171
    @derrickchristensen1171 4 ปีที่แล้ว

    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

  • @elyon6193
    @elyon6193 2 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  2 ปีที่แล้ว

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

  • @massiguana
    @massiguana 3 ปีที่แล้ว +1

    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
      @yaoiseme 3 ปีที่แล้ว +1

      it because pdf doesnt accept gif format.

    • @massiguana
      @massiguana 3 ปีที่แล้ว

      @@yaoiseme ok, i thought it was possible

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

      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
      @massiguana 3 ปีที่แล้ว

      @@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
      @steph018 3 ปีที่แล้ว

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

  • @itechads5397
    @itechads5397 3 ปีที่แล้ว

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

  • @lucydioquino294
    @lucydioquino294 2 ปีที่แล้ว

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

  • @devinalaila5719
    @devinalaila5719 2 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  2 ปีที่แล้ว

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

  • @JonathanGoudefroy
    @JonathanGoudefroy 3 ปีที่แล้ว

    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
      @AngeloMontilla  3 ปีที่แล้ว +1

      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.

  • @milly6008
    @milly6008 3 ปีที่แล้ว

    Your tutorials are really nice and helpfull - thank you 😊

  • @sophierintala4928
    @sophierintala4928 3 ปีที่แล้ว +2

    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 :)

  • @jero5566
    @jero5566 3 ปีที่แล้ว

    OP dude!!
    really helpful
    thx

  • @ochoaluis3864
    @ochoaluis3864 4 ปีที่แล้ว

    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
      @AngeloMontilla  4 ปีที่แล้ว +1

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

  • @lavilladesophie
    @lavilladesophie 2 ปีที่แล้ว

    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
      @AngeloMontilla  2 ปีที่แล้ว +3

      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
      @lavilladesophie 2 ปีที่แล้ว +1

      @@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 🙏

  • @dimpt753
    @dimpt753 3 ปีที่แล้ว

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

  • @silvanaselene7775
    @silvanaselene7775 3 ปีที่แล้ว

    se puede hacer un pdf interactivo con gif?

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

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

  • @shafeequeabdulrahman8351
    @shafeequeabdulrahman8351 4 ปีที่แล้ว +1

    Very interesting, pls go on

  • @thinksysewingapp3390
    @thinksysewingapp3390 2 ปีที่แล้ว

    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
      @AngeloMontilla  2 ปีที่แล้ว +1

      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.

  • @ferminmoralescampoy
    @ferminmoralescampoy 3 ปีที่แล้ว

    Se puede exportar a MP4?

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

      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.

  • @charminesesay5217
    @charminesesay5217 ปีที่แล้ว

    how did u save it put it online

    • @AngeloMontilla
      @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!

  • @karthickgraphicdesigner8787
    @karthickgraphicdesigner8787 4 ปีที่แล้ว

    Superb Work.

  • @roxanneross762
    @roxanneross762 3 ปีที่แล้ว

    Do you use in5?

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

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

  • @paoalvarez4915
    @paoalvarez4915 3 ปีที่แล้ว

    how to export for interactive pdf the gif ?

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

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

  • @paulavalenzuela2624
    @paulavalenzuela2624 3 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  3 ปีที่แล้ว

      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.

  • @AlterMax24-YouTube
    @AlterMax24-YouTube 2 ปีที่แล้ว

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

    • @AngeloMontilla
      @AngeloMontilla  2 ปีที่แล้ว

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

  • @AhmadAteek
    @AhmadAteek หลายเดือนก่อน

    I like your videos, but you always cut out to the preview skipping a very essential part which is saving/exporting the file, please make sure to include that in future videos, and thanks for the creative content

    • @AngeloMontilla
      @AngeloMontilla  หลายเดือนก่อน

      Thanks Ahmad. I cover exporting and publishing options in many of my videos. This particular tutorial, you're options are to publish online or HTML5 export.