THREE techniques in ONE tutorial! \\ Work Smarter in After Effects

Start your Envato Elements 7-Day Trial: 1.envato.market/c/3062508/138...
In this tutorial I'll show you how to create a simple boil effect that gives a wiggly edge look to anything you apply it to. We'll also create an easy to use squash and stretch rig that's easily adjustable. And then I'll top it off by teaching you how to use match cuts as a quick and effective transition that takes hardly any time to do, and completely fools the eye into thinking something more complex is happening. I'll teach you all of this in a way that allows you to easily make adjustments; work smarter, not harder!
As a motion designer, one of the most valuable things you can have access to is an asset library, and Envato Elements is the best asset library available. With a single subscription, you get unlimited access to millions of assets to instantly download and use in any project. From stock video, photos, music, and sound effects, to After Effects templates, animated assets, mockups, fonts, and even procreate brushes, Envato Elements has it all. Save yourself the time it takes to create your own assets and take advantage of the millions of high-quality assets ready to download on Envato Elements.
---------------------------------------
🤝 Support more KZbin tutorials through Patreon: / jakeinmotion
🎓 Learn from me in other places:
Skillshare: bit.ly/jbskill
Explainer Camp: www.schoolofmotion.com/explai...
Photoshop + Illustrator Unleashed: www.schoolofmotion.com/photos...
🚶 Follow me online:
Instagram: bit.ly/jbinst
Twitter: bit.ly/2tOX7ui
🏷️ Tag me on Instagram @jakeinmotion if you learned something from me!
Chapters:
00:00 Envato Elements 7-Day Trial
01:52 Finding Assets to Animate
04:05 The Boil Effect
06:38 Squash & Stretch Rig
08:03 Animating the Squash & Stretch
12:34 Match Cuts
16:07 Rearranging Elements
16:52 Wrap-up

[@JakeInMotion]

Start your Envato Elements 7-Day Trial: 1.envato.market/c/3062508/1389267/4662?u=https%3A%2F%2Felements.envato.com

[@StarbubuGAMING]

Motion Guru in the industry !

[@cordel_ringani]

This is an incredible tutorial 👏🏾 I don't think I've ever thanked you for making me look like an animation guru to my boss. She thinks I'm a wizard, but she doesn't know that I'm just a padawan with an amazing jedi master.

[@bigfootry]

I always love the little workflow tips I pick up in your tutorials - like "double click on the position property to reveal it in your timeline." What a game changer.

[@budydubby2441]

I didn't realize until you told me, its really game changer!

[@carlosdaniloroldanupegui4495]

Hi Jake! awesome tutorial! I recommend you to try this expression for the squash and stretch rig: 10000/effect("Transform")("Scale Width"); instead of 200-effect("Transform")("Scale Width") basically because 100 (width) x 100 (height) = 10.000 so with this expression you will always have the exact same area of 100x100 I think it works better :) Hope you can see this.

[@rahuldeshpande3516]

Dude your channel is amazing. Thank you Jake!

[@OmarChattha]

Thanks Jake Please never stop making these videos

[@sachin_dsgns]

Loving these new tutorials. Keep em coming jake.💛👍

[@arnobchakma8625]

I feel so lucky that I have found you as a mentor !! Thanks for your all efforts.

[@irakligujabidze2344]

You have really good tutorials and the way you teach is really pleasent even if i am tired i enjoy watching and learning from you keep it up Jake. Will soon visit your course about textures

[@stefanieandersen]

Such a fantastic tutorial! I'd love to see more techniques for intermediate/advanced transitions. Thanks for sharing your knowledge with us!

[@OFGAnimationStudio]

Brilliant techniques Jack :) Thank you very much

[@kylekruegermotiondesign1073]

I have used Envato almost daily for the last 3 years. It is an extremely robust library. Thanks for this workflow breakdown. With the right technique and execution stock elements can take on a new life.

[@caioserafimart]

Mindblowing tips as always Jake, thank you!

[@chrisfitch972]

Dude the 200- expression blew my mind! So easy!! Thank you!

[@samuellovetro]

Another great video Jake. The simple squash transform is very helpful.

[@orkanbasar]

so much value in one tutorial!

[@nileevans229]

Gold. You’re so good at this Jake - thank you 👏😄

[@tyson9759]

Really excited for this. Thank you:)

[@MrPedroamoedo]

Jake, U rock! Thanks for the tut

[@azddines4077]

Thank you Jake

[@zohaibmalik819]

Amazing tutorial and tricks. Thanks for sharing.

[@mamadosan8744]

Great tutorial thanks a lot❤

[@TIMMYGIMMY]

That is awesome man, I can defiantly see how I use this tool in the future.

[@likeyoung524]

Good stuff, thanks Jake!

[@gustavosaliola]

Great & Simply explained. As always! And just loved the fast you worked on the curve editor. I'm using Duik Bsssel for that matters (force of habit).

[@anjuupadhyay4775]

YOu are a rockstar buddy......... cheers and god bless you..........

[@faysalaslam1]

Loved your skillshare classes. You are truly master of AE. I'm waiting for your skillshare class on "Custom Logo Animation". ❤️

[@patrikmedia]

great vid jake

[@Mu.khalil]

love the new look of the thumbnail in your recent videos...

[@df1938]

Top tutorial - thanks. BTW "Big Brain" Jake reminds me of Harry Connick Jr.

[@rotk]

Listen. The tutorials, love'em. They're great and have always been great. But I want to talk about these damn thumbnails. They're on another level lmao. I can't get enough of them, haha.

[@osamayoufty261]

What a legend

[@mtimotiontechinfinity8685]

Impressive

[@Agente00Ai]

Bro, I had resisted signing up for any of those resource sites, like Envato. I would visit for inspiration mostly. I finally broke down one year and bought a Tumblr theme. Then another. Last year, in lockdown, I decided to try Envato Elements for a month....then upgraded to a year. This month I will upgrade to a team package for a project that teaches kids how to be content producers. You are not selling hot air - Envato Elements...I can swear by! I was foolish for waiting so many years to dive in. I think I'm a creative badass - but I have to admit, the amount of time it saves and the ease with which i just can grab and find elements instead of having to make them is.....i was just plain dumb for waiting for so long to sign up for the unlimited downloads!!! Thanks to Jake and Envato....during the pandemic lockdown I boosted my digital skillset enormously!!! (sorry if this sounds like a commercial, but its all true!!!)

[@JakeInMotion]

It's a testimonial, not a commercial! So glad we were both able to help you out. Thanks for sharing!

[@tonybp]

OMG I've been doing this the hard way... aaarrghhhh!

[@dermotfaloon_streetmonkey]

If only you could have coloured that third keyframe for refence ;) - great tutorials as always.

[@StevenWilliamsHome]

Hey Jake, Thanks as always for your fantastic work. I have a cheeky question abut the Transform Effect that is driving me nuts: I'd like to be able to use it with Shape Layer that has a Motion path that it is auto orientated to, then use the Transform Effect to Offset the Position the Layer, and Rotate around the Layer's pivot (anchor) point. (Think of a bee's flight path around a flower). When I try and do this with a layer that's PreComposed, it works ( used your time to lock the position to the anchor), but when it's a 'raw' shape layer, the anchor point for the shape layer remains stubbornly fixed at comp centre, making it impossible to offset rotations. Position offsets DO work. I have tried pick whipping anchor points, etc, but I can not find a way to force the Transform Effect to Rotate around the Layers Anchor point. I know you are a busy man, but if I am missing something, and you had a spare moment, could you give me some advice? All the best from London.

[@emmanm5633]

This is wonderful!!! Jake do you have more expression that you commonly use beside random?? what are the list that you use for production? do you have any links of the list of this please....

[@JakeInMotion]

Check out the first handful of tutorials I posted on my channel, those are definitely the expressions I use most often. I think a quick video on some of my most used expressions is a great idea though!

[@blanquitito]

As a motion designer who comes from illustration and graphic design, I have mixed feelings about envato etc. But with AI looming I guess a lot will change anyway. One question about the KEEPstrokeWidth scriptlet from BattleAxe: it doesnt work with squash and stretch. Whats the solution for keeping the same strokewidth? Layer Style works, but not with the transform effect..? unless i am missing something.. thanks for your help

[@AndrewMarston]

tNice

[@LiiwTube]

The way You edit the videos are really great! Nice cut, neat essay, great tutorial.

[@MrBeaun]

tGreat tutorial! Question: I've always used time*500 on the Evolution property, is Random(10000) more efficient from a calculation perspective?

[@JakeInMotion]

tYoure welcome! I'm no math expert, but 10000 is just a bigger number. Random seed is a value where any change will be completely random, so you could probably drop it down to 10 and still get the same results, it's just a force of habit at this point to put in a large number. I don't think you'd see any render speed hit using time*500 over random(500), but I'll test it out and report back if I find anything interesting.

[@SpaceGhostNZ]

@@JakeInMotion Yeah I guess you could just use time by itself in that case! Unlike in things like Evolution for fractal noise where the factor actually matters.

[@hongannguyen8000]

Why have i not found u earlier?!

[@bradyk6017]

Hey Jake! I'm wondering if you've ever thought about making a simple tool to create arrows with shape layers in After Effects. I use arrows a lot in my work and it always feels like it's taking a little too much time to make such a simple graphic. There are already some helpful tools out there to create arrows, but I've found that they never give as much control as shape layers. My current solution to this is to set up an AE Project with nothing in it except for a single animated arrow, and I import that into any project that I use arrows in and I copy-paste it into place. This solution actually works pretty well (exept that I need to rename the layers before copying them into a composition with another arrow already in it, as that would mess up the expressions) but I'm sure there are other designers out there who would want an easy and convenient tool for this as well. So, if I knew how to make a tool like the ones you've made, I would have a one-click arrow button that creates a line that has a Trace Path already applied that is connected to the trim path, and a simple triangular arrowhead. Great tips in this video by the way!

[@JakeInMotion]

That's a fantastic idea. Can I ask, what kind of controls do you want access to? And what specifically do the other solutions not do well enough?

[@bradyk6017]

​@@JakeInMotion Thanks for the reply! The main things that I like to be able to edit are the path of the arrow, the trim paths (and being able to have the arrowhead stick to the end of the path), the X and Y scale of the arrowhead, and the shape layer options such as dashes and line caps. The other tools that I have tried are ARROWd by Ukramedia, Path Arrows by Mikey, and Easy Arrows that I got from aescripts. My only issue with ARROWd and Path Arrows is that they don't have access to all the shape layer options, so you cannot create dotted lined arrows with them or other things like that. Easy Arrows solves that issue by using shape layers, but as far as I can tell there is no way to animate the path of the line and to keep the arrowhead attached to it. Because of this I always end up using good old shape layers and a Trace Path, so it'd be super cool to be able to set that all up really quickly!

[@ahmed5lf441]

if the shape moves this rig couldn't help like a ball bounce because the anchor point of the transform is still in the same position..is that right??

[@leomazzei2176]

Hey @Jake! Thanks for the tip! I'm wondering what app do you have installed to show previews from your selected files in explorer as shown at 02:49

[@JakeInMotion]

That's just the built-in Windows file explorer preview pane.

[@leomazzei2176]

@@JakeInMotion I had no idea that was a thing. Thanks!

[@rado3714]

So, when I move my shape's layer position after adding the squash-and-stretch transform effect, the anchor point doesn't follow and the effect gets all screwy. I was able to move it without affecting the squash-and-stretch by using a 2nd transform effect but is there no way to use the layer position to move it?

[@gevgalstyann]

Why I'm not able to resize a layer of picture or text just by double taping on it. It does nothing. Any help? I used to resize layers like that now it's not working. Help me please!

[@dornikafarhikhtegan5539]

Hello Jake! I know that my question is not related to the content you shared above. So sorry for that. But its several days that I'm struggling this issue! Help me please! I Know how to loop a number of last keyframes like this: x = 8 // number of last keyframes loopOut("cycle",x) OK. It's for the last keyframes. what if the selected keyframes were in the beginning or in the middle or even randomly between several keyframes. One here an other one there. the other one somewhere else! To be precise, I want to animate a human walks a pass. Then stops. Do something else. Then runs out of composition. Walking and running are looped array of key frames. I'm looking for an expression which loopin the related array of key frames for walking and loopout an other array of key frames for running. So the key frames between those two arrays wont loop.

[@Kevin-jl1rx]

what are all your k-bar buttons? can we get access to that?

[@JakeInMotion]

I'm planning to make a dedicated KBar video.

[@Vandueren5]

The more correct way to animate Squash and Stretch, which simulates that the 3D volume of a shape is maintained (like in a water bubble) is this: 1000000/Math.pow(effect("Transform")("Scale Width").value,2);

[@oodbooodip4641]

if I’ve purchased sound effects or music from envato .. and puted in a client project How KZbin, Twitter and so on will distinguish that music is legal and I have right to use it ?

[@JakeInMotion]

Envato provides licenses for their stock music so that doesn't become an issue. The music in this video, for instance, came with a license I can use just in case KZbin marks it as copyrighted. And your licenses remain active even if your subscription ends.

[@oodbooodip4641]

@@JakeInMotion I am not native english speaker . and I appreciate your cooperation but I get confused because some KZbinrs say you have to link your channel or social media account with the website which you subscribed to . and I can’t visualize where the license is ? Is it inside the music file ? Or your subscription represents the license ? ❤️🌷

[@JakeInMotion]

@@oodbooodip4641 No problem! The way Envato Elements will handle it is by giving you a downloadable document that you can use to prove you have the right to use the music, should it ever come into question.

[@ZeeJohansen]

Unless you try to sell it off as your own work, there is no shame in using assets. Back when I did my 1-day animations for IG I used free assets once in a while to save time or focus more on the composition and animation itself. I also left a tag for the artist on the assets preferably for their own IG if I could find it 😁

[@FLOWTUTS]

Holly 5Head

[@Ashu-Thingz]

That background your logo is real bro?

[@JakeInMotion]

Yes it is!

[@Pirohne95]

I like peanuts

[@mich4826]

I hope it didn't explode

[@indrazchannel2024]

Hi! I am an avid follower of your tutorials. They are AWESOME!! Can we request you to make a tutorial on the RUST effect [like that of Andrew kramer] in After Effects? His tutorial on "Advanced Damage & Decay FX Tutorial" [kzbin.info/www/bejne/nZ6mZmVrZrh_rsk] is great! But, the rust part is at the end and is a bit confusing! So, if we could have got a complete separate tutorial on rust, it would have been awesome. Would be eagerly waiting for your reply. Thanks!

[@floopper]

Jack i love your videos 🔥❤️, but the thumbnail 😟, your thumbnails is not the best it doesn't attract designers. You can try something more professional. And simple.

[@Galib_Rahman]

Envato elements is actually crap, everytime I tried to download anything it's prompts captcha, which takes some time to solve. Imagine you want to download thousands of files. Sh*t Man💩

[@JakeInMotion]

Wow, that's never happened to me. I would reach out to support and see what they can do for you.

[@Galib_Rahman]

@@JakeInMotionOh, Thanks. That will be great.

[@anachoi4249]

Hi Jake! Does this work with rasterized images? I'm trying to use the transform effect on a psd layer and the scale width property doesn't seem to be active? I absolute love this series btw! It's been so so helpful! Can't thank you enough for sharing all these amazing tips!

[@JakeInMotion]

Yes it does! Make sure you uncheck Uniform Scale and it'll become active.

[@anachoi4249]

@@JakeInMotion IT WORKS! Totally missed it! Thanks!

[@arts9466]

Jake you really deserve that spot. 💯 Follow you everywhere man. KZbin. SKILLSHARE, SCHOOL OF MOTION 🔥