CRAZY Pattern Techniques in After Effects

We are going to use Time Displacement, Gradients, and Repetile, to control patterns in After Effects.
✍️ Take my NEW COURSE: www.motionbynick.com/upgrade
👉 Follow me on Instagram: / motion.by.nick
↑ Please tag me if you use these techniques so I can see what you make ↑

[@linnealowden7904]

Thank you for explaining this effects so clearly. I was totally mystified by this effect. I love your tutorials.

[@BobShurunkle]

i've been looking for an effect similar to this for years. thank you

[@ipsey4794]

absolute BANGER of a tutorial. Ive just been getting started with AE and motion design and this tutorial is helpful in so many more ways than you may have intended. Thanks bro

[@rahuldeshpande9997]

The idea of using the footage as a source is brilliant. The key to make the pattern look incredible here is the Mosaic effect though, thanks for sharing this Nick!

[@genevahines9558]

So excited to watch !!!

[@osborndane]

I love this channel, nothing better then chuckling and learning.

[@StoutPika]

This opens so many possibilities for creativity, so Amazing

[@markzaikov456]

I've always been suffering from duplicating a lot of assets, this is life changing thank you

[@Red_Rebel]

This is so cool! Omg I love how it turned out!

[@bradfab_fx]

I always appreciate good informative and useful tutorials

[@rrrrodddd]

Insane! Thank you Nick!!

[@b925free]

Nice creative use of displacements. Gives you a lot of ideas.

[@aim__freakz8499]

This is truly amazing!

[@vorval96]

Hell yeah bro! Thats just what I was looking for!!! Thank you!

[@stevenvanderlinden2334]

Dude.. this is so awesome. I’ve been looking for this for ages! Thank you so much!

[@antonioamicone6060]

simply brilliant! amazing and smart idea of using all that...

[@SanczykLucas]

This is awesome man. Really clever. Thanks!

[@sarahcrawley6181]

Awesome tutorial, man!!! thanks so much

[@PneumaLights]

omg, just saw your promo for the course.. you are hilarious!! this is the best way to learn - when you don't take yourself too seriously and it's just fun. definitely buying your course. thanks man!

[@cygtrafolia1007]

Awesome video. This is what I've been looking for. Thanks

[@user-xc7jl4qn7r]

This video was amazing man thank you so much!

[@davidbyourplanb]

Brilliant! Thanks that's given me all sorts of new ideas 🤔

[@bbdj2779]

This is wild. Love it.

[@code.with.chirag]

Thank you so much! This effect is gonna open the new doors for me.

[@cccrit]

Learned a lot from this, thanks!

[@onigiri168]

Thank you so much !!! this tutorial help me a lot !!!!!

[@davidbyourplanb]

Brilliant! I'll have to try this 👍

[@tavongashumbanhete9307]

Thank you man...this is so cool!

[@xradical89x]

nice! great idea with the mosaic!

[@Tangomango1720]

I'm a huge fan of this channel man!!! I can't believe the timing of this, I have been trying to do something like this for my project :D

[@motionbynick]

happy to help! 🕺🏻

[@steveloudon7491]

how do you make the X shape. I'm stumped. Thanks

[@Thebreadoven]

This technique is very clever! Really good tutorial, so much potential! thank you

[@svspirina1970]

This is very cool! Thank you!

[@peterheynen]

This tip was awsome, thanks a lot!

[@SB-gy2vx]

BRO! My brain is so happy, thanks for the AMAZING tips!

[@michaelgorczyca]

This is awesome!

[@rahuldeshpande9997]

Using Mosaic to ensure the Time Dispalcement is the same within a block - brilliant Nick!

[@s29547659]

so cool!thanks for sharing this.

[@zeedot01]

Fantastic tutorial, thank you

[@GregEightySeven]

Loving the Channel!

[@OneMoreTuneevents]

This is amazing!

[@davidkerman1732]

Awesome. Thanks!

[@massimobaita7178]

Thank You very much!

[@1WillyDAVID]

WOW bro, this is a game changer, thanks a lot for sharing

[@headcrab4]

Ooh, that effect might be pretty cool on an evolving fractal noise. Really neat!

[@HowToAnimateTutorial]

Thank you so much for this tutorial. It couldn’t of come at a better time 🙏🏽💯 Always on point and helpful. Thank you so much.

[@motionbynick]

Glad to hear it! Thanks for watching.

[@steveloudon7491]

How did you make the X shape. It's a shape layer but I can't figure out how to do it. Thanks

[@maja2717]

THIS IS MAD CRAZYY

[@maximepierret-bruler4035]

Awesome !

[@seranes_silence]

This is so amazing

[@LimanMeiwan]

Bro your awesome bro , create tutorial awesome always

[@ZeroHp-]

I'm so glad I found your channel. Thank you for everything you're doing 🔺⭕️ 🟥 ❤️ (if you use your imagination that's an animated heart)

[@majidhoma]

very useful . thanks

[@fivedays68]

Man you r doing some really cool things

[@BUONCO]

very helpful thank you

[@marcsrel4mpn]

great tutorial and tips

[@JeFilm94]

This was great! I created a gradient controller for shape patterns based on this, by pre-comping what you did in the tutorial then linking the Gradient Ramp controls to an effect in the new comp. I know there's ways of achieving the same effect with expressions and an ocean of shape layers, but this was so much more CPU friendly (and I'm no expression wizard anyways).

[@JeFilm94]

Update. Spoke too soon. Although this did work to create a controller for creating gradient scale patterns, I of course can't animate it due to the base shape's scale being scaled over time and I had to time-freeze layer to create a working controller. At least it works for creating static designs quickly, but if I want to animate them it seems I'll have to use the other methods.

[@alideep9656]

Thank you

[@mohit96mb]

Wow, you and I have almost the same work space layout . Gotta love RIFT, it is underrated.

[@artao5]

Oho, hey! Way cool. I'd not thought about using time displacement on motion graphics like this. I'd been focused on high-frame-rate video from my phone.

[@ahmedsheeraz]

very nice tut

[@HarrisonHUMAN]

Dude you are funny. And helpful. Thank you

[@DarkGT]

I have seen it done with fractal as a generator for the mosaic.

[@yuanwang5961]

Can you post more typographic tutorials? I love your works they are fantastic!

[@georgejames8984]

amazing

[@SreekanthGudesa]

Nice tutorial. Can we get other advanced tutorials using time displacement? Thank you.

[@JohnSundayBigChin]

I come from Jake's channel, nice Effect by the way...and good sense of humor.

[@jeroendonker]

Nice!

[@queldar27]

You’re so clever, Nick

[@motionbynick]

thank you! 🤘

[@petersolomon5227]

In a crowded social media market of motion designer educators, Nick is inventive and delightfully quirky.

[@lopsangdlama]

Awesome

[@user-lh9xq9kx5o]

so cool！

[@SalvatoreCostasowegot]

You just got a new subscriber! :-)

[@sunnyanimation6760]

You had me at 'WEEEEE'!

[@YusiDJordan]

Subbed ❤️

[@HenricWallmark]

Cool!

[@jerewind]

Very cool : )-

[@markpease1785]

Thank you very much! This is great! Could you share the keyboard command to bring up the effects marking menu?

[@motionbynick]

It is a free tool called FX console by video Copilot

[@JanneWolterbeek]

Hot shit! Subbed!

[@bindu996]

can you use time displacement to change colors instead of shape sizes?

[@pawelm-ext]

If the end result is what you're looking for you really should check out Cavalry :P

[@HenMor]

Cool

[@PetraPunctRazu]

came here from reddit and almost insta-subbed. you're fun to watch and also a good teacher. i'm sad because you have few videos but can't wait for you to upload more! btw could you please integrate the addon to show what buttons you press? you did that in other videos. thanks for sharing this info with us man!

[@motionbynick]

I started this channel not too long ago. Got a lot more videos planned! And I'm looking for a more consistent keyboard overlay thingy!!

[@steveloudon7491]

Do you know how he made the X shape? Thanks

[@vinhdo1609]

Hi, Nick please tutorial for your intro please it looks so interesting

[@benjaminbrowning7317]

Tops!

[@benjaminbrowning7317]

Great aesthetics in your work, super helpful tutorial and an entertaining disposition

[@LexxGee1234]

Pro Tip: You can also use "Repeater" If you want to use shapes to animate it. ( Click The " Add > " button on the top right of the properties [ double press "u" to see the properties ] )

[@richochet]

Nice, thanks

[@bradfab_fx]

Do a tutorial about it

[@Videohunter333]

Neat.

[@HUSHMONEYBAND]

haha how do you get the ripple with time displacement? I've been looking for that type of effect

[@MotionNations]

"It's trying to reference itself, which is illegal" hahahaha.....hilarious xD

[@WetheDepressed]

What was being used to control the gradient in the original example at 0:26?

[@shinobisato9508]

Bro can u please upload that 100x100 comp? ❤️

[@hirotolivyaakio8795]

may I ask what font do u use for your bumper intro?

[@robertcrystals]

what's that search tool that pops up that you're using?

[@nathanpizar4630]

"I'm gonna pull my unit out" *snicker*

[@wckdtall]

Is there something I'm missing in his "unit"? It appears that the red square is the last frame and stays that way with the gradient in place. When I try in my project, I'm having to use a time remap loopOut expression on the repetile layer, and everything continues playing around it. Tried looking for expressions to pause to see if that would work but to no avail.

[@AirlineFud]

W intro

[@rahuldeshpande9997]

Also Nick is there any specific reason you applied the Time Displacement effect to an adjustment layer instead of directy applying it to the Pattern layer itself?

[@motionbynick]

i just like using adjustment layers for more flexibility

[@yofi2614]

Thanks sooo much!!! U help me too much!! From Equato Just one Question! when i apply mosaic effect its only give me vertical blocks and not horizontal, any suggestion?

[@motionbynick]

That's weird. What version of After Effects are you on?

[@yofi2614]

@@motionbynick On just regular video it works! but when i take solid layer apply to it Gradient Ramp and then apply mosaic like you did it doesn't..

[@sarahgadrey5155]

@@yofi2614 try to move the start and end of ramp.. it will work ;)

[@SUBtrauma]

Sicky gnar gnar

[@rahuldeshpande9997]

Go Canada! :)

[@rahuldeshpande9997]

[I am Canadian too :) ]

[@eladbari]

Anyone knows how to just use Time Displacement to reverse your animation? [say you animated a text reveal- now use Time Displacement to make the text go back in reverse...

[@steveloudon7491]

I know this will sound dumb but how do you make the X shape? I see that it is a shape layer but I can't figure out how to make it. Can you help?

[@clipside2]

I'm not too familiar with AE but wonder could you use a plus sign from a font, or the shape tool and reduce edge rounding?