Spider-verse depth of field effect - After Effects tutorial

Hope you find this useful. Any comments and feedback are appreciated.

📰 NEWSLETTER (Subscribe if you want access to more secrets and tools...)
https://motiongraphicsandcheese.subst...

You can also gain access to the (Super secret) Project files folder via the NEWSLETTER link above.

Free plugin used:
QUICK CHROMATIC ABERRATION 2
Link: https://www.plugineverything.com/qcav2

EXPRESSIONS:

In this expression we are creating a variable "valZ" and linking the Z position of the camera, then subtracting the Z position from this layer, and adding the value from the Slider "Point Of interest" from the layer "CTRL".
Then we are making a new variable "distance" that takes that "valZ" variable and runs it through the
"Math.abs()" method making the value of "valZ" positive.
Then "dofDistance" which links to the Slider "DOF Distance" on the "CTRL" layer and same with "dofAmount" to the "DOF Amount" Slider on the "CTRL" layer.
Finally we use the "linear()" expression to interpolate between zero and the "dofDistance" value and convert it to a value between zero and "dofAmount" value, based on the "distance" variable.
So the further away this layer is from the camera, the more offset this position value will be.
This expression was applied to the "Position" property of the "Quick Chromatic Aberration 2" effect:

valZ = thisComp.layer("CAM_CTRL").transform.position[2]-
transform.position[2]+
thisComp.layer("CTRL").effect("Point Of Interest")("Slider");
distance = Math.abs(valZ);
dofDistance = thisComp.layer("CTRL").effect("DOF Distance")("Slider");
dofAmount = thisComp.layer("CTRL").effect("DOF Amount")("Slider");
linear(distance,0,dofDistance,0,dofAmount);

A similar expression is used on the "Amount to Tint" property of the "Tint" effect:

valZ = thisComp.layer("CAM_CTRL").transform.position[2]-transform.position[2]+thisComp.layer("CTRL").effect("Point Of Interest")("Slider");
distance = Math.abs(valZ);
linear(distance,0,thisComp.layer("CTRL").effect("Tint distance")("Slider"),0,100);



Chapters:
00:00 Intro
00:45 Initial Setup
02:09 Adding effects
05:45 Layer Expressions
09:30 Playing with sliders and Final Result


HARDWARE I USE.
These are affiliate links. (So, I would get a small percentage of the sale)
I would never recommend something that I don't use and like myself.

Wacom Tablet. I have always loved the wacom Intuos tablet, both for drawing and general work.
US https://amzn.to/3KZWP9q
UK https://amzn.to/3o7csmd
DELL Color accurate Screen. This is very useful to for visual effects.
US  https://amzn.to/3MItK3y
UK https://amzn.to/3KZmhLX
Blue Yeti Microphone:
US https://amzn.to/40ZxXnH
UK https://amzn.to/3of3CTP
Sony Headphones. Comfortable for long time and great sound.
US https://amzn.to/40d8MwG
UK https://amzn.to/3UIV6bF
Corsair Mouse. Precise and i can change sensitivity.  
US https://amzn.to/3mBLEdB
UK https://amzn.to/3oe5FHF
Nitro Chair. Comfortable and good lumbar support.
US https://amzn.to/41dGMKH
UK https://amzn.to/40oui1P


Tags:
#tutorial #aftereffects #animation #expressions #spiderman #spiderverse

• #education
• #animation
• #spiderverse