Learn how to create a digital advertisement for social media using Adobe Animate

Поділитися
Вставка
  • Опубліковано 20 лип 2024
  • Follow along in this #Adobe Animate tutorial and learn how to create a digital advertisement for social media posts. In this lesson, I'll go over how to import a layered Adobe Illustrator design into Animate, use both Classic and Motion tweens as well as how to publish the project as a video and GIF.
    Full tutorial w/notes: bit.ly/36AMlfm
    Download Lesson Material: bit.ly/3wRdBAE
    Proxima Nova Font Download: adobe.ly/3MrHs8q
    0:00 - Intro
    0:33 - Importing an Adobe Illustrator file into Animate
    3:05 - Setting the duration of the project
    3:46 - Adding Classic animation Tween to Main Title
    8:10 - Adding Classic Tween animation to the Details
    9:56 - Adding Classic Tween fade in effect to Button
    12:17 - Adding Motion Tween animation to Rocket
    13:37 - Adding Motion Tween animation to Smoke
    16:10 - Adding Motion Tween animation to Moon
    18:34 - Adding Classic Tween fade in effect to Button
    20:51 - Exporting the project as a .MP4
    22:03 - Exporting the project as a .GIF
    22:35 - Adding Button Interactivity and Action
    #adobeanimate #interactivedesign #interactiondesign #animate #animation #animationdesign #graphicdesign #text #type #design #socialmedia #socialmediadesign #socialads

КОМЕНТАРІ • 25

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

    I'm Brazilian and I watch all your videos, I learn a lot from you, you are my Master of animations. Thanks for everything Angelo Montilla.

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

    This was extremely helpful and clear. Thank you!

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

    You're a great teacher. I've learnt a whole load of kills thanks to your selfless work

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

      Thank you Brian! I am super glad to hear you have been learning along the way.

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

    Wow. Thank you. It helps me a lot 🥰

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

    Thank you for this great tutorial Angelo. It would be awesome if you'd show us where to find materials to create those ads.

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

    Thank you many times 😍

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

    Thank you so much, a great tutorial!

  • @richardyoung4112
    @richardyoung4112 Рік тому +2

    Great stuff Angelo - quick question - so to have the interactive button work, it needs to be exported as an HTML5 file(s) (as opposed to a video file or GIF) - can that be uploaded to social media somehow with the button action intact?

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

    This video is very helpful for me 😁and if you make a design for post so you mast make without stork 😁

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

    Great content. Thanks.

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

    Hi Angelo, can i ask at the last, after adding action, Which format need to be export. First you told Video and GIF.

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

    How do I export it with the button for social media?

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

    Hi Angelo, how are you? I'm a beginner in Animate, what's the difference between Motion Tween and Classic Tween? Is there a criteria for choosing one instead of other? Thanks in advance :)

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

      Hey Valdair! Motion Tween allows you to create movement, size and rotation changes, fades to Symbols. Typically using Classic Tween is just fine for projects like this as it primarily used for transition animation purposes only.

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

      @@AngeloMontilla Thank you so much, Angelo! You're the best! :D

  • @toledocreativegroup
    @toledocreativegroup 5 місяців тому

    how come the button doesn't work when it is in the post, facebook for example?

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

    hi, I created a illustrator file of 1080 px by 1080 px. when I import it on the animate it goes way beyond the stage. how do I correct this . pls help. I have learnt a lot from you. You are a great teacher.

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

      Hi Tejinder! Ensure that the Illustrator artboard is also set to 1080 px by 1080 px and then import into a 1080 x 1080 canvas in Animate.

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

      @@AngeloMontillaHi, Thanks for the help and prompt response

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

    hey angelo,
    why not just do this in after effects?
    Thanks man :)

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

      Great question! Yes, you most certainly can. The biggest difference between the two is Animate is more web-oriented and the projects can be published for web use at much smaller size. It also allows for interactivity using HTML5/js. After Effects, as you know, is video and film production oriented. Thanks and take care.

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

    I don't understand how this is a social media post. The button won't work on Facebook or any other social media platform I'm aware of. I can see it as a website ad.