Crear animaciones en el Modo avanzado

La línea de tiempo del modo avanzado

Para animar elementos en el Modo avanzado, debe añadir fotogramas clave a la línea de tiempo para indicar dónde empiezan y dónde terminan las animaciones. Los elementos se editan en determinados fotogramas clave y Google Web Designer crea las animaciones entre ellos.

El espacio entre fotogramas clave, denominado intervalo, determina el tiempo que dura cada animación. Por ejemplo, para que una animación sea más rápida, los fotogramas clave deben estar más cerca unos de otros. Los easings permiten cambiar la aceleración y la deceleración de una transición.

Para animar un elemento en el modo avanzado:

1. Añada un fotograma clave haciendo clic con el botón derecho en la línea de tiempo y seleccionando Insertar fotograma clave.
2. Cambie las propiedades del elemento para que reflejen cómo quiere que se muestre al final de la animación. Por ejemplo, puede cambiar la posición del elemento en cuestión, su color, su opacidad o incluso las tres propiedades.

Puede añadir más fotogramas clave para encadenar varias animaciones del mismo elemento. Si quiere que el elemento permanezca intacto durante un tiempo y después volver a animarlo, añada un fotograma clave sin cambiar ninguna propiedad.

Ejemplo

En la animación de arriba, donde una imagen aparece lentamente, se detiene y se desplaza hacia la izquierda, se utilizan cuatro fotogramas clave.

1. El primero determina el estado del elemento al principio de la animación. En este caso, la opacidad de la imagen es 0, por lo que no se ve.
2. En el segundo fotograma, la opacidad del elemento es 1 (100 %). Así, la imagen va apareciendo a lo largo del segundo anterior.
3. En el tercero, las propiedades del elemento son iguales que en el fotograma clave anterior. Por lo tanto, no se produce ninguna animación durante este periodo de medio segundo y la imagen no varía.
4. En el último, la posición del elemento cambia de forma que solo la mitad derecha de la imagen queda dentro de la escena. La imagen se desliza hacia la izquierda para llegar a esa posición y tarda 1 segundo en hacerlo.

Para ver las propiedades de un fotograma clave determinado, haga clic con el botón derecho en él y, en el menú emergente, seleccione Propiedades animadas.

Cómo añadir un fotograma clave

Puede hacerlo de varias formas. En la línea de tiempo, seleccione la capa del elemento que esté animando y mueva la marca de reproducción al punto en el que quiera añadir el fotograma clave. Puede seleccionar varias capas pulsando Ctrl/⌘ mientras las selecciona. Utilice uno de estos métodos:

• Haga clic con el botón derecho en la línea de tiempo y, en el menú emergente, seleccione Insertar fotograma clave.
• Pulse F6.
• En el menú Editar, seleccione Línea de tiempo > Añadir fotograma clave.

Si cambia las propiedades de un elemento animado cuando la marca de reproducción no está en un fotograma clave, Google Web Designer añade automáticamente un fotograma clave en la posición de la marca de reproducción.

Duración del área de trabajo de la línea de tiempo

Si quiere añadir un fotograma clave más allá del final de la línea de tiempo, puede ampliar la duración de su área de trabajo. La duración predeterminada es de 12 segundos, pero puede añadir un fotograma clave en el segundo 15, por ejemplo. Para cambiar la duración del área de trabajo de la línea de tiempo:

1. Haga clic en el indicador de duración, situado en la parte superior de la línea de tiempo.

   

2. Introduzca otro valor en segundos. El valor mínimo es 12 segundos.
3. Pulse Intro.

El área de trabajo de la línea de tiempo debe tener la duración adecuada para las animaciones que esté diseñando. Las partes del área de trabajo que no utilice no afectarán al tiempo de reproducción de las animaciones.

La duración de las líneas de tiempo de los anuncios de vídeo puede ser de 5 minutos como máximo.

Escala de la línea de tiempo

Arrastre el control deslizante de zoom, situado cerca de la parte superior derecha de la línea de tiempo, para ajustar la escala. Ampliarla puede serle útil si tiene fotogramas clave muy juntos. Tenga en cuenta que el nivel de zoom solo afecta a cómo se muestra la línea de tiempo, no al tiempo de las animaciones.

Si quiere cambiar la duración de una animación que tenga varios fotogramas clave, puede ajustar diversos intervalos para que sean proporcionalmente más largos o más cortos.