WAVE WARP ANIMATION - QUICK TIPS

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ต.ค. 2024
  • In this after effects tutorial, i will show you how to create wavy shapes animation in Adobe After Effects using an effect called "Wave Warp".
    🔗 Download project file from here :
    ➥ / 31159632
    ➥ / 31159632
    ➥ / 31159632
    ⥅ Timestamp ⥆
    0:27 Creating the shape
    0:45 Aligning the shape to the comp
    0:54 Applying the wave warp effect
    1:07 Wave Warp effects Settings
    1:30 Wave Warp pinning
    1:40 Converting the path to Bézier Path
    1:59 Symmetric Wave Warp ( UP & BOTTOM )
    2:22 Applying the Wave Warp effect to your animation
    2:40 Wave Warp line ( STOKE )
    ⭐ Free Motion Design class !! check it here :
    ・:*:・˙ skl.sh/2P0b6aw ・:*:・˙
    ・:*:・˙ skl.sh/2P0b6aw ・:*:・˙
    ・:*:・˙ skl.sh/2P0b6aw ・:*:・˙
    ➦ Instagram : / flowtuts_motion
    ➦ Dribbble : dribbble.com/F...
    ➦ Twitter : / flowtuts16
    ➦ Join My Discord Server : discordapp.com...
    ❤ Thank you so much for the support ❤
    #WaveWarp #AfterEffects #MotionDesign

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

  • @FLOWTUTS
    @FLOWTUTS  5 ปีที่แล้ว +11

    🔗 Download project file from here :
    ➥ www.patreon.com/posts/31159632

  • @BenMarriott
    @BenMarriott 5 ปีที่แล้ว +104

    Amazing work! :D love the colours and design

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

      Thnx Ben! i love your work too

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

      Habbit of reading comments first and was looking for wave animation.But reading "Ben Marriott"comment I hit subscribe.
      This is awesome tutorial "Flowtuts"
      Thanku so much...

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

    ✨ Free Motion Design Course : www.skillshare.com/r/user/flowtuts ✨

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

    Straight to the point, perfect tutorial!

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

    This is gorgeous, thank you so much for posting! Super clear and efficient, worked like a charm.

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

      Anytime, i am glad i can help 😇

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

    Thx for sharing. I have a problem, I set the pinning to all edges but nothing happens. How to fix that?

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

    Before you start if you use AE CS6, hold shift+alt to make Converting a Shape into a Bezier Path

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

    Brabbbb ila mghribiiii tbrklah 3likk

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

    Hello! Thanks for tutorial!!
    I have a question, if in effects I don't have 3rd PPARTY PRESETS Inner Shadow, how can I get it?
    Thanks in advance

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

      gumroad.com/l/inner-shadow

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

    hi, is it possible to parent wave wrap effect to the object? Let's say the effect is already applied and it's moving the way I want, but I just want the object to be connected to the layer with wave wrap, but this object shouldn't have wave warp effect.

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

    Excellent and simple tutorial. Saved me hours of work ❤️

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

      Glad it helped!

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

    so small and so powerful this tutorial was to me , thnx I learn a good lot of things today.

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

      Thnx for the kind words, Glad it was helpful !

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

    subed, ur one of favorite, really helpful. specially tha bazier path thing.

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

      Glad I could help

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

    OMG :D You are AMAZING!, thank you so much :)

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

      Glad it helped!

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

    Thank you so much!

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

      You're welcome!

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

    Dope, thanks a ton mate

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

      No worries!

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

    I have a question! Can I make that wavy motion temporary?!
    I mean; if I don't want it to loop all over my composition timeline!!.
    Thank you so much. I like your work, and the colors you use. 😍💓

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

      Yes you can! you just have to keyframe to keyframe the speed on the wave warp effect to go from whatever speed you choose to 0 once it hirs 0 it will stop

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

    thanks for sharing! How do you do a perfect loop? I want this to be looped on a website, but it never looks perfect at the end of the loop

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

      You can do it! look for the answer in the coments i think i answered that before

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

    your videos are so awesome!

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

      Thnx dude 😇

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

    How download the wave warp plugins ?

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

    Amazing tuto!! Thanks a lot!

    • @FLOWTUTS
      @FLOWTUTS  5 ปีที่แล้ว

      Glad you liked it 😇

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

    This is amazing, thank you so much

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

      You're very welcome!

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

    thx for help bro you save my live

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

    You're sooo gooodd!!!! PLZ PLZ do more tutorials... love you bro

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

      Thank you, More to come!

  • @waxmaster-c
    @waxmaster-c 4 ปีที่แล้ว +1

    Just found your channel. Great stuff! Thank you!

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

      Welcome dude i hope you learn something here, Enjoy 😇

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

    thank u so much for this

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

    donde puedo conseguir este plug-in?

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

    AMAAZING EXPLANATION UR MAKE IT VERYY SIMPLE THAANK U

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

      Glad you liked it!

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

    I'd love to learn how to loop this animation. You have commented about using the looping expression, but I have no idea where or how. I also can't seem to figure it out anywhere that I have searched online

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

    wow thanks for the tutorial! could I ask something? is there any expression to loop wave warp? or just adjust wave speed? my project time is 6 sec. thanks before :>

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

      yeah you can loop the wave warp by using this expression " loopOut(cycle) " after you animate and you can also adjust the wave speed if you go to the effect properties you will find a speed you can adjust that to your liking

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

      FLOWTUTS wow, thats work thanks a lot!

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

      @@stefanie3652 Anytime

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

      Any idea where you are supposed to enter the expresseion he listed?

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

    What font do you use on that wave warp text

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

      if you still wondering.. It's "Hanson"

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

    i love you

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

      Thank you, if you are gonna make a tutorial teaching the same technique go for it as long as you don't upload my video to your channel ( don't do that )

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

    Awesome!!!

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

      Thank you! Cheers!

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

    hey! what font are you using @ 0:22?

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

    Is there any way I can do this effect on free software

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

    great tut!
    what the name of the font "WAVE WARP"?

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

    Thank you for sharing

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

      Glad I can help 😊

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

    nice work!! Also, I have a question when I make this wave warp effect, it starts to show this jagged edge, both on the shape layer and png layer, does anyone know how to fix that? Thank you! (try to change the color depth but not working)

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

      can you share a screenshot of that or maybe share that on discord if you can

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

      @@FLOWTUTS Hey thx for the reply! Some say maybe the comp size is too big, but I kinda have a solution here, I use Gaussian blur and change the alpha curve and it turns out looks fine haha! Thanks again!

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

      Ohh ok glad you figured it out

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

    Muito Obrigado, mano!!

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

    thx for the lesson

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

      Enjoy ❤

  • @AlejandroSanchez-qp3bq
    @AlejandroSanchez-qp3bq 4 ปีที่แล้ว +1

    thank u!

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

      You're welcome!

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

    really cool :)

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

      Thanx ^^

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

    very informational video thanks FLOWTUTS

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

      Very welcome

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

    I LOVE UUUUUUUUU~~~~~

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

    Hi, how can I stop the loop?

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

    thanks

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

    NICEEE

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

      Glad it helped!

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

    Found this video having become interested in "Future Proof" channels intro card

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

      Maybe "Future Proof" needs to step up their intro game after watching this 😉

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

    The tutorials was great but the audio man... I think you should work on it. Nice vid. Very helpful

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

      Thanks, will do!

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

    ¿Cómo rayos convierte?

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

    bro the whole shapes decrease at same time

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

    جزايري؟

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

      yeah! half

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

    Thank you very much!

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

      you are welcome