HTML5 Animated banner design in Adobe Animate CC | Beginners Tutorials

Поділитися
Вставка
  • Опубліковано 5 вер 2024
  • In this video, you will learn how you can design animated banner ads in Adobe Animate CC. You will learn how to design attractive banners and loop/repeat banner animations. This video is for beginners who want to create banners and upload them to google ad campaigns. Watch the full video and let me know in the comments if you need any help. Visit my website for source files used in this video.
    Loop/Repeat Code:
    if (!this.looped) this.looped = 1;
    if (this.looped++ == 3) this.stop();
    Google Ads Meta Tag:
    support.google...
    My Website:
    hamidesigner.com/
    My Instagram:
    / realhamidesigner
    My Tiktok:
    www.tiktok.com...
    My Dribbble:
    dribbble.com/h...
    My Behance:
    www.behance.ne...
    -------------------------------
    Hi, I am Hamid - a logo designer and UI/UX professional by trade and a hyperactive creative individual by passion! I have been in the freelance designing business for over 10 years. I have joined this platform to share my design knowledge with everyone interested in the design field. I would like to help individuals who want to pursue their careers in the designing field. If you need any kind of design help, please leave me a message. I will get back to you asap.
    Please Subscribe my channel and press bell icon for future notifications.
    #html5banners #animatedbanners #html5AnimatedBanners #bannerads #webdesign #photoshoptutorials #designtutorials #photoshopforbeginners #graphicdesign #webbanners

КОМЕНТАРІ • 30

  • @SalvajobNigeria
    @SalvajobNigeria 3 місяці тому

    Thank you

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

    omg! thank you for ctrl+shit+c shortcut! been doing it wrong for 15 years

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

      so my video able to solve some problemo. Happy to know this :)

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

      @hamidesigner it sure did, I was very mad at adobewhen they limited the share option. But this is perfect for quick sharing a sketch with clients

  • @ComedyClassess
    @ComedyClassess 3 місяці тому +1

    this one

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

    Thanks!

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

    Thank you!!👏👏

  • @learning2danimation254
    @learning2danimation254 3 роки тому +1

    Nice video ❤️ thanks for teaching this in free ❤️

    • @hamidesigner
      @hamidesigner  3 роки тому

      My pleasure 😊Stay tuned for future videos

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

    Animate CC or after effects? Can I use after effects for this?and where is html 5 coding???

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

      You can use after effects for video or gif ads, not for html5 ads. :)

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

      @@hamidesigner so tell me what for html5 ads?? Clear cut bataon tum

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

      @@asadashraf2307 User Google Web Designer for html5 ads, GWD is free and easy to use.

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

    I watched another tutorial on this too. I see that this other guy had to delete unnecessary code from the html file. I can't tell which code is more necessary than others or why it is- maybe it has to do with a handler or name not existing in that particular file, or the commands are repeated in the new code. For all the emphasis on this being a simple thing to do, it looks quite complicated.

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

      Because that code is just comments and no action is performing. code for button click in important.

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

    Thank you for this tutorial !!

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

    Great stuff! thanks. Are you able to add a click through URL using animate publish?

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

    Are you using Actionscript 2 or 3?

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

    why wouldn't you save it to psd and use "Import to satage"?

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

      ah thats also can be done. Thanks for reminding me this. In next tut will do this by importing psd.

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

      @@hamidesigner thanks a lot. I know psd makes some problems. So it'd be nice to know how you fix those problems in Animate.

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

    do you have a video for responsive?

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

      Not at the moment, i will try to upload some soon.

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

    What is the error window that pops up at 10:36? I am doing a tutorial myself and this same error message appears for me, and the banner still operates well.

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

      Hi,
      I do not see any error on 1036? can you check again and send exact timing again?

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

    how do I have multiple click throughs for Google GDN ?

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

      Hi @Duncan Norton, you can use multiple "tab area" components. :)