Expresiones de After Effects para sumar números y gráficos de control

En realidad, esto es bastante fácil de configurar con algunas expresiones y entradas de control. Todo lo que necesitamos son dos entradas de control y expresiones en las distintas capas para extraer los valores de las entradas.

1. Control deslizante

Cree un objeto nulo (Capa → Nuevo → Objeto nulo) y agregue un control de expresión deslizante a ese objeto nulo yendo a (Efecto → Controles de expresión → Control deslizante) . Esto nos brinda un control deslizante útil en el panel Efectos que podemos usar como entrada en las expresiones.

Deberías tener algo como esto:

2. Capa de texto

Cree una nueva capa de texto para mostrar nuestra entrada desde el control deslizante. Abra la propiedad "Texto" y alt+ clickel cronómetro junto a "Texto de origen" para agregar una expresión al texto mismo. La expresión que necesitamos es:

Math.round(thisComp.layer("Val 1").effect("Slider Control")("Slider"))

Lo Math.round()justo significa que obtenemos un número entero, de lo contrario obtenemos una tonelada de lugares decimales. El resto simplemente obtiene el valor del control deslizante de la capa correcta.

3. Ponerlo todo junto

Repita los mismos pasos anteriores para su segunda entrada (por lo que necesita un total de 2 objetos nulos, cada uno con un control deslizante y 2 capas de texto con una expresión que extrae el valor del control deslizante correcto (simplemente cambie layer("Val 1")ambas expresiones para hacer referencia al correcto nombres de capas).

Para su texto de suma total, necesita otra capa de texto con una expresión que extraiga ambos valores del control deslizante y agregue los valores juntos. Algo como:

val1 = thisComp.layer("Val 1").effect("Slider Control")("Slider");
val2 = thisComp.layer("Val 2").effect("Slider Control")("Slider");
val1 + val2

4. Gráfico de barras

Podemos usar el mismo concepto para configurar nuestras barras. Cree sus barras con un ancho del 100 % (también debe mover el ancla de la barra hacia el extremo izquierdo, o donde quiera que se escalen ) . Luego puede agregar una expresión en la propiedad de escala de la capa para extraer los valores del control deslizante y hacer los cálculos que ya mencionó. Algo como:

val1 = thisComp.layer("Val 1").effect("Slider Control")("Slider");
val2 = thisComp.layer("Val 2").effect("Slider Control")("Slider");
t = val1 + val2;

[ val2*100/t, 100 ]

La cosa terminada se parece a esto; simplemente seleccione sus objetos nulos y ajuste los controles deslizantes y todo se actualizará automáticamente para usted:

Este fue un ejemplo rápido y definitivamente podría mejorarse; el texto probablemente solo se podría hacer en una sola capa y las barras se actualizan en los valores del control deslizante sin procesar, mientras que el texto solo muestra un número entero redondeado, que puede o no ser lo que desea ...

En realidad, aquí hay una versión más compacta con ambos controles deslizantes agregados a una sola capa de texto:

Puedes leer más sobre el uso de expresiones aquí:

• Aprenda los conceptos básicos de expresión para vincular animaciones en Adobe After Effects