Animating Without Keyframes | After Effects Tutorial

In this video I’m going to show you how to create animations without keyframes using a sample luma expression, and how you can therefore make a random effector using fractal noise.

I'll show you how to use the expression for a simple grid of dots animation, before walking through how I expanded that to more complex animations such as a Liquorice Allsorts "wave" animation, and a 3D Monotype Fractal Grid.

Sounds like a load of nonsense I know. It'll make sense when you watch, trust me.
=============================================================
This is the original sample luma expression, from the genius (singular or plural, not sure) at Animoplex:
https://gist.github.com/animoplex/635d9d7990783e52913103f0ac811995
=============================================================
2d.pete Instagram: https://www.instagram.com/p/ClRP5-Ps585/
(reference for 3D Monotype Fractal Grid animation, and the true genius here let's face it)
=============================================================
Reference image for Allsorts I used: https://dribbble.com/shots/15056056-Allsorts
Credit to MUTI, follow them here: https://dribbble.com/studioMUTI
=============================================================
For the Liquorice Allsorts animation, these are the expressions used:

The sample luma expression. I added a slider control to the Allsorts and called it "luma", with this expression:

x = transform.xPosition;
y = transform.yPosition;
samp = thisComp.layer(":: control ::").effect("Sample Size")("Slider");
target = comp("LUMA GRID").layer("5000x5000 luma grid pre");
samplePoint= [x,y]; // Sample location
sampleSize= [samp,samp]; // Sample area (in pixels)
lum = rgbToHsl(target.sampleImage(samplePoint,sampleSize))[2];
linear(lum, 0, 1, 0, 100)

Then add this expression to the Z position:

thisComp.layer(":: control ::").effect("Base Level")("Slider")+[effect("luma")("Slider")*thisComp.layer(":: control ::").effect("Extrusion Multiplier")("Slider")]

Enable Time Remapping on Allsorts layers in main comp and add this:

fr = 0; // Frame rate, if set to 0 (zero), then one frozen frame will be displayed;
numFrames = 15; // The number of frames from the sequence to be used
seedRandom(index,true);
seg = Math.floor(time*fr);
f = Math.floor(random(numFrames));
for (i = 0; i &lt seg; i++)
f = (f + Math.floor(random(1,numFrames)))%numFrames;
framesToTime(f);

=============================================================
► Full workflow video for Liquorice Allsorts: https://youtu.be/-3Y29FG3rQw

► Full workflow video for 3D Monotype Fractal Grid: https://youtu.be/g3wW_9C4XxE

► This After Effects Expression will BLOW. YOUR. MIND: https://youtu.be/vuFduwWzaTE
(thisLayer.name.split expression)
=============================================================
► Download the FREE project file for Liquorice Allsorts: https://thevideoshop.gumroad.com/l/qwgag

► Download the FREE project file for 3D Monotype Fractal Grid: https://thevideoshop.gumroad.com/l/wnkfl
=============================================================
► The Video Shop Long Play: https://www.youtube.com/channel/UCCWaiSIYnSwxIXmb7MBczaw
=============================================================
Chapters:
0:00 - Intro
0:46 - Dots grid animation using Sample Luma expression
4:31 - Full workflow videos and free project files
5:31 - Picture reference for Allsorts
6:34 - thisLayer.name.split expression
7:22 - Building a square Allsort precomp with stacked shape layers
8:02 - Circular Allsort
9:41 - Camera and perspective
10:22 - Camera and null settings
10:36 - Lights
11:09 - Adding bevel to top of Allsorts
12:08 - Luma comp for Allsorts
13:06 - Master expression controls
14:06 - Creating master grid of 100 Allsorts
15:39 - Randomly distribute Allsorts in grid with time remap expression
16:30 - Rendering an image sequence
16:53 - Grading and faux depth of field
17:18 - Original inspiration - 2d.pete
17:38 - Creating monotype text grid and convert to shape layer, and explode
18:35 - Expression linking to extrusion
19:01 - Lighting and multiple comps
20:02 - Outro
=============================================================
► Subscribe for more tutorials like this: https://www.youtube.com/channel/UCCuJz7_aphxhoq8RdKbFE9Q?sub_confirmation=1
=============================================================
► If you have any questions just let me know in the comments.
► Find me: https://linktr.ee/TheVideoShop

#learnanimation
#extrudetext
#textextrusion
#3Dtype
#3Dtypeaftereffects
#3Dtypopgraphy
#isometric
#isometricaftereffects
#aftereffectstutorial
#animation
#motiondesign
#learnmotiondesign
#animatedtype
#kinetictype
#kinetictypography
#Cinema4Drenderer