- Guía del usuario de Adobe Animate
- Introducción a Animate
- Animación
- Aspectos básicos de animaciones en Animate
- Cómo utilizar los fotogramas y fotogramas clave en Animate
- Animación fotograma a fotograma en Animate
- Cómo trabajar con la animación de interpolación clásica en Animate
- Herramienta Pincel
- Guía de movimiento
- Interpolación de movimiento y ActionScript 3.0
- Acerca de la animación de interpolación de movimiento
- Animaciones de interpolación de movimiento
- Creación de una animación de interpolación de movimiento
- Uso de fotogramas clave de propiedad
- Animación de la posición con una interpolación
- Edición de interpolaciones de movimiento con el editor de movimiento
- Edición del trazado de movimiento de una animación de interpolación
- Manipulación de las interpolaciones de movimiento
- Adición de aceleraciones personalizadas
- Creación y aplicación de ajustes preestablecidos de movimiento
- Configuración de grupos de interpolación de animación
- Uso de interpolaciones de movimiento guardadas como archivos XML
- Interpolaciones de movimiento e interpolaciones clásicas
- Interpolación de forma
- Uso de la animación de la herramienta Hueso en Animate
- Trabajar con el rigging de personajes en Animate
- Uso de las capas de máscara en Adobe Animate
- Uso de escenas en Animate
- Interactividad
- Creación de botones en Animate
- Conversión de proyectos de Animate a otros formatos de documento
- Creación y publicación de documentos de HTML5 Canvas en Animate
- Adición de interactividad con fragmentos de código en Animate
- Creación de componentes HTML5 personalizados
- Uso de componentes en HTML5 Canvas
- Creación de componentes personalizados: Ejemplos
- Fragmentos de código para componentes personalizados
- Prácticas recomendadas - Publicidad con Animate
- Autoría y publicación de realidad virtual
- Espacio de trabajo y flujo de trabajo
- Creación y administración de pinceles
- Uso de Google Fonts en documentos HTML5 Canvas
- Utilización de las Bibliotecas Creative Cloud y Adobe Animate
- Utilización del Escenario y el panel Herramientas en Animate
- Flujo de trabajo y espacio de trabajo de Animate
- Uso de las fuentes web en documentos de HTML5 Canvas
- Líneas de tiempo y ActionScript
- Trabajo con varias líneas de tiempo
- Configuración de preferencias
- Utilización de los paneles de edición de Animate
- Creación de capas de la línea de tiempo en Animate
- Exportación de animaciones para aplicaciones móviles y motores de juegos
- Desplazamiento y copia de objetos
- Plantillas
- Buscar y reemplazar en Animate
- Deshacer y rehacer en el panel Historial
- Métodos abreviados de teclado
- Uso de la Cronología en Animate
- Creación de extensiones HTML
- Opciones de optimización para Imágenes y archivos GIF animados
- Configuración de exportación de imágenes y archivos GIF
- Panel de Recursos en Animate
- Multimedia y vídeo
- Transformación y combinación de objetos gráficos en Animate
- Crear y trabajar con instancias de símbolo en Animate
- Calco de imagen
- Cómo utilizar el sonido en Adobe Animate
- Exportación de archivos SVG
- Creación de archivos de vídeo para su uso en Animate
- Cómo añadir un vídeo a Animate
- Dibujo y creación de objetos en Animate
- Remodelado de líneas y formas
- Trazos, rellenos y degradados en Animate CC
- Uso de Adobe Premiere Pro y After Effects
- Paneles de color en Animate CC
- Apertura de archivos de Flash CS6 con Animate
- Uso de texto clásico en Animate
- Colocación de ilustraciones en Animate
- Mapas de bits importados en Animate
- Gráficos 3D
- Trabajo con símbolos en Animate
- Dibujo de líneas y formas en Adobe Animate
- Uso de bibliotecas en Animate
- Exportación de sonidos
- Selección de objetos en Animate CC
- Trabajo con archivos AI de Illustrator en Animate
- Aplicación de modos de mezcla
- Organización de objetos
- Automatización de tareas con el menú Comandos
- Texto en varios idiomas
- Utilización de la cámara en Animate
- Filtros de gráficos
- Sonido y ActionScript
- Preferencias de dibujo
- Dibujo con la herramienta Pluma
- Plataformas
- Conversión de proyectos de Animate a otros formatos de documento
- Compatibilidad con plataformas personalizadas
- Creación y publicación de documentos de HTML5 Canvas en Animate
- Creación y publicación de un documento de WebGL
- Empaquetado de aplicaciones para AIR para iOS
- Publicación de aplicaciones de AIR for Android
- Publicación para Adobe AIR para escritorio
- Configuración de publicaciones de ActionScript
- Prácticas recomendadas - Organización de ActionScript en una aplicación
- Uso de ActionScript con Animate
- Accesibilidad en el espacio de trabajo de Animate
- Cómo escribir y gestionar scripts
- Activación de la compatibilidad con plataformas personalizadas
- Información general sobre compatibilidad con plataformas personalizadas
- Uso de plugins de compatibilidad con plataformas personalizadas
- Depuración de ActionScript 3.0
- Activación de la compatibilidad con plataformas personalizadas
- Exportación y publicación
- Exportación de archivos de Animate CC
- Publicación de OAM
- Exportación de archivos SVG
- Exportación de gráficos y vídeos con Animate
- Publicar documentos de AS3
- Exportación de animaciones para aplicaciones móviles y motores de juegos
- Exportación de sonidos
- Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
- Prácticas recomendadas - Convenciones de vídeo
- Prácticas recomendadas - Directrices de edición de aplicaciones SWF
- Prácticas recomendadas - Estructuración de archivos FLA
- Prácticas recomendadas de optimización de archivos FLA para Animate
- Configuración de publicaciones de ActionScript
- Especificación de configuración de publicación para Animate
- Exportación de archivos de proyector
- Exportar imágenes y archivos GIF animados
- Plantillas de publicación HTML
- Uso de Adobe Premiere Pro y After Effects
- Compartir y publicar animaciones rápidamente
- Solución de problemas
El editor de movimiento de Animate le ayuda a crear interpolaciones de movimiento complejas con muy fácilmente. El editor de movimiento ofrece una vista compacta de todas las propiedades aplicadas a un grupo de interpolación seleccionado como gráficos bidimensionales. Puede optar por modificar cada uno de estos gráficos y, por lo tanto, sus propiedades interpoladas correspondientes, individualmente. Con alta granularidad y un control preciso, puede enriquecer en gran medida sus animaciones para emular el comportamiento en el mundo real mediante el editor de movimiento.
Acerca del editor de movimiento
El editor de movimiento se ha diseñado para facilitar la creación de interpolaciones complejas. El editor de movimiento permite controlar y manipular las propiedades de una interpolación. Después de crear una interpolación de movimiento, puede aprovechar el editor de movimiento para ajustar con precisión la interpolación. El editor de movimiento facilita la edición centrada de la interpolación ya que permite seleccionar y modificar las propiedades individualmente.
¿Por qué utilizar el editor de movimiento?
El editor de movimiento se ha diseñado para facilitar la creación de interpolaciones complejas. Así pues, el editor de movimiento ofrece un control granular de la interpolación y sus propiedades. Lo siguiente solo se puede conseguir mediante el editor de movimiento:
- Facilidad de acceso y modificación de todas las propiedades aplicadas a una interpolación en un único panel.
- Añada distintos ajustes preestablecidos de aceleración o aceleración personalizada: El editor de movimiento permite añadir diferentes ajustes preestablecidos, añadir varios ajustes preestablecidos o crear una aceleración personalizada. La adición de aceleraciones a una propiedad interpolada es un método sencillo para emular el comportamiento de los objetos en el mundo real.
- Curva resultante: Puede aplicar aceleraciones a propiedades individuales y ver los efectos de aceleraciones en gráficos de propiedades individuales mediante la curva resultante. Una curva resultante es una representación de la interpolación real.
- Puntos de anclaje y puntos de control: Puede aislar y realizar ediciones en secciones clave de una interpolación mediante los puntos de anclaje y los puntos de control.
- Animaciones refinadas: El editor de movimiento es la única forma de crear determinados tipos de animaciones, por ejemplo, la creación de una interpolación de trazado curvo en una propiedad individual mediante el ajuste de su curva de propiedad.
Apertura del panel Editor de movimiento
En este artículo se supone que ya ha creado una interpolación de movimiento y que está utilizando el editor de movimiento para precisar la interpolación.
Para abrir el editor de movimiento, realice lo siguiente:
- En la línea de tiempo, seleccione el grupo de interpolación de movimiento que desee precisar y haga doble clic en el grupo de interpolación. También puede hacer clic con el botón derecho en el grupo de interpolación y seleccionar Precisar interpolación para iniciar el editor de movimiento.
Curvas de propiedad
El editor de movimiento representa las propiedades de una interpolación con gráficos bidimensionales denominados curvas de propiedad. Estos gráficos se componen dentro de una cuadrícula en el editor de movimiento. Cada propiedad tiene su propia curva de propiedad trazada a lo largo del tiempo en el eje horizontal (de izquierda a derecha) y el cambio en el valor de la propiedad en el eje vertical.
Puede manipular las interpolaciones de movimiento si edita las curvas de propiedad en el editor de movimiento. Para ello, el editor de movimiento facilita la edición suave de curvas de propiedad, lo que permite un control más preciso de la interpolación. Para manipular una curva de propiedad, añada fotogramas clave de propiedad o puntos de anclaje. Esto permite manipular las partes fundamentales de la curva de propiedad, donde desee que la interpolación muestre transiciones para dicha propiedad.
Tenga en cuenta que el editor de movimiento solo permite editar las propiedades que se pueden modificar durante un intervalo de interpolaciones. Por ejemplo, solo se puede asignar un valor a la propiedad Calidad del filtro Bisel degradado en un intervalo de interpolaciones y, por lo tanto, no se puede editar con el editor de movimiento.
Puntos de anclaje
Los puntos de anclaje proporcionan un mayor control de las curvas de propiedad, lo cual permite modificar explícitamente partes fundamentales de una curva. Puede controlar con precisión la forma de la mayoría de curvas en el editor de movimiento si añade fotogramas clave de propiedad o puntos de anclaje.
Los puntos de anclaje se muestran como cuadrados en la cuadrícula. Con el editor de movimiento, puede controlar el comportamiento de la interpolación si añade puntos de anclaje a una curva de propiedad o modifica sus posiciones. Al añadir un punto de anclaje, se crea una esquina cuando la curva pasa por los ángulos. Sin embargo, puede suavizar cualquier segmento de una curva de propiedad mediante los controles curva para los puntos de control.
Puntos de control
Los puntos de control permiten suavizar o modificar una curva de propiedad a ambos lados de un punto de anclaje. Los puntos de control se pueden modificar con controles de curva estándar.
Edición de curvas de propiedad
Para editar las propiedades de una interpolación, haga lo siguiente:
- En Animate, con un intervalo de interpolaciones seleccionado, haga clic con el botón derecho > seleccione Precisar interpolación para abrir el editor de movimiento (o simplemente haga doble clic en el intervalo de interpolaciones).
- Desplácese hacia abajo y seleccione la propiedad que desee editar. Para invertir la selección, haga clic con el botón derecho y seleccione Invertir selección.
- Con la curva de propiedad para la propiedad seleccionada a la vista, puede elegir realizar lo siguiente:
- Para agregar un punto de ancla, haga clic en el botón y en el fotograma deseado de la curva de propiedad. O bien haga doble clic en la curva para añadir un punto de anclaje.
- Seleccione y mueva un punto de anclaje existente (en cualquier dirección) a un fotograma de la cuadrícula. El límite del movimiento vertical se limita a la gama de valores de la propiedad.
- Para quitar un punto de anclaje, selecciónelo, haga clic y presione Ctrl (Cmd en MAC).
Edición de curvas de propiedad con puntos de control
Para editar curvas de propiedad mediante los puntos de control, haga lo siguiente:
- En Animate, con un intervalo de interpolaciones seleccionado, haga clic con el botón derecho > seleccione Precisar interpolación para abrir el editor de movimiento (o haga doble clic en el intervalo de interpolaciones).
- Desplácese hacia abajo y seleccione la propiedad que desee editar. Para invertir la selección, haga clic con el botón derecho y seleccione Invertir selección.
- Con la curva de propiedad para la propiedad seleccionada a la vista, puede elegir realizar lo siguiente:
- Para añadir un punto de anclaje, haga clic en el botón y haga clic en el fotograma deseado de la cuadrícula. O bien haga doble clic en la curva para añadir un punto de anclaje.
O
- Seleccione un punto de anclaje de la cuadrícula.
- Para añadir un punto de anclaje, haga clic en el botón y haga clic en el fotograma deseado de la cuadrícula. O bien haga doble clic en la curva para añadir un punto de anclaje.
- Con el punto de anclaje seleccionado, presione Alt y arrastre verticalmente para activar los puntos de control. Puede modificar la forma de la curva para suavizar los segmentos de esquina con controles de bézier.
Copia de curvas de propiedad
También puede copiar curvas de propiedad en varias propiedades con el editor de movimiento.
Para copiar una curva de propiedad, haga lo siguiente:
- En Animate, con un intervalo de interpolaciones seleccionado, haga clic con el botón derecho > seleccione Precisar interpolación para abrir el editor de movimiento (o haga doble clic en el intervalo de interpolaciones).
- Seleccione la propiedad cuya curva desee copiar y haga clic con el botón derecho > Copiar O BIEN presione Ctrl + C (Cmd + C en Mac).
- Para pegar la curva con valores absolutos, seleccione la propiedad en la que desee pegar la curva de propiedad copiada y haga clic con el botón derecho > Pegar o presione Ctrl + V (Cmd + V en Mac).
- Para pegar la curva dentro del rango de la curva de destino, seleccione la propiedad en la que desee pegar la curva de propiedad copiada y haga clic con el botón derecho > Pegar para ajustar el rango actual.
Inversión de una curva de propiedad
Para invertir una curva de propiedad, haga lo siguiente:
- En el editor de movimiento, seleccione una propiedad.
- Haga clic con el botón derecho > Invertir para invertir la curva de propiedad.
Aplicación de ajustes preestablecidos y aceleraciones personalizadas
La aceleración permite controlar la velocidad de una interpolación para crear movimiento realista con efectos agradables. La aplicación de aceleraciones en interpolaciones de movimiento permite manipular el principio y el final de una animación para conseguir un movimiento más natural del objeto. Por ejemplo, uno de los muchos usos comunes de la aceleración es añadir aceleración y desaceleración realistas en los extremos del trazado de movimiento de un objeto. En resumen, Animate modifica la velocidad de cambio del valor de la propiedad según la aceleración aplicada.
Una aceleración puede ser simple o compleja. Animate contiene una amplia gama de ajustes preestablecidos de aceleración que se pueden aplicar para obtener efectos simples o complejos. También puede asignar intensidad a una aceleración para mejorar el efecto visual de una interpolación. En el editor de movimiento también es posible crear sus propias curvas de aceleración personalizadas.
Como las curvas de aceleración del editor de movimiento pueden ser complejas, utilícelas para crear movimiento complejo en el escenario sin necesidad de crear trazados de movimiento complejos en el escenario. También puede utilizar curvas de aceleración para crear interpolaciones complejas de cualquier otra propiedad, además de las propiedades espaciales como Ubicación X y Z.
Aceleraciones personalizadas
Las aceleraciones personalizadas le permiten crear su propia aceleración utilizando la curva de aceleración personalizada del editor de movimiento. A continuación, podrá aplicar la aceleración personalizada a cualquier propiedad de una interpolación seleccionada.
El gráfico de aceleración personalizado representa el grado de movimiento a lo largo del tiempo. Los fotogramas se representan en el eje horizontal y el porcentaje de cambio de la interpolación se representa en el eje vertical. El primer valor de la animación está en el 0%, mientras que el último fotograma clave puede establecerse entre 0 y 100%. La velocidad de cambio de la instancia interpolada se indica mediante la pendiente de la curva del gráfico. Si crea una línea horizontal (sin pendiente) en el gráfico, la velocidad es cero; si crea una línea vertical en el gráfico, hay un cambio instantáneo en la velocidad.
Aplicación de una curva de aceleración a una curva de propiedad
Para añadir aceleración a una propiedad interpolada, haga lo siguiente:
- En el editor de movimiento, seleccione la propiedad a la que desee aplicar la aceleración y haga clic en el botón Añadir aceleración para mostrar el panel de aceleración.
- En el panel Aceleración, puede elegir:
- Seleccionar un ajuste preestablecido de aceleración en el panel izquierdo para aplicarlo. Escribir un valor en el campo Aceleración para especificar la intensidad de la aceleración.
- Seleccionar Aceleración personalizada en el panel izquierdo y modificar la curva de aceleración para crear una aceleración personalizada. Para obtener más información, consulte Creación y aplicación de curvas de aceleración personalizadas.
- Para cerrar el panel de aceleración, haga clic fuera de él. Observe que el botón Añadir aceleración muestra el nombre de la aceleración que haya aplicado a la propiedad.
Creación y aplicación de curvas de aceleración personalizadas
Para crear y aplicar aceleración personalizada a una propiedad interpolada, haga lo siguiente:
- En el editor de movimiento, seleccione la propiedad a la que desee aplicar la aceleración personalizada y haga clic en el botón Añadir aceleración para mostrar el panel de aceleración.
- En el panel Aceleración, puede modificar la curva de aceleración personalizada predeterminada como sigue:
- Presione Alt y haga clic para añadir puntos de anclaje en la curva. Asimismo, puede mover estos puntos a cualquier punto de la cuadrícula.
- Active puntos de control (presione Alt + haga clic en un punto de anclaje) en un punto de anclaje para suavizar los segmentos curvos a ambos lados de un punto de anclaje.
- Para cerrar el panel de aceleración, haga clic fuera de él. Observe que el botón Añadir aceleración muestra Personalizado, lo que indica que se ha aplicado una aceleración personalizada a la propiedad.
Copia de curvas de aceleración
Para copiar una curva de aceleración, haga lo siguiente:
- En el panel Aceleración, seleccione la curva de aceleración que desee copiar y presione Ctrl + C (Cmd + C en Mac).
- Seleccione la propiedad en la que desee pegar la curva de aceleración copiada y presione Ctrl + V (Cmd + V en Mac).
Aplicación de aceleración a varias propiedades
Ahora puede aplicar una aceleración personalizada o un ajuste preestablecido de aceleración a los grupos de propiedades. El editor de movimiento organiza las propiedades de forma jerárquica en grupos de propiedades y propiedades secundarias. Dentro de la jerarquía, puede aplicar aceleraciones a cualquier nivel, es decir, a propiedades individuales o grupos de propiedades.
Tenga en cuenta que, después de aplicar la aceleración a un grupo de propiedades, puede continuar editando las propiedades secundarias individualmente. También significa que puede aplicar otra aceleración (que no sea la del grupo) a una propiedad secundaria.
Para aplicar una aceleración a varias propiedades, haga lo siguiente:
- En el editor de movimiento, seleccione el grupo de propiedades y haga clic en el botón Añadir aceleración para mostrar el panel de aceleración.
- En el panel de la aceleración, seleccione un ajuste preestablecido de aceleración o cree una aceleración personalizada. Para aplicar la aceleración seleccionada al grupo de propiedades, haga clic fuera del panel de aceleración.
Curva resultante
Si se aplica una curva de aceleración a una curva de propiedad, aparece en la cuadrícula una superposición visual, llamada curva resultante. La curva resultante es una representación exacta del efecto de la aceleración aplicada a una curva de propiedad. Es indicativa de la animación final del objeto interpolado. La curva resultante le ayuda a comprender el efecto que se muestra en el escenario al probar la animación.
Control de la visualización del editor de movimiento
En el editor de movimiento es posible controlar qué curvas de propiedad pueden editarse y qué tamaño de visualización tiene cada una de ellas. Las curvas de propiedad mostradas a tamaño grande son más fáciles de editar.
- El nuevo editor de movimiento solo muestra las propiedades que se aplican a una interpolación.
- Puede utilizar la activación y desactivación de Ajustar a vista () para ajustar el editor de movimiento a la anchura de la línea de tiempo.
- Puede ajustar el tamaño del editor de movimiento y seleccionar mostrar menos () o más fotogramas () con los controles de zoom de la línea de tiempo. También puede utilizar el regulador para definir una vista adecuada del editor de movimiento.
- El editor de movimiento también dispone de zoom vertical. Puede utilizar el zoom vertical para mostrar un intervalo adecuado de valores de propiedades en el editor de movimiento. La función de zoom también permite realizar ediciones centradas y más precisas en una curva de propiedad.
- De forma predeterminada, las propiedades se amplían en el panel izquierdo del editor de movimiento. Para contraer la lista de análisis, haga clic en un nombre de propiedad.
Métodos abreviados de teclado
Haga doble clic en una curva de propiedad para añadir un punto de anclaje.
Presione Alt y arrastre un punto de anclaje para activar los puntos de control.
Presione Alt y arrastre para manipular un punto de control seleccionado (edición de una sola cara).
Presione Alt y haga clic en un punto de anclaje para desactivar los puntos de control (punto de esquina).
Presione Mayús y arrastre para mover un punto de anclaje en la dirección lineal.
Presione Comando/Control y haga clic para quitar un punto de anclaje.
Presione las teclas de flecha arriba o abajo para mover un punto de anclaje seleccionado verticalmente.
Presione Comando/Control + C/V para copiar/pegar una curva seleccionada.
Presione Comando/Control + R para invertir una curva seleccionada.
Presione Comando/Control y desplácese para aumentar/reducir.