Animación de redimensionado

Dar a los elementos un ancho y un alto nuevos a lo largo del tiempo.

Un elemento detallado con manejadores de animación horizontales y verticales.

Animación de redimensionado cambia el ancho y el alto de los elementos a lo largo del tiempo, alrededor de un centro.

Funciona con los elementos que pueden redimensionarse. Las flechas, los textos en trazado y las cámaras no pueden.

Redimensionar o escalar

  • Redimensionar dibuja de nuevo el elemento en cada tamaño, como lo haría arrastrar sus manejadores en el Modo creación, así que en un elemento vectorial el trazo conserva su grosor.
  • La Animación de escala en cambio estira o encoge todo el elemento como una imagen: todo lo que contiene crece o se encoge a la vez, trazo incluido.

Crearlo

Crearlo.
  1. Selecciona los elementos en el tablero.
  2. En el Modo animación, elige Animación de redimensionado en el panel de acciones.

Después de crearlo

Después de crearlo.
  • Empieza en la posición del cabezal y mantiene el tamaño que los elementos ya tienen ahí, así que nada cambia hasta que fijas el tamaño final con un manejador de destino o en el panel de atributos.
  • Queda seleccionado, y su indicador de redimensionado aparece en el tablero.

Ancho y alto

Ancho y alto.
  • Con un solo elemento, Ancho y Alto son el tamaño del propio elemento.
  • Con varios elementos, son el tamaño del recuadro de la selección al crear el bloque.
    • Un solo bloque los redimensiona a todos alrededor de un centro común.
    • Cada elemento cambia en la misma proporción desde su propio tamaño, así que conservan su disposición, como al redimensionar una selección en el modo creación.

Textos

El indicador de redimensionado de un texto con un solo manejador de destino para el ancho.
  • Un texto solo cambia de ancho, así que un bloque con solo textos tiene un único manejador de destino, el del ancho, y un solo Easing.
  • Sus letras conservan su tamaño y sus líneas se reparten de nuevo, como al arrastrar sus manejadores laterales en el modo creación.
  • Su alto sale de sus líneas, así que un bloque de redimensionado no puede fijarlo. El centro decide hacia dónde van las líneas nuevas: con el centro abajo, el texto crece hacia arriba.
  • Alto funciona de otra forma cuando el bloque tiene textos:
    • Textos y otros elementos: Alto redimensiona solo los demás elementos.
    • Solo textos: Alto no se puede editar. Muestra el alto del texto al inicio y al final del bloque.

El bloque de animación de redimensionado en el panel de línea de tiempo

Bloques numerados: 1 para un elemento, 2 para varios y 3 para elementos escalonados.

En el panel de línea de tiempo, los bloques de redimensionado se muestran en lima ().

  1. Los bloques que redimensionan un solo elemento usan manejadores circulares.
  2. Los bloques que redimensionan varios elementos usan manejadores cuadrados.
  3. Los bloques escalonados muestran una marca donde empieza cada elemento posterior.

El indicador de redimensionado en el tablero

El manejador del centro, los de referencia y los del estado final en los ejes X e Y.

El indicador de redimensionado muestra el centro y un eje para X y otro para Y, girados con el elemento.

  • Se muestra mientras el bloque está seleccionado, o para los elementos seleccionados cuando Mostrar todos los indicadores de animación está activado.
  • Una barra en cada eje se va rellenando a medida que avanza la animación.
  • Unas puntas de flecha indican si el ancho y el alto crecen o se encogen.

Manejadores

Prepáralos en este orden:

  1. Manejador del centro: el punto desde el que crecen o hacia el que se encogen los elementos.
    • Empieza en el pivote del elemento, o en el punto medio entre los pivotes de varios elementos.
    • Si los elementos ya tienen un bloque de redimensionado anterior, empieza en el centro de ese bloque.
    • Arrástralo para mover el centro.
    • Solo responde mientras el cabezal está en el inicio del bloque, y se muestra en gris en cualquier otro momento.
  2. Manejadores de referencia: los manejadores rectangulares de cada eje. Cada uno marca un punto de los elementos que el redimensionado lleva hasta su manejador de destino.
    • Empiezan a una distancia del centro de la mitad del ancho o del alto de la selección.
    • En elementos que miden solo unos píxeles en pantalla, se dibujan un poco más afuera que el punto que marcan, para que sigan siendo fáciles de arrastrar.
    • Arrástralos para medir desde otro punto.
    • Solo responden en el inicio del bloque. En otros momentos quedan como marcas grises.
  3. Manejadores de destino: los círculos que arrastras para fijar el ancho y el alto.
    • Uno para el ancho (eje X), otro para el alto (eje Y), y otro en su esquina para los dos a la vez.
    • Los elementos se redimensionan alrededor del centro para que el punto de cada manejador de referencia llegue a su manejador de destino.
    • También se muestran en el inicio del bloque, así que puedes fijar el tamaño final justo después de crear el bloque.

Mantener velocidad

Mantener velocidad en la cabecera del panel de línea de tiempo.

Mantener velocidad, en la cabecera del panel de línea de tiempo, decide qué le pasa a la duración del bloque al cambiar el tamaño final, tanto si arrastras un manejador de destino como si escribes el valor en el panel de atributos:

  • Activado: la duración sigue al tamaño, así que el redimensionado mantiene la misma velocidad y un cambio mayor tarda más.
  • Desactivado: la duración no cambia.
    • Un bloque nuevo aún no tiene duración, así que su tamaño cambia de golpe, como un salto.

Atributos

Atributos.

La sección Animación de redimensionado del panel de atributos.

Tiempos

Tiempos.
  • Tiempo: instantes de inicio y fin del redimensionado, en segundos. Cada tiempo se resalta con un borde mientras el cabezal está sobre él.
  • Duración: la duración total del bloque, incluidos los elementos escalonados y las pausas de bloque.
  • Velocidad: multiplicador respecto a la velocidad base de redimensionado del tablero (200 unidades del tablero por segundo por defecto).
    • Se mide sobre el cambio medio del ancho y el alto.
    • Cambiarla cambia la duración del bloque.

Tamaño

Tamaño.
  • Ancho y Alto: dos valores cada uno.
    • El primero es el tamaño al inicio y no es editable: el tamaño del propio elemento, calculado a partir de los bloques anteriores, o el del recuadro de la selección con varios elementos.
    • El segundo es el tamaño al final.
    • Con Mantener velocidad activado, la duración se ajusta al nuevo tamaño, tanto si lo escribes como si arrastras un manejador de destino.

Centro

Centro.
  • Cx y Cy: las coordenadas del centro en el tablero al inicio del bloque, editables esté donde esté el cabezal.
    • Cy sigue la dirección del eje Y fijada en los ajustes del tablero.

Escalonado y easing

Escalonado y easing.
  • Escalonar elementos: cuando un bloque actúa sobre varios elementos, desfasa sus inicios sucesivamente. Consulta Escalonar elementos.
  • Panel de reordenación: con Escalonar elementos activado, fija el orden en que empiezan los elementos. Consulta Escalonar elementos.
  • Easings separados: da al ancho y al alto su propio easing, Easing X y Easing Y.
    • Desactivado, un solo Easing se aplica a ambos. Al desactivarlo se conserva la curva de Easing X.
    • El valor predeterminado es cúbico de entrada y salida. Consulta Easing.

Acciones

Eliminar, Cortar, Copiar, Pegar, Reasignar y Crear pausa de bloque en el panel de acciones.

Con un bloque de redimensionado seleccionado, el panel de acciones ofrece estas acciones de bloque:

  • Eliminar: borra el bloque. Consulta Acciones de bloque.
  • Cortar, Copiar y Pegar: mueven o copian el bloque a otro momento o secuencia. Consulta Cortar, copiar y pegar bloques.
  • Reasignar: cambia los elementos que redimensiona el bloque. Consulta Acciones de bloque.
    • El recuadro se mide de nuevo, y Ancho y Alto cambian con él, así que el redimensionado conserva su proporción.
  • Crear pausa de bloque: detiene el redimensionado un momento dentro del bloque. Consulta Pausas de bloque.