'3D Parallax Effect' Rig - After Effects Tutorial

'3D Parallax Effect' Rig - After Effects Tutorial
Hey everyone. In this video I'll quickly show you how to easily create a cool 3D Parallax effect in After Effects. With this method you can create a nice Parallax effect with a smart little rig that doesn't require keyframes or expressions. It's really easy and takes away the hassle of putting all your layers in 3D and scaling them up again. Enjoy! :)
____________________________________
Don't hesitate to ask any questions you have in the comments! I will do my best to answer as many questions as possible.
If you liked the video, please consider hitting that like button! Subscribe to the channel to get even more tutorials (uploaded on a regular basis) and get your After Effects skills to the next level!
Thanks and enjoy :)
Bas

[@adi07aditz]

Parenting null to all then moving z space is the best trick i learned so far man a big thanks to you.

[@seandonoher2107]

Not even joking, I've been going back on this video like maybe twice a year since it's been up. Lowkey probably my favorite video on KZbin, and one of the best tutorials I've ever seen too! Thank you for coming in clutch every single time🙏🙏

[@DelphineJSullivan]

I never comment but this is an incredible technique that has saved me SO much time. My design school motion graphics teacher taught us parallax super well, but being able to retain your original composition is next level. I am so tempted to send this to him for future students! Also this animation is stunning. You're the best!☺

[@CampKeyframetutorials]

Wow that's awesome to hear :) Thanks so much for your nice comment and watching the video. If you want to see how I animated this character walking, you can also find the tutorial for that on my channel :) Cheers!

[@AgnosticAcqua]

This is easily my favourite AE camera tutorial!!

[@Kavouhn]

I literally tried to do something like this today and failed. I’m glad i saw this tutorial, gonna try again at the animation using this method!

[@CampKeyframetutorials]

Awesome! Glad I could help :)

[@michelleholmes154]

this really helped me! 🙏 Just make sure to set the view from standard to camera. I was confused for a second 😆

[@kenechukwuuzongwa1423]

I have been thrilling people in my office since I learnt this cool trick. Nice one! Very grateful.

[@MarkKhoury77]

You're my hero! i used to use Apple Motion and in moving to Adobe AE, I no longer hand the scale while moving layers in Z-space. I've subsequently been using expressions to achieve it, but this is BOSS!!!

[@CampKeyframetutorials]

Hey Mark, that's awesome!! :) Cheers!

[@Brointhepow]

Efficient, you save me a lot of unnecessary keyframes! thank you very much !

[@SthlmRipper]

Good trick! I usually chain parent all the layers to eachother, select every layer except the front one and then just move in z and after that scale. Quick and dirty, the only drawback is that all layers will be the same distance from eachother, but i dont find that to be a problem for most scenarios.

[@roll3y]

The Camera and null was such a saver!!!! Thanks

[@bigfriendlyjohn]

I use this little trick SO much! good looking out :)

[@dfheiland]

Awesome technique, would love to see the character animation also 👍😀

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@jeanx777]

@@CampKeyframetutorials hi, do you do the character animation tutorial?? looks vere cool

[@CampKeyframetutorials]

@@jeanx777 Here it is! :) kzbin.info/www/bejne/rouQi5JpnKyWlbs

[@alicevfx235]

@@CampKeyframetutorials ❤🎉😊

[@akshaybasani6041]

its simple but effective much needed rig thanks

[@davidlizom7556]

This is a great method. It would have been nice if you had shown how to modify the layer distance afterwards though.

[@CampKeyframetutorials]

Hey thanks! :) Yeah you're right, I wanted to make it as short as possible just to explain it quick. But if you want to modify the layer distance afterwards, you should parent all the layers below the one you would modify (so the layers that are further back) Then you can scale the null again to change the distance. Then un-parent again and that should work :)

[@sumitbiswas7316]

Camp Keyframe always come with some unique technique.

[@CampKeyframetutorials]

😎😎😎

[@MsRaskauskas]

This wonderful trick cuts my parallax rig time to 1/3 of the time method I used to use took. Thank you so much!

[@MsRaskauskas]

OK. SO I was able to do this once. I came in to demonstrate this the next day, and now when I turn on 3D for my layers and NUll, all of my layers except the bottom one disappear in the composition. I can solo them and they appear but when they are all turned on and 3d I can only see the background layer. . I am using the same files that I used successfully the day before. Does anyone have a clue why this is happening?

[@abcdef-kx2qt]

MAKE LOUDER !!! GOOD TECHNIQUE !~

[@rpkgraphiks9011]

I have also tried that null and camera combo.. but not like this.. this trick looks more interesting.. definitely trying this in my next project! Thanks a lot. :)

[@RaikuKitty]

Thank you so much for your tutorial! I went through 7 other tutorials before finally finding this one which perfectly suited my needs. Much appreciated for your help!

[@tugbagokkaya4415]

It was a great tutorial, thank you very much. 👏🏻

[@whythatspreposterous]

Very creative way to 'reverse engineer' 3D scaling. Thanks for sharing!

[@robinceuleers]

Ik hoor dat je Nederlands bent. Bedankt voor deze tutorial :)

[@danilodelucio]

Omg finally I found the secret! Thanks dude!! 🙏🙏

[@Zinriusminazen]

Amazing. Definitely shaves off TONS of time and frustration.

[@SebastianPastry]

Brilliant tip, thank you!

[@Mal0wens]

Love this technique!

[@RonnelleTorres]

Wow I've been doing everything wrong! This is way too easier! Thank you my saviour!

[@CampKeyframetutorials]

Haha glad I could be of service then! :)

[@Vexies]

Is this the kinda stuff I'm gonna learn in my animation class this year? Seems kinda cool!

[@ahtsham138]

Yes its gone be great fun for animating this little guy

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@sparklelee4368]

brilliant - very clever

[@elainfei5163]

THANK YOU!!!!! Omg I spent so much time learning and taking so much time to individually place things

[@CampKeyframetutorials]

Awesome to hear!! :)

[@melvinchai7927]

Nice! would love the full tutorial as well.

[@CampKeyframetutorials]

Here it is! :) kzbin.info/www/bejne/rouQi5JpnKyWlbs

[@ahmetbaykara.mp3]

It's a beautiful animation 🙏🏻✨ But I didn't understand the logic of parenting the camera to null object; when you scale the null object what really happening to the camera? Are there scaling the widening or change the zoom size of the camera? Sorry for my bad English 🥶

[@petersolomon5227]

ahmet baykara, your English is a lot better than that of many people born and raised in predominately English speaking countries. I believe the answer to your question is yes, but I too would like to hear this confirmed by the Camp Keyframe.

[@wyattblack2403]

Thank you, this is really helpful.

[@npurkis]

ha, that's genius, thank you so much for sharing! x

[@artgoyle]

Dankjewel Bas! vanmiddag heb ik een animatic gemaakt met de hand (beweging afgekeken van video die ik had gemaakt vanuit de trein) en bedacht daarna dat alles de andere kant op moest bewegen, zucht, maar het parallax effect is dus heel gemakkelijk! Ik ga nu je andere video bekijken

[@firedan4667]

thank you so much? its incredible!

[@panjiprasetyo784]

Perfect Trick Sir!

[@Chieftat]

Great trick. Saves lots of time. Thanks !

[@romeosoebrati6629]

Awesome video guys! And yes, I would love to see how you animated the little guy and the rest ;-)

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@ChocooWafeer]

Extremely helpfull tutorial! Thank you for sharing!

[@CampKeyframetutorials]

Awesome! Thank you for watching :)

[@MassimilianoMelato]

Fantastic, this greatly optimizes my work! I like it because in this way my scene remains as I had conceived it in photoshop and illustrator.

[@atefehporyaei7370]

Pls, share with us also the character animation. It will be very interesting! Thank you in anticipation!😍🤩

[@zoffdestinygames]

Hey man, I was wondering, if it would be fine for you, if i use the first 10 seconds of your video to explain a physical phenomenon in my video. Great work!

[@PlumeMusique]

Wow, thanks a lot for sharing this!!

[@patrikmedia]

Why not just have multiple null-objects for each layer and then via expressions multiply the position by an amount above 1. This is how I do it usually, no need to set the layers in 3D at all. Example: null1 = 1x, null2 = 1.5x, null3 =2x and so on. Then Simply link the object to that specific layer and your all set. + I'd say it's easier to do adjustments to the parallax later on.

[@outlanderfrog]

What expression works best for this?

[@shriefallam8866]

@@outlanderfrog Did you find it?

[@outlanderfrog]

@@shriefallam8866 unfortunately, no!

[@samanthasalinasdelcastillo4993]

thank you soooo much!!! this is exactly what I needed, easy and fast :) I hope you have an awesome day!

[@webbhinton6842]

If you're doing this with an imported Photoshop file make sure you have continuous rasterization for your layers off!

[@4toMes]

How do I do that?

[@renansilqueira]

When I turn it off, some effects (like shadows) disappear. Dou you know why this happen or what can I do to fix it?

[@webbhinton6842]

@@renansilqueira no, i don't, sorry :( my guess would be to explore pre-comping solutions?

[@giorgosgalanos9888]

I think this option is available only for vector files. Illustrator, not Photoshop.

[@dimitryvaillant6710]

Awesome tutorial ! Clear , not too fast or too slow, perfect.

[@linagladkaya945]

You're a God, thanks a million!

[@CampKeyframetutorials]

Awesome! You are welcome :)

[@jakobsternberg1807]

Good tip, thanks

[@thesmallface]

Thanks a bunch, this looks just like the solution to my problem!

[@CampKeyframetutorials]

Awesome! That's great to hear :)

[@devenderrawat3777]

nice trick

[@hey.norins]

Thanks!!! You saved me a lot of trouble and time! Very well explained

[@ucanhnguyenchu4613]

So usefull thank you very much

[@erilcaroline5643]

is there a way to loop this parallax effect? would love a tutorial on looping parallax too ^^

[@uusofferhaus]

dankjewel bas coole video 👍

[@CampKeyframetutorials]

Thanks! :)

[@gollilox]

love!!! so awesome :)

[@petersolomon5227]

Super, thank you. A lot to assimilate in a few minutes, but very useful.

[@martanuevojimenez8512]

Thank you very much!!!

[@zelalemtadesse]

beautiful!!

[@juangerardo1310]

Awesome, thanks a lot!

[@KamauMau1]

Great video. I followed all of the steps but when I scale up the Null Object on the Camera moved, not the layers. I do have the camera parented to the Null. Any suggestions?

[@willgoddard8554]

this is great, thanks!

[@busseynova]

This is great, thanks for sharing. Would the same technique work with shape layers it even pre-comps created directly in AE rather than illustrator layers?

[@purgebs101]

Great tip!

[@CampKeyframetutorials]

Thanks! :)

[@tomisenveter]

Thank you, that's just what I needed!

[@videos4018]

woooowwww soooo coool

[@iserys]

Ahhhhhhh this is so good!!!! I wish I had known this years ago!!!

[@CampKeyframetutorials]

Haha well great that you know it now! :)

[@viveks10]

Yes... please make tutorial that but and all animation in the scene😊😊😊😊

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@KS-bq4rs]

wow thank you

[@flashframe1966]

excellent

[@nitromusik9275]

nice one

[@bastos4677]

Super useful trick, thanx a bunch ! What are these interpolation presets you have on the top right corner ? Is that a plugin you've installed ?

[@CampKeyframetutorials]

Hey! Thanks :) That's a plugin indeed, it's called 'Flow' and you can buy it at aescripts.com. Cheers!

[@bastos4677]

@@CampKeyframetutorials great thx never was a big fan of the graph editor in Ae, problem solved ,)

[@natachamarielriosgomez9793]

Love you 💖

[@ordloh]

Brilliant thanks for sharing mate, really appreciate it

[@CampKeyframetutorials]

Thanks for watching!! :)

[@TRK-up2zw]

Using this technique, can I still allow enabling depth of field on the camera and rack focus?

[@rodrigo8269]

thanks for the video!!

[@CampKeyframetutorials]

You are welcome! :) Thanks for watching.

[@magdakufel5709]

Genious!

[@chanelcricket1596]

the best!!!!!

[@CatalinGulan]

Thank you very much for sharing! ❤ Awesome tutorial! Pls, share with us also the character animation. It will be very interesting! Thank you in anticipation!

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@CatalinGulan]

@@CampKeyframetutorials thank you very much!❤

[@alearause]

Awesome!! I would love to see the character animation too!

[@CampKeyframetutorials]

Cool! Lots of people want it so I'm on it! :)

[@shehbazstudio8575]

WOW MAN

[@CampKeyframetutorials]

Mind = Blown!

[@sinestreya]

Awsome ! Im a huge beginner on this and i have work to do. My challenge is that my scene is not tbat short...ive gotta simulate a travel ... Like if we were inside a car wathching through the window but the road or even the landscape is not the same. What should i do ? Make a veeeery large image in illustrator o phothop and then modify the position with a statuc camera? What do you recomend me ? Thank you !

[@leilavlog3380]

Nice explanation, thank you! Would like to see the whole tutorial :-)

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@leilavlog3380]

@@CampKeyframetutorials Amazing :-)

[@jumperholics7688]

can i download the material on this video sir

[@szarejas]

Very usefull. THX

[@CampKeyframetutorials]

Awesome! Thanks for watching :)

[@baxx_music]

Would love to see the animation!

[@CampKeyframetutorials]

Yep I will do that soon! :)

[@ConnorTempTV]

Not sure if I am doing something wrong or if maybe this trick doesn't work in the new After Effects, but I followed everything exactly and then when I scale the Null the layers move back in Z space but then they also scale down.

[@ConnorTempTV]

I actually just found the answer in these comments thanks to @Himanshu Kosaria . You need to make sure your main view is set to "Active Camera" not "Default"

[@aacheng1851]

@@ConnorTempTV really helpful, thanks

[@be.perfect]

with all the extensions you have installed you didn't find one that sets up the layers for you automatically yet ? 😛

[@vicdebonne9975]

Super! Would like to see the character animation! :D

[@CampKeyframetutorials]

Thanks! Okay it seems that more people want to see the rest of the animation in a tutorial so I will do that soon! :) Cheers!

[@DivyaYadav-ww2hl]

I wonder to see the graphs i mean I never used these curves how can I download this?

[@marvelbricks6610]

How did you make the foreground and background blurry in ae , they look clear in illustrator

[@flipandr3123]

Niiiiiceeee!!!!!!

[@ZombillyBooster]

great tutorial ! btw null object is not snapping to camera it just goes to the left top corner when i put 000 on position after link it to the camera. great tutorial can anyone help me? ty

[@nosirrah6213]

dunno if its too late but you may have forgotten to put the 3D Layer tool option on

[@ZombillyBooster]

@@nosirrah6213 hey! thanks a lot for the answer really apreciate it! I never found out what caused this , when i take back the animation project i will see if this was the issue. Anyways thank you again for trying to help!

[@Colteal]

where are workfiles of this course?

[@kaylawheeler8756]

Help? When I tried to use this method it affected my design completely. Has anyone had this happen? Its a great tutorial, I followed it multiple times, just isn't working on my end.

[@ajaythakurcreation3741]

Hi Please share me the background or link?

[@mabonobam]

Anyone else having trouble using this suddenly? This was my go-to technique for parallaxing, and suddenly it doesn't work. Is this an AE2023 thing?

[@Neohippyy]

Check out the (free) Pear Relax preset from AE Screens for a workaround. :)