Use el documento para aprender a trabajar con animaciones basadas en datos

Las animaciones basadas en datos se crean con datos en vivo recopilados de varias fuentes que generan animaciones en la composición. Puede utilizar datos de múltiples fuentes. Los datos pueden ser estáticos o variables en el tiempo. Puede importar los datos al proyecto de After Effects y utilizarlos como entrada para animar gráficos, personajes, efectos visuales de control, títulos de películas y otros gráficos animados.

Ejemplo de animación basada en datos
Ejemplo de animación basada en datos

Fuentes de datos

Puede utilizar datos de casi cualquier origen posible, como:

  • Archivos de datos generados por un dispositivo: datos de dispositivos, como los medidores de ejercicio, que registran la actividad por medio de sensores y la guardan en distintos formatos de archivo. Son datos variables en el tiempo que incluyen: velocidad, altitud, distancia, ritmo cardíaco y otros parámetros de la actividad del usuario.
  • Datos estáticos generados por el usuario: datos estáticos globales, como los resultados de una encuesta, que se pueden cambiar para generar gráficos. Un archivo de datos creado por el usuario podría proporcionar un flujo de trabajo para datos globales.
  • URL: datos en vivo de sitios web, como la ruta de entrada y salida de un usuario que navega por un sitio web.
  • Metadatos: datos incrustados en metadatos de archivos de vídeo.

Formatos de entrada

Puede importar archivos de datos en los siguientes formatos:

  • JSON
  • MGJSON
  • CSV
  • TSV

Si tiene archivos de datos en otros formatos, conviértalos a cualquiera de los formatos de archivo de importación admitidos e impórtelos en el proyecto After Effects. Existen diferentes herramientas para convertir archivos de datos en formatos compatibles con After Effects.

Animación basada en datos

Animación basada en datos

Compatibilidad con JSON estándar (.json)

Puede importar un archivo JSON estándar en After Effects como material de archivo y los archivos de datos funcionan en segundo plano. After Effects hace referencia directamente a los datos en estos archivos de datos para dar vida a las animaciones en los proyectos. El material de archivo JSON no se representa como flujos de datos en el panel Línea de tiempo. Puede hacer referencia a los datos utilizando expresiones como un objeto JSON evaluado.

Puede modificar las expresiones para cambiar cómo se hace referencia a los datos. Puede escribir los datos en un editor de texto, al que After Effects hace referencia para dar vida a las animaciones. La compatibilidad de JSON se basa en el esquema JSON, que especifica y define cómo una aplicación utiliza y modifica los datos JSON.

Los tipos de datos básicos de JSON son:

  • Número: un número decimal firmado.
  • Cadena: una secuencia de cero o más caracteres Unicode.
  • Booleano: los valores true o false.
  • Matriz: una lista ordenada de cero o más valores.
  • Objeto: un conjunto sin ordenar de pares de nombres o valores donde los nombres (claves) son cadenas.
  • Nulo: un valor vacío que usa la palabra “null”.

Uso de archivos JSON en After Effects

Use los pasos que se indican a continuación para trabajar con un archivo JSON estándar:

  1. Seleccione Archivo > Importar.

  2. Para importar, seleccioneun archivo .archivo JSON y haga clic en Abrir.

  3. El archivo se añade a la ventana del proyecto. Cree una composición con el material de archivo.

  4. Añada un sólido a la composición. Para añadir un sólido, seleccione Capa > Sólida.

  5. En el panel Línea de tiempo, gire para abrir las propiedades de la capa sólida y haga Alt+clic en el parámetro Opacidad.

  6. Cambie los datos de la expresión para modificar la animación. Es posible controlar los datos JSON. Además, se hace referencia a los datos desde el archivo de datos donde se almacena toda la información.

  7. También puede sustituir el archivo JSON por otro archivo JSON para cambiar los datos a los que se hace referencia. Para ello, seleccione Reemplazar material de archivo > Archivo y abra el nuevo archivo en el equipo.

Para utilizar los datos, puede aplicar una expresión en la propiedad que desea que los datos activen y, a continuación:

  1. Utilice el atributo sourceData para leer los datos de un archivo .JSON. Por ejemplo:

    var sampleData = footage("sample.json").sourceData;
  2. Para devolver su valor, haga referencia a la propiedad específica dentro de los datos del JSON. Por ejemplo,

    myData.engineData.RPM or myData.latitude.value.

Compatibilidad con JSON de gráficos animados (.mgjson)

Puede importar un archivo de datos MGJSON como material de archivo al proyecto. Cuando agrega material de archivo de datos a una composición, los flujos de propiedad de datos se agrupan en un grupo de nivel superior “Data”. El grupo Data muestra los datos de material de archivo como propiedades. Cada propiedad en el grupo de datos está vinculada mediante una expresión al archivo de material de archivo que accede al valor del archivo de datos mediante la expresión footage(“foo.mgjson”).dataValue(N). Aquí, N es la ruta al flujo de datos en el archivo. MGJSON funciona según un esquema, que está diseñado para simplificar la referencia e importación de flujos de datos en After Effects.

Cada propiedad de datos individual tiene aplicada una expresión que vincula dicha propiedad a los datos del archivo MGJSON. Si se modifica el archivo MGJSON de origen, los valores de propiedad de los datos se actualizan automáticamente.

En el panel Línea de tiempo, puede girar para abrir las capas de datos y utilizar el icono espiral para vincular parámetros a otros parámetros. Los cambios se rellenan automáticamente.

Uso de material de archivo MGJSON en After Effects

Siga los pasos que se indican a continuación para trabajar con un archivo MGJSON:

  1. Seleccione Archivo > Importar.

  2. Para importar, seleccioneun archivo MGJSONy haga clic en Abrir.

  3. El archivo se añade a la ventana del proyecto. Cree una composición con el material de archivo.

  4. Importe un recurso al proyecto y añádalo a la composición.

  5. En el panel Línea de tiempo, gire para abrir las propiedades del material de archivo.

  6. Use el icono espiral para vincular una de las propiedades del recurso, por ejemplo, Rotación, a uno de los flujos de datos de la capa de datos. Ahora, la propiedad del recurso hace referencia a los datos de la capa de datos. Cada flujo de datos reflejado tiene una expresión que obtiene su valor del archivo de material de archivo.

  7. Cuando previsualiza el material de archivo, el recurso se anima según el flujo de datos de la capa de datos.

También se pueden convertir las muestras de datos del archivo de datos en fotogramas clave. Para convertir en fotogramas clave, siga estos pasos:

  1. Importe el archivo MGJSON al proyecto y arrástrelo al panel Línea de tiempo.

  2. Haga clic con el botón derecho en la capa de datos y seleccione Asistente de fotogramas clave > Crear fotogramas clave a partir de datos en el menú Asistente de capas y fotogramas clave.

  3. Si quiere ver los fotogramas clave, gire la capa de datos para abrirla.

Nota:

Tras la conversión de los fotogramas clave, los datos ya no se muestran en vivo ni se hace referencia a ellos desde el archivo de datos.

También puede ver los datos en vivo en forma de gráfico en el Editor de gráficos. Para ello, haga clic en el icono Editor de gráficos del panel Línea de tiempo.

La animación basada en datos utiliza la referencia de expresión. Para obtener más información, consulte Animación basada en datos (referencia de expresión).

Alineación de un video en el tiempo con datos mgJSON

El comando Capa > Tiempo > Alinear vídeo con datos desplaza las capas de vídeo por varios fotogramas, tal y como se especifica en un archivo mgJSON. Puede utilizar este comando para alinear un vídeo en el tiempo con muestras de datos almacenadas en un archivo mgJSON coincidente. Por ejemplo, si capturó datos durante una carrera, pero la hora de inicio del vídeo no coincide con la hora de inicio de los datos capturados, puede especificar el desplazamiento para que los datos se alineen automáticamente.

Para alinear un vídeo en el tiempo con datos mgJSON, siga los siguientes pasos:

  1. agregue el archivo mgJSON a una composición que también contenga las capas de destino.
  2. Seleccione la capa .mgJSON y las capas de destino.
  3. Seleccione Capa > Tiempo > Alinear vídeo con datos.

Para realizar este trabajo, el archivo mgJSON debe tener un grupo videoSyncTimeList que contenga:

  • El nombre de una o más capas de destino (nombredearchivo).
  • El número de fotogramas (numerodefotogramas) para desplazar las capas desde el inicio de la capa de datos.

Por ejemplo:

“videoSyncTimeList”: [
  {
    “nombredearchivo”: “sample1.mp4”,
    “numerodefotogramas”: 1000
  },

  {
    “nombredearchivo”: “sample2.mp4”,
    “numerodefotogramas”: -1000
  }

El valor de un nombredearchivo debe ser el nombre de capa de una capa seleccionada, no el nombre de origen de la capa. Si cambia el nombre de una capa con un origen en su composición, por ejemplo, si cambia el nombre de la capa “sample1.mp4” por “Cámara de carrera 1”, también deberá cambiar el valor nombredearchivo en el archivo mgJSON para que coincidan. Las capas a las que se hace referencia con nombredearchivo no tienen que ser elementos de material de archivo con un archivo de origen; también pueden ser composiciones sólidas y anidadas u otros tipos de capas.

Los valores positivos de numerodefotogramas desplazan la capa de destino hacia la izquierda (delante de la capa de datos). Los valores negativos de numerodefotogramas desplazan la capa de destino hacia la derecha (detrás de la capa de datos). Un valor numerodefotogramas que sea 0 alinea el inicio de la capa de destino con el inicio de la capa de datos.

Compatibilidad con CSV (.csv) y TSV (.tsv o .txt)

Puede importar archivos de valores separados por comas (.csv) y valores separados por tabulaciones (.tsv o.txt) como material de archivo a After Effects y utilizarlos como fuentes de datos.  Los archivos CSV y TSV almacenan datos tabulares en formato de texto plano con valores separados por comas o tabuladores. Los archivos de datos CSV y TSV funcionan de forma similar a los archivos JSON.

Para utilizar archivos de datos CSV o TSV en After Effects, siga estos pasos:

  1. Importe un archivo CSV o TSV en el proyecto como material de archivo, de forma similar a cómo importa un archivo de vídeo, audio u otro.
    Utilice cualquiera de los siguientes métodos para importar sus archivos como material de archivo:
    • Seleccione Archivo > Importar.
    • Haga clic con el botón derecho en el panel Proyectos y seleccione Importar > Tipo de archivo.
    • Haga doble clic en el panel Proyectos.
  2. El archivo se agrega a la ventana del proyecto. Cree una composición con el archivo.

  3. En el panel Línea de tiempo, gire para abrir las propiedades del material de archivo. Vincule las propiedades de datos de la capa en la composición a otra capa con la expresión icono espiral o el icono espiral de vínculo de propiedades. Para abrir el campo de texto de expresiones, mantenga presionada la tecla Mayús y haga clic en el icono del temporizador junto al nombre de la capa. También puede enlazar las propiedades de los datos mediante el comando Edición > Copiar con vínculos de propiedades.

    Para obtener más información acerca de las propiedades de datos de capa en la línea de tiempo, consulte Conceptos básicos de las propiedades de datos.

  4.  Para hacer referencia al archivo de material de archivo de datos, utilice una expresión en la propiedad que desea que los datos generen. Utilice el atributo de material de archivo dataValue() para leer los datos de una fila o columna en concreto. Las filas y las columnas se indexan desde cero. Por ejemplo, footage(“muestra.tsv”).dataValue([15,1]) devuelve el valor de la fila 16 de la segunda columna.

Conceptos básicos de las propiedades de datos

Cuando se agrega un archivo JSON, CSV o TSV a una composición y se abren las propiedades, estas contendrán solo un grupo de propiedades de datos, en vez del grupo de propiedades Transformar. El grupo de propiedades de datos contiene la jerarquía de datos tal y como se definen en el archivo.

Grupo de propiedades de datos JSON en el panel Línea de tiempo
Grupo de propiedades de datos JSON en el panel Línea de tiempo
Grupo de propiedades de datos CSV y TSV en el panel Línea de tiempo
Grupo de propiedades de datos CSV y TSV en el panel Línea de tiempo

Este grupo de datos es similar a la forma en la que After Effects trata los archivos de gráficos animados JSON (.mgJSON). La diferencia es que JSON, CSV y TSV solo pueden contener valores de datos estáticos, mientras que mgJSON puede contener datos dinámicos (datos que cambian con el tiempo).

Cada propiedad de datos individual tiene aplicada una expresión que vincula dicha propiedad a los datos del archivo JSON, CSV o TSV.  Si cambia el archivo de datos de origen, este cambio se reflejará en los valores de propiedad de los datos.

Vinculación de propiedades con el icono espiral de vínculo de propiedades

Si no desea escribir expresiones complejas, puede utilizar el icono espiral de vínculo de propiedades o el comando Edición > Copiar con vínculos de propiedades para vincular las propiedades de los datos a las propiedades de otras capas. A medida que vincula las capas, el icono espiral de vínculo de propiedades escribe automáticamente las expresiones por usted.

Bibliotecas de funciones de expresión personalizadas: JSX

En After Effects 15.0, era posible importar un archivo JSON que definía funciones JavaScript personalizadas y que se podía utilizar como biblioteca de funciones de expresión personalizadas. En After Effects 15.1, los objetos de JavaScript no son sintaxis legal para JSON. After Effects 15.1 utiliza un analizador JSON diferente que es estricto y no permite la importación de un archivo JSON con sintaxis ilegal.

Si intenta importar un archivo JSON con una función JavaScript definida en After Effects 15.1 o abrir un proyecto que contenga dicho archivo, en After Effects se muestra un error.

Para evitar este problema, puede importar un archivo de extensión de sintaxis de JavaScript (.jsx) a After Effects 15.1. El contenido del archivo JSX puede ser el mismo que el de un archivo JSON importado a After Effects 15.0. Únicamente tiene que cambiar la extensión del nombre del archivo a.jsx. Si abre un proyecto existente que contiene un archivo JSON que no funciona, utilice Archivo > Reemplazar material de archivo para sustituir el archivo JSON por el archivo JSX. Las referencias de expresión al archivo JSON se sustituyen por referencias al archivo JSX.

Problemas conocidos de la animación basada en datos

Al trabajar con animaciones basadas en datos en After Effects, pueden surgir algunos problemas. Para ver una lista completa, consulte Problemas conocidos de las animaciones basadas en datos.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea