New Kinetic Typography v.2 | After Effect tutorial

Описание: I hope you enjoy this video!


Expressions:
Position:

// Define the source layer from which we take position data
let sourceLayer = thisComp.layer("main"); // YOU NEED TO CHANGE IT

// Calculate the time delay for the current layer
// The delay is based on the layer's index and the "offset" slider effect on the source layer
// The higher the layer index, the greater the delay
let timeDelay = index * (sourceLayer.effect("offset")("Slider") * 0.01);

// Get the X position of the source layer at the delayed time
let delayedX = sourceLayer.position.valueAtTime(time - timeDelay)[0];

// Calculate the vertical spacing
// The spacing increases based on the layer index and the "spacing" slider effect on the source layer
let spacing = value[1] + index * sourceLayer.effect("spacing")("Slider");

// Return the new position with delayed X movement and adjusted vertical spacing
[delayedX + value[0], spacing];


Scale:
// Define the source layer from which we take scale data
let sourceLayer = thisComp.layer("main"); // YOU NEED TO CHANGE IT

// Calculate the time delay for the current layer
// The delay is based on the layer's index and the "offset" slider effect on the source layer
// The higher the layer index, the greater the delay
let timeDelay = index * (sourceLayer.effect("offset")("Slider") * 0.01);

// Get the X scale value of the source layer at the delayed time
// Since we want a uniform scale, we use the same value for both width and height
let delayedX = sourceLayer.scale.valueAtTime(time - timeDelay)[0];

// Return the new scale values with the delayed effect
[delayedX, delayedX];


If you need a working file, you can join my Membership or Patreon, you can find it there.

Patreon:   / synthymental  
Instagram:   / synthymental