Bloques de animación

Los controles y acciones que comparten los bloques de animación. Cuáles tiene un bloque depende de su tipo.

Panel de línea de tiempo con distintos tipos de bloques, objetivos escalonados, transiciones y pausas.

Un bloque de animación es un cambio con tiempos en uno o varios elementos, como un elemento que se mueve a otro sitio o un texto que aparece con un fundido. Con los bloques puedes:

Crearlos: selecciona elementos y elige un bloque en el panel de acciones.
Darles tiempos: fija cuándo empiezan y terminan, cuánto duran y su velocidad.
Dar forma al cambio: elige una curva de easing, y escalona varios elementos o las letras de un texto.
Editarlos en el tablero: arrastra sus indicadores para fijar adónde se mueve, cuánto gira o cuánto crece un elemento.
Reasignarlos, copiarlos y eliminarlos: pasa una animación a otros elementos, o quítala.

Los controles de un bloque dependen de su tipo. Cada tipo tiene su propia página: Transformar elementos, Mostrar y ocultar elementos, Animar cámaras, Animar vídeos, Animar audio y Animar atributos.

Objetivos

Los objetivos de un bloque son los elementos sobre los que actúa: uno o varios. Cada tipo de bloque sirve para algunos tipos de elemento: una Animación de video solo sirve para vídeos, y los bloques de cámara solo para cámaras.

Para crear un bloque desde el panel de acciones:

En el Modo animación, selecciona sus elementos objetivo en el tablero. Seleccionar un grupo apunta a los elementos animados que contiene.
Elige el bloque en el panel de acciones, que solo ofrece los bloques que admiten los elementos seleccionados.

Puedes cambiar los objetivos más adelante con Reasignar objetivos.

El bloque de animación predeterminado

Un bloque nuevo es un bloque de animación predeterminado: ya está en la línea de tiempo con valores iniciales, así que puedes crearlo primero y decidir después qué cambia y cuándo. Un bloque predeterminado:

Inicio: empieza en el cabezal y queda seleccionado, para que puedas configurarlo enseguida.
Sin cambio aún: algunos bloques, como los de posición y rotación, no cambian nada hasta que fijas sus valores.
Cabezal: crear un bloque de audio o de secuencia de texto lleva el cabezal a su final.

Configúralo en este orden:

Fija sus valores de inicio y final: cómo está el elemento cuando el bloque empieza y cuando termina, como el lugar del que parte una Animación de posición y el lugar al que llega.
- Panel de atributos: la sección del bloque muestra los valores que ofrece su tipo.
- Indicadores de bloque: los bloques que animan cómo están colocadas las cosas en el tablero, como su posición, su ángulo o su tamaño, también muestran manejadores allí, para que los ajustes directamente sobre el elemento.
- Mantener velocidad: activado, cambiar un valor ajusta los tiempos del bloque para que su velocidad se mantenga.
Fija sus tiempos de inicio y final: escríbelos en Tiempo, o fija cuánto dura el bloque en Duración para dar a varios bloques la misma duración. También puedes arrastrar la barra del bloque en el panel de línea de tiempo.
Fija su easing: cómo se acelera y se frena el cambio. Consulta Easing.

Velocidad de bloque

Cada tipo de bloque tiene una velocidad base, como unidades del tablero por segundo en un movimiento o caracteres por segundo en un texto que se escribe. La Velocidad de un bloque multiplica esa velocidad base, así que los bloques con la misma Velocidad se mueven al mismo ritmo, lo que mantiene coherentes los movimientos parecidos.

La velocidad de un bloque

Fija la Velocidad en la sección del bloque del panel de atributos. La Velocidad y la Duración están relacionadas: si cambias una, la otra se actualiza, así que fija la que te importe:

Velocidad: para moverse al mismo ritmo que otros bloques. 1 es la velocidad base del tipo de bloque, 2 el doble de rápido y 0,5 la mitad.
Duración: para que el bloque dure un tiempo concreto.
El inicio se mantiene: en ambos casos, el bloque conserva su inicio y su final se mueve.
Easing: la Velocidad fija el ritmo medio, y el easing del bloque sigue decidiendo dónde acelera o frena.

Velocidades base

Ajustes de animación, en el extremo derecho de la cabecera del panel de línea de tiempo, contiene las velocidades base de todo el tablero.

Los valores son por segundo: px son unidades del tablero, deg son grados, % es porcentaje y c son caracteres. Velocidad de lectura fija cuánto tiempo se ve cada texto de una Secuencia de texto, según su longitud.

Cambiar una velocidad base conserva los tiempos de los bloques que ya tienes: lo que cambia es su Velocidad. Los bloques nuevos usan la nueva velocidad base.

Indicadores de bloque

Un indicador muestra en el tablero lo que hace un bloque, con manejadores que puedes arrastrar mientras la animación está parada, en lugar de escribir valores. Estos bloques muestran uno:

Posición
Rotación
Escala y Redimensionado: comparten el mismo indicador. Arrastrarlo agranda o encoge todo el elemento con Escala, o cambia su ancho y su alto con Redimensionado.
Recorrido de trazado
Zoom de cámara
Trazo, para su imagen seguidora

Qué indicadores se muestran

Elige cuáles ves con Mostrar todos los indicadores de animación, en la cabecera del panel de línea de tiempo:

Desactivado, por defecto: seleccionar elementos no muestra sus indicadores. Para ver uno, selecciona su bloque en el panel de línea de tiempo.
Activado: seleccionar elementos muestra los indicadores de todos sus bloques actuales y futuros. Los bloques que ya terminaron en el cabezal siguen ocultos.

Un bloque seleccionado siempre muestra su indicador, incluso fuera de su intervalo de tiempo. Qué manejadores puedes arrastrar depende del bloque y de si la animación se está reproduciendo.

Seleccionar bloques

Selecciona un bloque para ver sus controles: el panel de acciones ofrece lo que puedes hacer con él, y el panel de atributos muestra sus ajustes. Selecciónalo de una de estas dos formas:

Panel de línea de tiempo: selecciona su barra. Consulta Seleccionar bloques en el panel de línea de tiempo para seleccionar varios.
Tablero: selecciona su indicador.

Cambiar la selección de elementos quita la selección de bloques.

Seleccionar varios bloques

Controles de tiempo compartidos por dos bloques seleccionados con distintos inicios y finales.

Con varios bloques seleccionados, el panel de atributos muestra los ajustes que comparten:

Tiempo y Duración: los tiempos que comparten.
Velocidad: cuando todos los bloques seleccionados tienen una.
La sección de su tipo: cuando todos los bloques son del mismo tipo. Escalonar elementos no se muestra.
Valores distintos: un campo numérico compartido muestra --- cuando los bloques difieren. Escribir un valor lo aplica a todos.

Atributos

Con un bloque seleccionado, el panel de atributos muestra sus ajustes. Cuáles depende de su tipo:

Tiempo y Duración: cuándo se reproduce el bloque y cuánto dura, más Velocidad en algunos bloques. Consulta Tiempos.
Valores del bloque: lo que cambia el bloque, como un ángulo, una distancia o una opacidad, explicados en la página de cada tipo.
Escalonar elementos: en un bloque con dos o más objetivos. Consulta Escalonar elementos.
Escalonar texto: en algunos bloques sobre texto. Consulta Escalonar texto.
Easing: cómo se acelera y se frena el cambio. Consulta Easing.

Tiempos

La sección del bloque tiene estos campos de tiempo:

Tiempo: cuándo empieza y termina el bloque, en segundos. Como la regla, cuenta el tiempo de los marcadores de pausa.
Duración: cuánto dura el cambio, desde 0,01 segundos:
- No cuenta los marcadores de pausa, así que puede ser menor que la distancia entre los dos valores de Tiempo.
- En el panel de línea de tiempo, algunos bloques pueden reducirse a un instante.
Velocidad: en los bloques que la tienen, lo rápido que va el cambio. Consulta Velocidad de bloque.

Mantener velocidad

Mantener velocidad, en la cabecera del panel de línea de tiempo, decide qué pasa cuando cambias un ajuste de tiempo. Empieza activado:

Velocidad: conserva el inicio y mueve el final.
Duración: conserva el inicio, mueve el final y cambia la Velocidad para que coincida.
Valores del bloque, como un ángulo o una distancia:
- Con Mantener velocidad activado, los tiempos cambian para conservar la velocidad. Qué extremo se mueve depende del valor que cambias.
- Desactivado, los tiempos se mantienen, y el cambio va más rápido o más lento.
Tiempo: depende del bloque. Con Mantener velocidad activado, un bloque de posición sin escalonado conserva su duración y se mueve entero, mientras que los demás bloques cambian su duración.

Escalonar elementos

En un bloque con dos o más objetivos, Escalonar elementos hace que empiecen uno tras otro en lugar de a la vez:

Escalonar elementos: lo activa. Después fija Retraso, o elige Fin en Ref, para separar los elementos.
Retraso: el tiempo entre un elemento y el siguiente, en segundos.
Ref: desde dónde cuenta el retraso:
- Inicio: el inicio de la animación del elemento anterior.
- Fin: el final de la animación del elemento anterior.
Panel de reordenación: un interruptor que muestra u oculta la lista de los elementos del bloque, en el orden en que empiezan.
- Cambiar el orden: arrastra un elemento por su asa.
- Encontrar un elemento: señálalo en la lista para resaltarlo en el tablero.

En el panel de línea de tiempo:

Barra: la barra del bloque abarca desde el inicio del primer elemento hasta el final del último.
Desactivarlo: conserva esa duración, así que la animación de cada elemento se estira para llenarla.
Cambiar Ref: conserva la duración, y la animación de cada elemento se acorta o se alarga para encajar.
Límite: donde los bloques no pueden solaparse, Retraso se limita al espacio disponible.

Escalonar texto

Escalonar texto anima un texto carácter a carácter o palabra a palabra. Funciona en:

Texto simple: bloques de posición, opacidad y escala.
Texto en trazado: bloques de opacidad y de recorrido de trazado. Con el recorrido de trazado, cada carácter sigue el trazado y gira con él, un poco después que el anterior.

Los controles:

Escalonar texto: lo activa. Con Ref en Inicio y Retraso a cero, fija Retraso en 0,05 segundos.
Retraso: el tiempo entre una unidad y la siguiente, en segundos.
Ref: desde dónde cuenta el retraso:
- Inicio: el inicio de la unidad anterior.
- Fin: el final de la unidad anterior.
Orden: qué extremo del texto empieza primero:
- Adelante: la primera unidad.
- Inverso: la última unidad.
Unidad: qué se mueve por separado:
- Caracteres: cada carácter, también los espacios. Los emojis y las letras acentuadas cuentan como un solo carácter, y un texto en árabe u otra escritura con letras enlazadas se mueve por palabras para que sus letras sigan unidas.
- Palabras: cada palabra, con los espacios que la siguen.

Cómo funcionan los tiempos:

Unidades: cada unidad tiene su propia duración de animación. La Duración del bloque incluye toda la secuencia escalonada, y su barra termina con la última unidad.
Desactivarlo: quita los desfases entre unidades. Escalonar elementos y las pausas siguen aplicándose.
Cambiar Ref o Unidad: conserva la duración de la barra, y la animación de cada unidad se acorta o se alarga para encajar.
Con Escalonar elementos: Escalonar elementos separa los elementos, y cada texto reparte sus unidades desde su propio inicio.

Dos casos acortan las unidades para que terminen antes del siguiente bloque del mismo tipo en ese texto:

Retraso más largo o texto más largo: primero se acorta el retraso entre unidades, después la animación de las unidades.
Un bloque nuevo durante el final escalonado: crear un bloque mientras aún se reproduce el final escalonado de un bloque anterior acorta ese final para dejar espacio. Un bloque anterior que sigue en su animación principal conserva sus tiempos.

Con el cabezal en el final del bloque, cambiar un ajuste de escalonado lleva el cabezal al nuevo final, así que el siguiente bloque que crees empieza después de la última unidad.

Easing

El Easing controla cómo avanza el cambio en el tiempo: despacio al principio, deprisa, con un rebote, etc. La mayoría de los bloques empiezan con Cúbica; los bloques de audio y vídeo empiezan con Lineal.

En la curva, el eje horizontal es el tiempo, y el vertical es el progreso, de 0 al inicio a 1 al final. Curvas como Retroceso o Elástica pasan de 0 o de 1 por el camino.

El easing mueve un valor entre su inicio y su final, así que un bloque cuyo inicio y final son iguales no cambia, sea cual sea la curva:

Un bloque de opacidad del 20 % al 80 % está al 35 % cuando el progreso de la curva es 0,25.
Para desaparecer y volver a aparecer, usa dos bloques: uno que hace desaparecer y otro que hace reaparecer.
Una Animación de posición se mueve por su trazado, así que incluso un trazado que termina donde empezó mueve el elemento. El easing fija lo rápido que avanza por el trazado.

Los controles:

Modo: Predeterminado construye la curva a partir de curvas estándar, y Personalizado te deja dibujarla.
Copiar easing desde animación: después selecciona un bloque compatible en el panel de línea de tiempo para copiar su curva.

Easing predeterminado

Predeterminado combina dos curvas estándar:

Entrada: la curva de la primera parte del cambio.
Salida: la curva de la última parte.
Cruce: dónde la Entrada da paso a la Salida, de 0,1 a 0,9. Con 0,5, cada una ocupa la mitad del tiempo.

Entrada y Salida ofrecen estas curvas. Cada imagen usa la curva en ambos lados: la mitad izquierda es cómo empieza un cambio y la derecha cómo termina.

Curva	Forma	Cómo se mueve
Lineal		Se mueve a velocidad constante.
Seno		Acelera y frena con suavidad.
Cuadrática		Acelera y frena un poco más que Seno.
Cúbica		Acelera y frena de forma clara. Es la habitual en Entrada y Salida.
Cuarta		Acelera y frena más, con un tramo central más rápido.
Quinta		Acelera y frena todavía más.
Exponencial		Apenas se mueve en los extremos y corre por el centro.
Circular		Sigue un cuarto de círculo, así que su centro es muy empinado.
Retroceso		Retrocede antes de empezar y se pasa antes de parar.
Elástica		Oscila adelante y atrás alrededor del inicio y del final.
Rebote		Rebota al inicio y al final, como una pelota que cae al suelo.

Easing personalizado

Personalizado te deja dar forma a la curva:

Predef.: una curva de partida, como Suave, Entrada, Salida, Sobrepasar, Rebote o Anticipación. Una curva que no coincide con ninguna aparece como Personalizado.
Curva: arrastra sus puntos y sus manejadores, o selecciona varios puntos para moverlos juntos. También puedes añadir puntos.
Barra de herramientas:
- Abrir el easing en una ventana flotante: consulta Ventana flotante.
- Mantener ángulo del nodo: mantiene el ángulo de los manejadores de un punto mientras arrastras.
- Convertir nodos seleccionados a suaves: redondea los puntos seleccionados.
- Convertir nodos seleccionados a bruscos: convierte los puntos seleccionados en esquinas.
- Alinear manejadores seleccionados: alinea los manejadores seleccionados a la izquierda, a la derecha, arriba, abajo o al centro.
- Eliminar manejadores seleccionados: elimina los manejadores seleccionados.
Tiradores de estiramiento: dos tiradores cuadrados en la gráfica:
- El de abajo a la derecha estira o comprime la curva en el tiempo, y el de arriba a la izquierda su altura.
- Haz doble clic en uno para restablecerlo. Estirar da más espacio a los puntos cercanos y deja la curva igual.

Ventana flotante

El editor de curvas personalizadas puede salir del panel de atributos a una ventana que flota sobre el tablero, donde la gráfica tiene más espacio.

Abrirla: elige Abrir el easing en una ventana flotante, el primer botón de la barra de herramientas del editor.
Mover y redimensionar: arrastra la barra de título para moverla, y un borde o una esquina para cambiar su tamaño. La gráfica crece con la ventana.
Una ventana por bloque: la ventana sigue editando su bloque mientras seleccionas otros elementos y bloques, y cada bloque puede tener su propia ventana.
Seleccionar este bloque de animación: selecciona el bloque de la ventana. Señalar el botón resalta el bloque en el panel de línea de tiempo y sus elementos en el tablero.
Devolver el easing al panel de atributos: cierra la ventana. Selecciona su bloque para editar la curva en el panel de atributos.
Easing X y Easing Y: un bloque con easings separados muestra las dos curvas en una sola ventana.
Cierre: una ventana se cierra cuando se elimina su bloque o cuando cambias a otra secuencia. Las ventanas abiertas vuelven al mismo sitio tras recargar.

Excepciones del easing

Ejes separados: los bloques de Animación de escala, y los de Animación de redimensionado en elementos que no son texto, pueden dividir la curva en Easing X y Easing Y con Easings separados. Zoom de cámara usa una sola curva.
Sin easing: los bloques de Cámara activa, cuyos movimientos tienen su propia curva en la sección Cámara activa, y los de Secuencia de texto, cuyos textos marcan su propio ritmo.

Acciones

En el Modo animación, el panel de acciones ofrece estas acciones para los bloques o elementos seleccionados.

Acciones de bloque

Para bloques seleccionados. Para pausarlos, consulta Crear pausa de bloque en Pausas de animación.

Cortar, copiar y pegar bloques

Botones Cortar, Copiar y Pegar del panel de acciones, de arriba abajo.

Mueve o copia los bloques seleccionados a otro momento o secuencia con estos botones del panel de acciones.

Operación:
1. Elige Cortar para mover los bloques seleccionados, o Copiar para conservar los originales.
2. Lleva el cabezal al nuevo inicio en el panel de línea de tiempo. Para usar otra secuencia, hazla activa primero.
3. Elige Pegar.
Necesita: para Pegar, bloques cortados o copiados en el mismo tablero. Se conservan mientras el tablero está abierto.
Resultado: el primer bloque empieza en el cabezal, y los demás conservan su separación, en sus elementos originales. Los bloques de audio y de cámara activa pueden moverse para no solaparse con otros bloques.
Consejo: para dar una animación a otros elementos, usa Copiar animación. Para llevar elementos animados a otro tablero, copia y pega los propios elementos.

Reasignar objetivos

Cambia los elementos sobre los que actúa un bloque.

Operación:
1. Elige Reasignar en el panel de acciones. Los objetivos del bloque quedan seleccionados en el tablero.
2. Cambia la selección en el tablero a los elementos sobre los que debe actuar el bloque.
3. Elige Aceptar para usar los nuevos objetivos, o Cancelar para mantener los anteriores.
Necesita: un bloque seleccionado.
Resultado: el bloque actúa sobre los elementos seleccionados que admiten su tipo:
- Elementos que no lo admiten: quedan fuera. Si ninguno lo admite, el bloque conserva sus objetivos.
- Elementos quitados: recuperan sus valores iniciales en lo que ya no está animado.

Acciones de animación de elementos

Para elementos seleccionados.

Copiar animación de un elemento

Copia los bloques de un elemento en los elementos seleccionados.

Operación:
1. Selecciona los elementos que reciben la animación y elige Copiar animación en el panel de acciones.
2. Selecciona el elemento desde el que copiar. En el tablero aparece una vista previa del resultado.
3. Elige Aceptar para confirmar, o Cancelar.
Necesita:
- Elementos receptores: uno o varios seleccionados. No necesitan tener animación propia.
- Elemento de origen: uno con bloques en la secuencia activa que admitan los elementos receptores.
Resultado: los bloques admitidos se copian en sus tiempos originales. Los elementos receptores conservan sus propios bloques, y las copias que se solaparían con ellos se omiten.
Consejo: para copiar solo algunos bloques, selecciónalos en el panel de línea de tiempo antes de elegir Aceptar.

Eliminar animación

Quita animación. Lo hace el mismo botón del panel de acciones, y lo que quita depende de lo que esté seleccionado.

Operación: elige el botón de eliminar en el panel de acciones:
- Eliminar, con bloques seleccionados: quita solo esos bloques.
- Eliminar animaciones, con elementos seleccionados: quita todos sus bloques, en todas las secuencias.
Resultado:
- Pausas: las pausas de bloque se van con sus bloques, salvo una pausa compartida con otros bloques, que se queda para ellos.
- Bloques compartidos: un bloque que también anima otros elementos se conserva para esos elementos.
- Elementos: recuperan sus valores iniciales en lo que ya no está animado. Una cámara conserva el zoom con el que terminó.