Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Workflow
Cgi

Introducción a Los Fundamentos de After Effects Scripting

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Naudys Angulo (you can also view the original English article)

Para ir junto con nuestro reciente tutorial sobre el flujo de trabajo de desarrollo de scripts,repasaremos los conceptos básicos y las buenas prácticas necesarias para empezar a escribir secuencias de comandos de After Effects. Pasaremos a las acciones habituales de After Effects tales como: crear un proyecto, crear una composición, crear una capa,crear formas, agregar efectos, cambiar valores y expresiones, usar texto y fuentes, agregar fotogramas clave, usar funciones, etc.

Secuencias de Comandos de After Effects en VideoHive

Si está buscando una solución rápida con un script de After Effects, hay una gran colección en VideoHive. ¡O, usted podría considerar la aplicación para presentar sus propios scripts como autor!


Escribiendo Su Primer Script

Como se indica en el tutorial de instalación y uso del paquete de compilación de After Effects Sublime Text, los scripts son archivos que utilizan el lenguaje Adobe ExtendScript. ExtendScript es una forma extendida de JavaScript utilizada por varias aplicaciones de Adobe como Photoshop, Illustrator e InDesign. ExtendScript es una manera buena y eficiente de lograr lo que desee en After Effects.

Los scripts utilizan el lenguaje Adobe ExtendScript, que es una forma extendida de JavaScript utilizada por varias aplicaciones de Adobe como Photoshop, Illustrator e InDesign

Este tutorial repasará los conceptos básicos y las buenas prácticas necesarias para empezar a escribir secuencias de comandos de After Effects.


Creando Nuestra Primera Composición

Comenzaremos usando el

método de el

objeto y envolverlo entre paréntesis.

El

objeto es la raíz de casi todo como se ve en este esquema:

Este esquema se puede encontrar en Adobe After Effects CS6 Scripting Guide como la mayoría de lo que voy a explicar en este tutorial.

Ahora creamos nuestra composición usando el

objeto, sub-objetos

el cual contiene el proyecto creado en la primera línea y el

sub-objeto que te da acceso a las carpetas y composiciones que ves en la ventana de tu proyecto en After Effects.


Limpiando Nuestro Código

Escribir código limpio y mantenible es muy importante. Ya no estamos escribiendo expresiones rápidas y sucias.Dado que queremos que nuestros scripts sean fácilmente escalables, debemos adoptar las convenciones de la comunidad Javascript.

Por lo tanto, vamos a aislar los datos clave en las variables y nombrarlos de acuerdo a su contenido. Además, pondremos condiciones en caso de que ya hubiera un proyecto o una composición en nuestro archivo After Effects.

La

palabra clave indica que la siguiente variable es una nueva variable. Por eso, en la línea 9, no usamos la

palabra clave ya que queremos usar

su valor (Que es el comp que acabamos de crear).

Aquí está, línea por línea, lo que hicimos en inglés sencillo: 

  • Línea 3: Crear nueva variable

    que será igual a

    no está indefinido y de otro modo será igual a

    .

  • Línea 6: Crear nuevas variables

    y

    que es igual a una nueva matriz (array) de valores.

  • Línea 7: Crear una nueva variable

    que contiene el nombre que le daremos a nuestra comp.

  • Línea 8: Crear nueva variable

    que será igual a la

    propiedad de nuestro

    objeto. Si no está indefinido y de lo contrario será igual al resultado de el

    método de el

    sub-objeto de

    a quien enviaremos una serie de argumentos que contengan:

    • Nombre de la composición
    • Ancho de la composición
    • Altura de la composición
    • Proporción (Ratio) de píxeles de la composición
    • Tiempo (en segundos) de la composición
    • Velocidad de fotogramas de la composición
  • Línea 9: Utilice el

    método

    que abrirá el cronograma para esta composición.

Sí, eso es un montón de métodos y propiedades. Una vez más, tendrá que echar un vistazo a una u otra Guía de secuencias de comandos de Adobe After Effects CS6 (Adobe After Effects CS6 Scripting Guide)para obtener más información sobre los objetos y sus métodos y propiedades disponibles. La guía está muy bien escrita y una búsqueda rápida del Objeto de Proyecto le llevará inmediatamente a la información correcta.


Rápidos Conceptos de Javascript

  • Variable: Puede almacenar un valor, una matriz (array) de valores o un objeto.
  • Matriz: Contiene multiples valores. Las matrices se pueden declarar de dos maneras
  • Función: Parte del código diseñado para realizar una tarea específica.
  • Objeto: El objeto es un poco más complejo pero, por ahora, debes saber que tiene propiedades y métodos.
    • Propiedad: Similar a una variable
    • Método: similar a una llamada de función

Adicionar Grupos de Deshacer

Dado que una gran cantidad de operaciones ocurrirá durante la ejecución de su script, usted querrá decidir qué sucederá cuando usted teclea

/

Haciéndolo muy fácil, sólo tenemos que envolver nuestro código entre el

y

métodos de el

objeto. Este método toma un argumento que es el nombre que se mostrará en After Effects

menú.


Creación de la Capa de Fondo

Para crear nuestra capa de fondo, usaremos el

sub-objeto de nuestro

Llama el

método y le envía estos argumentos:

  • Color de la capa
  • Array de números flotantes (entre 0 y 1). Para obtener ese valor debes dividir cada uno de tus valores RGB por 255 o usar este jsFiddle que hice: http://jsfiddle.net/seblavoie/mezGe/43/embedded/result/
  • Nombre de la capa
  • Ancho de capa
  • Altura de la capa
  • Relación de píxeles de capa

Adición del Efecto Grid (Malla)

La mejor manera de crear nuestra cruz centrada es utilizando el efecto Grid en nuestra capa de fondo. Para ello, utilizaremos nuestra

variable que se refiere a

y usaremos su

propiedad.

Hay algunas cosas que usted debe notar aquí. Primero el

método se puede encadenar, lo que significa que se puede llamar varias veces para llegar a la sub-propiedad que desea obtener.

  • : Opacidad de la capa.

  • : Opacidad del efecto de la malla.

En segundo lugar, utilizamos el método

cuando queremos establecer un valor pero no cuando queremos establecer una expresión.


Creación de la Capa Wipe (Barrido)

Para añadir el efecto de barrido, crearemos una nueva capa y usaremos el efecto Radial Wipe (Barrido Radial).

Usamos el método

para establecer fotogramas clave y

para hacer el bucle de animación (tiene sentido ¿no?).


Adición de la Capa de Texto

Jugar con texto es un poco diferente ya que hay que cambiar directamente las propiedades del valor del texto fuente.

Cambiamos nuestras propiedades de valor de texto y usamos

para reenviarlo a nuestra capa de texto. También, utilizamos una expresión simple para hacer nuestra cuenta regresiva.

es una función Javascript que eliminará la parte decimal de un número. Después de eso centramos el punto de anclaje usando el

método.


Añadiendo las Elipses

Para añadir las elipses usaremos el

método y darle un grupo vectorial y una forma vectorial. También haremos una pequeña función para evitar la repetición de código.

La línea 5 es muy importante ya que no podrá encontrar la

propiedad ni en la documentación ni en su interfaz de After Effects por el momento, gracias a Dan Ebbert por su ayuda (http://forums.creativecow.net/thread/227/22280).

Utilizamos una pequeña función personalizada en lugar de duplicar la creación de la elipse. Puede utilizar las funciones como desee.

Regla básica básica: Si está copiando y pegando líneas de código, considere utilizar una función.

Para el resto simplemente modificamos las propiedades de la forma. Puede que desee consultar Adobe After Effects CS6 Scripting Guide para verlos en la lista.

Usted puede haber notado la

linea luce un poco diferente de lo que hemos escrito todavía. Javascript soporta encadenamiento a través de múltiples líneas. El resultado será el mismo y no hay una buena o mala manera, es una elección de estilo de codificación personal que puede o no quiere adoptar.


Conclusión

Las posibilidades de scripting son infinitas y pueden hacer una herramienta muy poderosa una vez dominado. Aquí hay más documentación sobre scripting y Javascript:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.