How to Create Animated Gradient in After Effects

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

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

  • @shortkek
    @shortkek 10 หลายเดือนก่อน +42

    Straight to the point, no fluff and just pure value. Thank you.

  • @WalkAway273
    @WalkAway273 2 หลายเดือนก่อน +10

    For anyone trying to add a motion tile and seeing a black line, the issue might be that your gradient layer is a PSD or AI file. You may need to recreate the gradient directly in After Effects.

  • @ShaudaySmith
    @ShaudaySmith หลายเดือนก่อน +4

    quick and dirty. i love these kinda videos. No preamble, no life story. exactly what i needed. thank you so much!

    • @PANTERvision
      @PANTERvision  หลายเดือนก่อน +2

      Haha you're welcome and thanks!

  • @BangerSoundtracks
    @BangerSoundtracks 6 หลายเดือนก่อน +2

    Thank you! This is awesome and you make it so easy!
    I didn't need to go much past the first stage to get the result I was looking for, which was a slowly moving gradient background, but the rest is great to know for when I want a cool oily/liquid look.
    Thanks again!

    • @PANTERvision
      @PANTERvision  6 หลายเดือนก่อน +1

      You're welcome! I'm glad it worked:)

  • @theRussAngelo
    @theRussAngelo 8 หลายเดือนก่อน +2

    Super useful, super direct, thanks for this!

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

      You're welcome!

  • @estrangeiroperdido
    @estrangeiroperdido 5 หลายเดือนก่อน +8

    my homie just broke my mind in half within 2 minutes

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

      That's awesome!😁

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

    Excellent as always! Great tutorial Panter

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

    thank you PANTER! 🐅

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

      You're welcome!

  • @stiffyBlicky
    @stiffyBlicky 5 หลายเดือนก่อน +3

    hi, i did this in portrait mode, but can't get rid of the black circles the way you did. any tips?

  • @CalmoraMeditation
    @CalmoraMeditation 8 หลายเดือนก่อน +1

    will be using this technique for backgrounds to my guided meditations. thank you so much.

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

      You're welcome!

  • @cosmosheesh
    @cosmosheesh 3 หลายเดือนก่อน +1

    i just discovered your channel, this is absolutely incredible!!! THANK YOU ❤️

    • @PANTERvision
      @PANTERvision  3 หลายเดือนก่อน +1

      Welcome friend🥳

  • @syko.uk.
    @syko.uk. 9 หลายเดือนก่อน +1

    Great tutorial thank you Panter.

  • @breannaquintana2869
    @breannaquintana2869 6 หลายเดือนก่อน +1

    dude sick, just what I needed to find!

  • @fiori_gg
    @fiori_gg 29 วันที่ผ่านมา

    Thank you, your tutorial saved me, and my work xD

    • @PANTERvision
      @PANTERvision  29 วันที่ผ่านมา

      You're welcome:)

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

    dude this was awesome!!!!! - Thanks

  • @TuneTripper
    @TuneTripper 7 หลายเดือนก่อน +1

    Cool! Thank you!

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

    Great tutorial! Thanks

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

    1:52, what is the alternative for Mac? There isn't any alt key on it

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

    How come you're able to drag the points of the gradient. I have to manually click and place where I want them to be from the effect controls.

  • @NiallPhillips-hu8ty
    @NiallPhillips-hu8ty 20 วันที่ผ่านมา

    How do you add more than 4 colors?

  • @juanfranrico3669
    @juanfranrico3669 3 หลายเดือนก่อน +1

    Hi! When I click de Evolution in the turbulent displace effect, the code doesn't appear. Does anyone know how to correct this?

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

    Brilliant tutorial thank you!! Helping me out with my work hahahah

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

      You're welcome!😄

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

    ty!! super useful!! can i ask how i can loop it?

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

      Thanks!~ You can loop using keyframes

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

    Hi thank you for making this tutorial !
    But I have a problem, why as soon as I apply the Motion Tile my comp goes black and white ?

  • @NiallPhillips-hu8ty
    @NiallPhillips-hu8ty 20 วันที่ผ่านมา

    Thanks so much! Could you share the file?

    • @PANTERvision
      @PANTERvision  20 วันที่ผ่านมา

      You're welcome!

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

    I am a beginner and these types of tutorials are the best. Is there a chance to make it perfectly looped? My current "loop" has a strong cut.

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

      Thanks! Yes if you animate it with keyframes

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

      @@PANTERvision Thanks for your reply. Do you have a tutorial about that? If not, are there any chances to get a quick one? Thanks!

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

    Thanks, it's helping me!

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

    thank you thank you thank you!!

    • @PANTERvision
      @PANTERvision  5 หลายเดือนก่อน +1

      You're welcome!

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

    Nice tutorial amigazo

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

    Thanks!

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

    Is there a way to do it with more than 4 points?

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

    Hi there and thy for the tutorial ! How do i slow down the animation of the gradient ?

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

    good job Thanks ! :)

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

    Im getting some lines after I have mirrored the edges, I checked all my settings and they match what you did. Am I missing something?

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

      I think my artboard size was 1080p, if you have different artboard size it gonna bring different results. Try to adjust the settings to match you're composition. Hope this helps

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

      Hi, I’m having a similar issue, composition is 1080px X 1920px. It still looks awesome, just not needing the lines for current project

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

    anyway to make it loop seamlessly

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

    Thanks for another amazing tutorial! Does anyone know if it's possible to mask the animated gradient into typo? I've tried so many things and keep failing.

    • @CB-725
      @CB-725 ปีที่แล้ว

      an easy way to do this would be mask the type out in photoshop and then just put the gradient video file behind it in the timeline panel. That's how I would do it at least, sure there's a way in AE but they over complicate things sometimes IMHO and I am just better at PS.

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

    Instant subscribe! thanks

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

    Any tips for how to make this loop?
    I want to use this effect on a website's hero section, but without a loop its too big a file? How Do i make the points loop with the time*200 And twist on effect

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

      @Intern998 Thanks @intern988 I will try this!!!

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

      If the reverse looks harsh or jumpy, another dirty method is just overlapping the compositions and blending the middle point as long as the colour clash isn't too obvious @@KaiLandolt

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

    Is there any way to add a 5th color to the 4-color gradient?

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

      I know a solution where you can duplicate the layer with the effect and on the first layer you adjust the colors, change their position and then change the blend mode to melt the two layer gradients together.

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

      @@PANTERvisionhow does that work?

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

    Thank u 😊

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

    Thanks for the video! thumb up! could you please tell if it possible to make this gradient animation loopable?

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

      Thanks! Yes it can be looped

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

      @@PANTERvision Could you please explain how to do it? or maybe tell us where to find this information? Thank you for your reply☀

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

      @@PANTERvision please.....
      cannot find information......

  • @korruptnovellst4751
    @korruptnovellst4751 6 วันที่ผ่านมา

    Why the number 350?

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

    I wanted to have a duration of 20 minute but I don't understand how to improve the time. At 2 minute it stops

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

    How can i put the animated gradiend inside a Logo?

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

      With Track Matte pick whip

  • @unbiasedforreal
    @unbiasedforreal 3 หลายเดือนก่อน +1

    You got CR7 voice.

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

    How can we make this loop so the last frame is the same as the first?

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

      You can do that with keyframes

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

      @@PANTERvision do you have a tutorial you’d recommend? Very new to after effects.

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

      ​@@Followbrayden You gonna need to learn the basics of After Effects and do some online courses🙂

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

    Gained a sub !

  • @RaghadA-dl7di
    @RaghadA-dl7di 6 หลายเดือนก่อน

    does anyone know how I can make the animation slower?

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

      Expand the work area and also go to "Composition > Comp settings" and change the duration of the video to be longer.

    • @RaghadA-dl7di
      @RaghadA-dl7di 6 หลายเดือนก่อน

      @@PANTERvision I tried doing both, it didn't work. I also tried lowering the number in the (time*200) code, and it didn't work. And my problem is my laptop is too slow so I can't try and play around too much.

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

      @@RaghadA-dl7di But after you made it longer, move the keyframes all the way out so it slows down

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

    Done

  • @JaimeCardenas-v6j
    @JaimeCardenas-v6j ปีที่แล้ว

    Many thanks, bro

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

    to fast

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

    Thank you so much this is really help

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

      You're welcome:)

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

    очень классный эффект, спасибо!

  • @edwardteach1992
    @edwardteach1992 28 วันที่ผ่านมา

    Thanks!

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

    great tutorial thanks!