Wave warp trails flying orb | After Effects tutorial · Master Study of Flatwhite Motion

In this tutorial, I show you how I recreate this flying orb with wavy trails animation segment from Flatwhite Motion's "Meizu - Aicy" piece. I first discovered it on Behance. I was really astounded by everything in that animation. Each scene seems so fun and exciting so I decided to recreate one and learn from it, the next thing you know it's a tutorial! Enjoy!
00:00 - Motion analysis
01:00 - making the orb
03:00 - making the wavy trails
08:00 - making the ribbon of ovals
13:30 - final compositing
Flatwhite Motion: www.flatwhitemotion.com/
Meizu - Aicy: vimeo.com/356381936
🔴Project file download
→ gum.co/HTRfn
♥️ Support NoSleepCreative by making a donation
→ Patreon: www.patreon.com/nosleepcreative
→ Venmo: venmo.com/desmond-du
→ Coffee: www.buymeacoffee.com/oM3Ylrf
🌎 Follow me everywhere
→ Website: duitbetter.com/
→ Instagram: / thedesmonddu
→ LinkedIn: / desmonddu
📚 Resources & Readings
→ Expressions library: docs.nosleepcreative.com/code...
→ Expressions reference: expressions.aenhancers.com/
--
NoSleepCreative is a creative resource to give you the skills you need to create a killer portfolio, land your dream Motion Design jobs, and clients that you want!

Пікірлер: 103

  • @NoSleepCreative
    @NoSleepCreative4 жыл бұрын

    Wow, looks like everyone really loves this tutorial; I'm very happy and grateful for everyone's support! A friend suggested me to have some sort of donation option available which I thought was a great idea! If you like to support me in doing what I do with my teaching and letting me stay as a NoSleepCreative, do consider buying me a coffee here: www.buymeacoffee.com/oM3Ylrf

  • @lordfresh
    @lordfresh3 жыл бұрын

    I love this master study style recreation! Very enjoyable!

  • @dmellis
    @dmellis7 ай бұрын

    I love the tips about the Distort - Mirror effect, wave warp and the extra parameters of the wiggle() function. I didn't know those. Great work!

  • @atefhossam9505
    @atefhossam950511 ай бұрын

    Incredible series. I cannot tell you how grateful I am to you and the team for creating these tutorials here for free. I hope this reaches you to show you my appreciation on the amazing work you're putting out there and, please keep them coming! :)

  • @williamgarcia3697
    @williamgarcia36978 ай бұрын

    Fantastic work and a simple approach to explain how you get it done! Thank you VERY much for this!

  • @duke3024
    @duke30243 жыл бұрын

    very neat! I love watching this tut. Keep up the amazing work, Desmond!

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    Thank you very much!!

  • @udamangaming7145
    @udamangaming71452 жыл бұрын

    Lots of After Effects techniques in one project. Thanks!

  • @MrTapanvyas
    @MrTapanvyas9 ай бұрын

    Thank you tons...I was looking out for this tutorial since long🙏

  • @scottjanulewicz6774
    @scottjanulewicz67743 жыл бұрын

    Thanks for taking the time to put this together!

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    You are welcome man!

  • @joshuacox4124
    @joshuacox41243 жыл бұрын

    This was so helpful. Your style is great for following along with. Thank you!

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    Thank you very much, I appreciate it!

  • @titimajik
    @titimajik3 жыл бұрын

    Your channel is awesome, a huge thank you. This is such a beautiful effect !

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    Thank you very much!!! Glad that you liked it!

  • @anthonqui
    @anthonqui3 жыл бұрын

    Dude your channel is a gem! Glad i found you on youtubr. Thankss for this amazing tuts! Godbless man more subs to come. Peaceout!

  • @tchagolago
    @tchagolago Жыл бұрын

    This is amazing! Your channel is great! Just applied some techniques in this tutorial in a personal project! Thank you!

  • @NoSleepCreative

    @NoSleepCreative

    Жыл бұрын

    thank you! Happy to hear!

  • @Maskerada-k9g
    @Maskerada-k9g3 жыл бұрын

    I am so thankful for this..I literally just completed an after effects course but have zero idea or inspiration how to start making something...I see many beautiful animations on dribbble, behance and they make me crazy...I was finally able to learn this..❤️.. please keep posting more Master studies like these.❤️

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    yeah I'm glad to hear that! Check out my Master Studies playlist if you have not: kzread.info/head/PL1TQbviAEvf3C_W2K-PE8mpOys2n9BDch

  • @DF-mx6gn
    @DF-mx6gn2 жыл бұрын

    this is EXACTLY what I was looking for, thankyou so much, fantastic tut :D

  • @NoSleepCreative

    @NoSleepCreative

    2 жыл бұрын

    You are welcome!

  • @Okay_justcallmekim
    @Okay_justcallmekim3 жыл бұрын

    Flatwhite Motion are my best animators. Knowing that i now know how to create what they did in one of their animation makes me so happy. You jusy made my Christmas. Thanks Alot for sharing this knowledge man i really Appreciate your work.

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    I'm very happy to hear that man! Thank you for sharing with me!! ❤️

  • @user63dkgncn
    @user63dkgncn3 жыл бұрын

    Wow, I can't believe I've discovered such a precious tutorial! My wish was to see how these people make, as I find a huge video in Vimeo every day. I'm honored to be a motion designer.

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    Glad it was helpful! I have more master studies tutorials you can help yourself to: kzread.info/head/PL1TQbviAEvf3C_W2K-PE8mpOys2n9BDch Cheers!

  • @Birii23
    @Birii234 жыл бұрын

    This is awesome! Thank you for this! 👏👏👏

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    Thanks Billy!

  • @riveramotion
    @riveramotion3 жыл бұрын

    I rarely leave comments on youtube, but after watching this masterpiece tutorial I was amazed. Thank you for such a useful knowledge

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    Thank you very much for your kind words! I greatly appreciate it!

  • @AR-nr2ix
    @AR-nr2ix2 жыл бұрын

    Beautiful

  • @rohitbrr
    @rohitbrr3 жыл бұрын

    So good! Thank you so much!

  • @JcmotionDesign
    @JcmotionDesign4 ай бұрын

    Un grand merci, super tuto

  • @user-ht9do7yv6q
    @user-ht9do7yv6q2 жыл бұрын

    Thank you ,very interesting tuto.

  • @sushant996
    @sushant9969 ай бұрын

    Superb, I was looking for something like this.... Thank you. 😊

  • @neilpatricksonalan5491
    @neilpatricksonalan54913 жыл бұрын

    Thank you for existing man!

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    My pleasure!

  • @PSL737
    @PSL7373 жыл бұрын

    always enjoy your tutorial! it's really helpful! just a small tips for the recording. if you want to have better quality of the sound, choose the usb port microphone will fix lots of problems!

  • @anandbhandarkar
    @anandbhandarkar Жыл бұрын

    wow thanks for sharing this...

  • @9226756826
    @92267568264 жыл бұрын

    Awesome 👍 work brother!! Very useful!!!

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    thanks Sunny!!

  • @TV-yr9wr
    @TV-yr9wr3 жыл бұрын

    This is the tutorial I was really looking for,,,thanks bb !

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    yeah no problem!!

  • @brandonkalyan
    @brandonkalyan4 жыл бұрын

    So glad you shared on MDC, definitely loved this!

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    thanks Brandon!

  • @SketchTV

    @SketchTV

    4 жыл бұрын

    What’s MDC?

  • @12o216
    @12o2162 жыл бұрын

    Thank you sooooo much!!! Fantstic effect!!!!!

  • @NoSleepCreative

    @NoSleepCreative

    2 жыл бұрын

    Thank you and you are welcome!

  • @alializadeh8195
    @alializadeh81956 күн бұрын

    Thanx

  • @lkmograph
    @lkmograph4 жыл бұрын

    Thanks for sharing this! :)

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    of course!!

  • @user-of8uc9rp2u
    @user-of8uc9rp2u5 ай бұрын

    00:00 Learn to create wavy trail animation from Flatwhite Motion studio. 01:34 Animating the position of an ellipse using expressions 03:22 Duplicating and customizing triangle shapes in After Effects. 05:12 Adjust wave height, speed, and position for triangles 07:04 Creating wave warp trails and an oval ribbon in After Effects 08:56 Creating tapered oval shape and adding color variations 10:58 Using time remapping in After Effects to create perpetual loop animation. 12:54 Create ribbon effect and orb motion Crafted by Merlin AI.

  • @mahmoudbadran7611
    @mahmoudbadran76114 жыл бұрын

    fantastic, keep the good work buddy

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    thanks dude!!

  • @jenwu636
    @jenwu6364 жыл бұрын

    Thank u this is great !

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    Glad you like it!

  • @KabeeshS
    @KabeeshS4 жыл бұрын

    From reddit... Its really cool.. Thank you❤️

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    my pleasure!!!

  • @snakekwokdesign
    @snakekwokdesign3 жыл бұрын

    讲得很好啊,非常感谢你的分享

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    谢谢!!

  • @observatoire5497
    @observatoire54973 жыл бұрын

    Very useful, thx!

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    you are welcome!!

  • @liaol5837
    @liaol58372 жыл бұрын

    thanks

  • @hesher4360
    @hesher43604 жыл бұрын

    Thanks man the tutorial was really helpful! tho I think the 'Direction' of 'Wave warp' should be the opposite (0˚ to 180˚) cuz the wave looks like its going 'into' the orb unless it was intended

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    My pleasure and thanks for the tip!

  • @rosswhite6626
    @rosswhite66262 жыл бұрын

    Excelente, a pesar de que mi ingles no es bueno te entiendo perfectamente.

  • @vikizuna415
    @vikizuna4153 жыл бұрын

    Hit the like already,Great tutorial~ Want more

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    thank you!

  • @crinimo.studio8496
    @crinimo.studio84964 жыл бұрын

    nice tut! thanks , greetings from Chile

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    Greetings! And thank you!

  • @crinimo.studio8496

    @crinimo.studio8496

    4 жыл бұрын

    @@NoSleepCreative i will post my version on instagram right now thanks desmondddu

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    @@crinimo.studio8496 Yasss! Please tag me! Love to see it!

  • @smoker83
    @smoker833 жыл бұрын

    Many thanks pal for this fantastic tutorial. Maybe you know if there is any way to adjust gradually the speed from wave warp effect, do you? sliders and expressions perhaps ?

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    hey thanks Alberto! You can just animate the phase offset instead of use the wave speed!

  • @SergeyMoskvinStories
    @SergeyMoskvinStories3 жыл бұрын

    Cool tutorial! but what if i want to rotate tail? How i must to do it if i want fluid motion of rotating tale

  • @emelio6928
    @emelio69282 жыл бұрын

    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.

  • @lopsangdlama
    @lopsangdlama3 жыл бұрын

    could you please explain how does "freeze on last frame" work ?

  • @vinee.mp4
    @vinee.mp43 жыл бұрын

    So ive got my wave warp set up but it just won't pin to the top of the triangle.

  • @MICROJIVAANU
    @MICROJIVAANU3 жыл бұрын

    how to do those background circle thing?

  • @gppanicker
    @gppanicker3 жыл бұрын

    Is there any way to rotate the whole animation? Since it got mirroring Effect it make difficult to animate.

  • @SergeyMoskvinStories

    @SergeyMoskvinStories

    3 жыл бұрын

    same to me

  • @ik_mograph
    @ik_mograph4 жыл бұрын

    They showed some tips in their presentation on momentor (it's in chinese)

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    momentor? is that a website or a youtube channel? Would love to learn more; thankfully I can speak Mandarin lol

  • @ik_mograph

    @ik_mograph

    4 жыл бұрын

    @@NoSleepCreative It;s a website mostly for cinema 4d, but you totaly should check it out www.momentor.tv/ and this is direct link to their presentation www.bilibili.com/video/av73092140

  • @NoSleepCreative

    @NoSleepCreative

    4 жыл бұрын

    @@ik_mograph hell yeah! Thank you for sharing these; I will definitely take a look!

  • @hesher4360

    @hesher4360

    4 жыл бұрын

    I wish they had translation

  • @grosgato

    @grosgato

    3 жыл бұрын

    @@hesher4360 do you find some translation ?

  • @mmmmmiiiii2
    @mmmmmiiiii23 жыл бұрын

    It's a really good tutorial video, but it would be better if you add Korean subtitles. :)

  • @RajyShalabi
    @RajyShalabi3 жыл бұрын

    The first thing thanks very much it's an awesome tutorial. ________________________ I guess your microphone is Blue Ytie, isn't? because you have a small noise in BG you can solve this problem in a simple way

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    hell yeah thanks! Yes, it is a blue yeti, and I have been trying to solve that annoying bg noise. How do you fix it? I read that using an external USB dock will help, but that didn't do it for me. It is a mic I have for 5 years.

  • @RajyShalabi

    @RajyShalabi

    3 жыл бұрын

    @@NoSleepCreative I'll send you what I did on Instagram.

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    @@RajyShalabi you are a lifesaver!!!

  • @RajyShalabi

    @RajyShalabi

    3 жыл бұрын

    @@NoSleepCreative I do what I can :)

  • @chhunnumunnu3538
    @chhunnumunnu353811 ай бұрын

    Help me shape edge not fixed still move when wave

  • @richardreevs6653
    @richardreevs66533 жыл бұрын

    Sir, is using color gradient is a bad idea in after effect? coz I can't find way to solve color banding ..

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    to fix color banding, you can work on a 16-bit project or add noise to your composition.

  • @richardreevs6653

    @richardreevs6653

    3 жыл бұрын

    @@NoSleepCreative it's good when render on MOV file, but when re-render on premiere it shown up again...

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    @@richardreevs6653 did you render in Maximum Bit Depth in Premiere?

  • @emadsalah8769
    @emadsalah87693 жыл бұрын

    Awesome ,but how can i move like this (1:23)

  • @NoSleepCreative

    @NoSleepCreative

    3 жыл бұрын

    haha use the Tab key

  • @emadsalah8769

    @emadsalah8769

    3 жыл бұрын

    @@NoSleepCreative thanks

  • @liaol5837
    @liaol58372 жыл бұрын

    很少看到有国外解说国内的片子

  • @grahamhiggins1816
    @grahamhiggins18163 жыл бұрын

    do you have the rights to take their animation- and place it in your video?