Create Subscribe Button Animation In After Effects - After Effects Tutorial (Free Template Footage)

Поделиться
HTML-код
  • Опубликовано: 11 сен 2024
  • Learn How to make Subscribe Button Bell Animation in After Effects without using any 3rd party plugin, very easy to make and edit. Download Free Template and Green Screen Stock footage and edit those using any editing software even on Android or iOS mobile phones. Simply add your logo and render the final animation.
    Support Me on Patreon: / admj707
    --DOWNLOADS--
    Bell + Cursor Icon - www.mediafire.c...
    Free Template + Stock Footage Files: / 19662483
    -------------------------------------------------------------------------------------
    Main Channel - / admj707
    ►More Helpful Tutorials
    Create Animated Background in After Effects - • Create Animated Backgr...
    Create 2D Transitions in After Effects - • (New) Create 2D Transi...
    Create 3D Logo Animation in After Effects - • 3D Logo Animation in A...
    ▼ Follow On For Latest Updates ▼
    Instagram - / motion_nations
    Twitter - / motionnations
    ♫ Music:
    Razihel - Love U [NCS Release]
    Jim Yosef - Link [NCS Release]
    JJD - Future [NCS Release]
    Visit Motion Nations for more Tutorials and Templates: motionnations.com
    Subscribe For More Tutorial Videos!
    ♦ Motion Nations ♦

Комментарии • 236

  • @MotionNations
    @MotionNations  6 лет назад +52

    Most Requested Tutorial so far :D

    • @l3ubble924
      @l3ubble924 6 лет назад

      Motion Nations bro the project isn't opening in CS 6

    • @MotionNations
      @MotionNations  6 лет назад +1

      Hey, the project files will open in Ae CC 2014 or above. But you can recreate this in CS6 or you can just add the logo to the stock footage.

    • @l3ubble924
      @l3ubble924 6 лет назад

      Motion Nations ok thnx

    • @MrNumber112
      @MrNumber112 6 лет назад

      Thanks a lot for this (and cool for the green screen footage) ;)
      Is it possible to make it in full HD with transparent background (alpha channel) ?

    • @kaustubhpaturi4801
      @kaustubhpaturi4801 3 года назад

      @@MrNumber112 yea, just delete the background solid

  • @DickMoonstruck
    @DickMoonstruck 4 года назад +3

    It took me 4-5 hours to understand and reproduce with tens of rewinds as many of those steps where providing different results, but I eventually managed to get it done. Thank you.

  • @kaustubhpaturi4801
    @kaustubhpaturi4801 3 года назад +6

    Job done! Damn simple than I thought it would be!
    In fact, it is based upon the person who is explaining...

  • @localrudeboy4987
    @localrudeboy4987 4 года назад +2

    Really helped me to figure out the masking process, finally finished my sub and social media graphics

  • @CFWorld
    @CFWorld 6 лет назад +11

    Finally tutorial launched 😍😍😍😍😍

  • @melindachang128
    @melindachang128 6 лет назад +5

    I love this animation, the best one out there as far as I'm concerned

    • @MotionNations
      @MotionNations  6 лет назад

      ah!! thanks man I'm glad that you liked :)

  • @tripchoni
    @tripchoni 6 лет назад +13

    Bhai good work😊

  • @PinaCoco
    @PinaCoco 4 года назад +1

    Thanks for the hard work, I have followed the guide and it turned out perfectly!

  • @RbhNews
    @RbhNews 6 лет назад +7

    thank you

  • @CraftyWay
    @CraftyWay 4 года назад +1

    Hi, Thanks for the video. I followed it and finally i made the Subscribe icon.

  • @jashael
    @jashael 4 года назад

    This is a very good tutorial. Everything was explained properly. Very easy to follow for a beginner like me.

  • @JBenadon3
    @JBenadon3 6 лет назад +2

    This tutorial was super helpful! Thank you!

  • @45DegreesSailing
    @45DegreesSailing 4 года назад

    GREAT Tutorial. Very easy to follow. Thanks!

  • @AlfonsoPerezBorroto
    @AlfonsoPerezBorroto 5 лет назад +1

    Great video!! I was looking for this a lot!!

  • @andreisutton
    @andreisutton 2 года назад

    helped so much!! thank you bro now i have one for my channel that im going to start posting on more!!!

  • @pranavmittal431
    @pranavmittal431 4 года назад

    This is the best and easiest tutorial to do this among so many I've seen. Thanks a lot!

  • @therealroyalmafia1279
    @therealroyalmafia1279 5 лет назад +2

    This was great! Thank you for the tutorial!

  • @EscapementWatch
    @EscapementWatch 4 года назад

    The white solid ruins it after its done because its too big. anyway to make it disappear without losing the red? cuz when i hide the white solid the red sub button turns grey

  • @hcfernando9415
    @hcfernando9415 4 года назад +1

    Incredible animation and explication!! All clear and very organized :)

  • @rokdupadventures7515
    @rokdupadventures7515 4 года назад

    Bloody excellent work! Thanks very much for the step by step. Bit of work for a complete novice like myself, but I got there in the end and understood After Effects a little bit more. Cheers

  • @weebhavv
    @weebhavv 6 лет назад +2

    Amazing work brother!

  • @BarcaLegion5
    @BarcaLegion5 4 года назад

    Thanks a lot bro!!!

  • @MoeezAhmad
    @MoeezAhmad 3 года назад +1

    one very awkward problem.... I had a problem after adding those all 3 masks (for the elipses) and sorting them, it acts like broken what i mean is animation isn't smooth, it looks something is missing. I spent the whole day carefully watching every single step, yet i couldn't do anything about it till now.

  • @FerBa
    @FerBa 4 года назад +1

    For those who does not find "fill" change the mode to standard and go to effects and presets
    , then you look up "fill" 😅

    • @XimenaSalinas
      @XimenaSalinas 3 года назад

      THANK YOU! I was struggling with this one

  • @restartmylife2217
    @restartmylife2217 4 года назад

    nice tutorial....Thanks Mr.

  • @aadityadas2410
    @aadityadas2410 2 года назад

    Thanks!! Great video!

  • @AGDetailing
    @AGDetailing 4 года назад +1

    Thanks a lot! Best thing I could find out there. Gonna use it for my vids.

  • @thejessamuffin
    @thejessamuffin 4 года назад

    Awesome tutorial! Loved all the speed curve tidbits :) Thank you!

  • @samuelpolimeni4150
    @samuelpolimeni4150 4 года назад +4

    Thanks man really nice animation just finished animating it in AE, how can I export this to Premiere Pro? I got several error when doing so

  • @caspersmc
    @caspersmc 2 года назад

    When I am doing the cursor, the default settings i have (just downloaded after effects) will not let the path of the position be a straight line when i am making the keyframes for the cursor. Please help as there is nothing you are doing differently than me but your lines are straight. May be a dumb question with an easy fix but i cannot figure it out for the life of me

  • @SetusTeknow
    @SetusTeknow 4 года назад

    Thank you 😎

  • @THEFUTURESOUNDBEAT
    @THEFUTURESOUNDBEAT 4 года назад

    great tutorial thanks for sharing I will use this to my videos thanks bro keep on making this real

  • @SulemanKhan-vt7ve
    @SulemanKhan-vt7ve 2 года назад

    I am very excited this video

  • @KOWAZX10R
    @KOWAZX10R 2 года назад

    Thank you bro! +1 sub!

  • @musikworldz5531
    @musikworldz5531 3 года назад

    thanks for the tutorial and free project it make our work fast

  • @tiktokchanz7732
    @tiktokchanz7732 5 лет назад

    Excellent tutorial! Just what I need right now!

  • @MishaKayKay
    @MishaKayKay 4 года назад

    Thanks a lot for this great video! I tried as beginner and I did it! I have just to find out how I remove the background. Greetings from germany!

  • @AnjaliSingh-nx5js
    @AnjaliSingh-nx5js 6 лет назад +2

    Yeah thanks brother really needed it

    • @auser3467
      @auser3467 6 лет назад

      Want Videos ?? YEA Lol

  • @Brazilian.Kitchen
    @Brazilian.Kitchen 4 года назад

    wow great tutorial! thank you so much!

  • @Laverts
    @Laverts 2 года назад

    Fire Tutorial, Thankyou So Much Man

  • @maxgfx2464
    @maxgfx2464 3 года назад

    Masha Allaha very simple trick useful command tnx

  • @AienWong
    @AienWong 4 года назад

    Thanks!

  • @TheRandomGuyTheFarNoGameCat
    @TheRandomGuyTheFarNoGameCat 4 года назад

    SUBSCRIBED! This is amazing man. Thank you so much!

  • @v2al389
    @v2al389 5 лет назад +3

    when you press f9 then the chart thing mine dont look the same as yours and is completely different please help

    • @MotionNations
      @MotionNations  5 лет назад +2

      All you have to do is select the keyframes, then right click in the graph editor and select "edit speed graph"

  • @pandapotanpurba
    @pandapotanpurba 5 лет назад

    thank you ... the video is very helpful

  • @SteneArtStudios
    @SteneArtStudios 3 года назад

    Awesome stuff!! Thanks! Making my subscribe button today! Very clear and concise instructions.

  • @AruRossi
    @AruRossi 4 года назад

    Great tutorial! Thanks for sharing :)

  • @shortsblocker5297
    @shortsblocker5297 3 года назад

    thanks helped out a lot

  • @Pablowlezebi
    @Pablowlezebi 3 года назад +1

    Thank You So Much !!!

  • @musicheart7144
    @musicheart7144 4 года назад

    thank you brother

  • @s.t.a.r.d.u.s.t.8
    @s.t.a.r.d.u.s.t.8 2 года назад

    WOOW thanks a lot man!!!!😍

  • @arceehee
    @arceehee 4 года назад

    Thanks man

  • @immmune4031
    @immmune4031 3 года назад

    This is so helpful thanks a lot

  • @zeramotion6449
    @zeramotion6449 3 года назад

    Great tutorial. Keep going )

  • @daschtheducc
    @daschtheducc 3 года назад

    Thank you! :D this is so helpful!!!!!! :D

  • @nickchamberlin
    @nickchamberlin 5 лет назад

    That's fantastic looking thanks!

  • @BusinessTopicsVP
    @BusinessTopicsVP 6 лет назад +1

    you are great thank you so much

  • @HadiFilms983
    @HadiFilms983 3 года назад +1

    9:22 l am not sure why but my path is getting curved and moving very fast not giving giving enough time to move smoothly can anyone help me please?

  • @AemJaY
    @AemJaY 3 года назад

    after i dont know how long, i think i managed something. but how can i add this now to my videos, without the white or black background? Can i make the background transparent or how does that work?

  • @jankovicsr
    @jankovicsr 4 года назад

    Thank you so much to the lesson! :)

  • @playertimex
    @playertimex Год назад

    This video is nice 👍

  • @alitobiyev9988
    @alitobiyev9988 5 лет назад +1

    Thank you bruh Appreciate it❤️

  • @TamizhagaPulse
    @TamizhagaPulse 4 года назад

    How to create a subscribe button animation to be added to videos from iPhone? Can you please show it?

  • @PSL737
    @PSL737 4 года назад

    nice work! thank you!

  • @WhatTheGaming94
    @WhatTheGaming94 5 лет назад +2

    5 files are missing from the after effects download bro

  • @toppingdeer4529
    @toppingdeer4529 5 лет назад

    Thank you for sharing 😘😘😘 So helpful 👍👍👍 what a cool button 😍😍😍, Your new friend, Topping Deer ❤️❤️❤️

  • @HealthCoachKait
    @HealthCoachKait 6 лет назад +1

    I downloaded your green screen one, but how do I make the background transparent and not green?

    • @MotionNations
      @MotionNations  6 лет назад

      Hey there, just search for how to remove the green screen for the software that you use. Usually, there is an effect called chroma key to remove green bg.

    • @WhereNerdyisCool
      @WhereNerdyisCool 5 лет назад

      I tried the AE 2018 project file, how do you change the white background to green...something you can chroma key out easier (if I chroma white out I loose the text)

  • @piratedpunjabi1185
    @piratedpunjabi1185 4 года назад

    Thanks a ton mate

  • @Zuxxefied
    @Zuxxefied 6 лет назад +2

    Bro one question plz reply this .....🤞🤞🤞
    How u edit you texted intro plz tell dont ignore

  • @AryMir
    @AryMir 6 лет назад

    Excellent tutorial, Thanks.

  • @amanabbasi899
    @amanabbasi899 6 лет назад +2

    Nic thanks

  • @Jason-xf8oe
    @Jason-xf8oe 3 года назад

    when I move the cursor to the top of the bell the line doesn't go straight and yours.. It maskes a cureed movement bro :( can u help me

  • @Samira-po8ld
    @Samira-po8ld 4 года назад

    Thank you so much

  • @FVMechanism
    @FVMechanism 6 лет назад

    Hey I love your channels

  • @l3ubble924
    @l3ubble924 6 лет назад +2

    thnx

  • @allanfernandez7516
    @allanfernandez7516 2 года назад

    when animatigng the cursor i cant animate it in a staright line ...it curving when i got to the bell icon please help

  • @arkano01
    @arkano01 4 года назад

    Thank you, man!!!

  • @BeeCoderGames
    @BeeCoderGames 3 года назад

    Amazing👍

  • @v.fadeev3584
    @v.fadeev3584 10 месяцев назад

    thanx bro!

  • @nofen5650
    @nofen5650 3 года назад

    10/10

  • @mcspamzockt1807
    @mcspamzockt1807 6 лет назад +3

    nice vid, but you could say that the "move anchor point" a plugin is

    • @MotionNations
      @MotionNations  6 лет назад

      no, it is not that's a script and you don't need that you can just use the pan anchor tool to adjust anchor point.

    • @abdullahkamardeen7269
      @abdullahkamardeen7269 4 года назад

      @@MotionNations which app do we want to use🤔🤔

  • @eytijitv3369
    @eytijitv3369 5 лет назад

    nice tutorial

  • @gulfamzafar2376
    @gulfamzafar2376 3 года назад

    Sir can you make a video on the whiteboard animation

  • @Amina_Kitchen_Official
    @Amina_Kitchen_Official 6 лет назад +1

    Liked and subed.
    How to do this on Hitfilm Express? Do you have video on that?

  • @karkarmanh9171
    @karkarmanh9171 5 лет назад

    good job well done.

  • @imanshokryeh5406
    @imanshokryeh5406 3 года назад

    great

  • @jayathilakabandara4101
    @jayathilakabandara4101 6 лет назад

    *I LIKE YOUR RUclips CHANNEL*

  • @장나라
    @장나라 6 лет назад +1

    thanks :)

  • @MoeezAhmad
    @MoeezAhmad 3 года назад

    removing mask 3 is fine

  • @FerBa
    @FerBa 4 года назад

    I can't find fill in 7:22

  • @AlfonsoPerezBorroto
    @AlfonsoPerezBorroto 5 лет назад

    How we delete the background to apply the animation to any video without the white or green background?

  • @FeryKurniawan1
    @FeryKurniawan1 4 года назад

    Bro, my video can't rendered fully as per the editing file, the boxes (red and grey) were not showing when I render it, could you please give me some tricks to fix it? I'm using CC 2020. Thank you, subscribed!

  • @kakaproduction919
    @kakaproduction919 5 лет назад

    Thanks bro

  • @TDREE
    @TDREE 4 года назад

    How am i supposed to put this in youtube video if it has background gray ?

  • @bostonelevatorsaviation
    @bostonelevatorsaviation 4 года назад

    Can you. make this in Final Cut Pro

  • @itskecikz2209
    @itskecikz2209 6 лет назад +2

    First View First Comment Firtst Like

  • @JaGsTMZ
    @JaGsTMZ 4 года назад

    Character seems like we don’t have in our after effects the one from which U fix the anchor point please reveal this video in a nice and. Slowly hope u will do it. Thnk ew

  • @shankernair09
    @shankernair09 3 года назад

    Cool video! Am new to After Effects and am sure I will take some time to wrap my head around what you did.. 😏 One question can we add audio effects to this animation, for instance when you click, a click audio is played and when you click on the bell, a bell sound is played?
    Thanks all the same for the tutorial! 👍

    • @MotionNations
      @MotionNations  3 года назад +1

      Glad you like it, yes you can add the sound effect. Just import the audio file in after effects and then drag them into the composition and adjust the timing of the layer accordingly that should work.

    • @shankernair09
      @shankernair09 3 года назад

      @@MotionNations
      Thanks!
      One more question, can we use PNG instead of Illustrator file?

    • @MotionNations
      @MotionNations  3 года назад +1

      @@shankernair09 Yes you can.

  • @aizzatazlan434
    @aizzatazlan434 3 года назад

    Thank youuuuuuu

  • @kaustubhpaturi4801
    @kaustubhpaturi4801 3 года назад

    Hey! I can't see the track mat button for my circle! And, how do I mask it in the first place...😬😁