Hoy en el trabajo haciendo uno de nuestras ediciones diarias nos surgió la duda de como hacer un cronómetro con After Effects que no fuera usando el limitado efecto de código de tiempo, ni haciéndolo segundo a segundo con una sucesión de imágenes para cada dígito.

Así que tuvimos que googlear un poco para encontrar la expresión que sea fácil de editar y que nos ofrezca una solución vistosa y muy editable.

He hecho un pequeño vídeo para que veáis alguna de las posibilidades que esta expresión nos ofrece:

Para crear un cronómetro simplemente tenéis que seguir los siguientes pasos:

  1. Crear una capa de texto.
  2. Desplegar su pestaña texto.
  3. Hacer ALT + click en el reloj de texto de origen.
  4. Pegar la siguiente expresión:


rate = 1;
clockStart = 0;
function padZero(n){
if (n < 10) return "0" + n else return "" + n
}
clockTime = clockStart + rate*(time - inPoint);
if (clockTime < 0){
sign = "-";
clockTime = -clockTime;
}else{
sign = "";
}
t = Math.floor(clockTime);
hr = Math.floor(t/3600);
min = Math.floor((t%3600)/60);
sec = Math.floor(t%60);
ms = clockTime.toFixed(3).substr(-3);
sign + padZero(hr) + ":" + padZero(min) + ":" + padZero(sec) + "." + ms

Todo este código se puede modificar dependiendo de lo que necesitemos generar.

En esta página podréis aprender mucho más sobre estas modificaciones porque lo explica muy bien (está en inglés).

Al ser un texto generado por una expresión lo podremos modificar (tamaño, color, opacidad, etc…) para dejarlo como mejor nos convenga.