Edición del trazado de movimiento de una animación de interpolación

  1. Guía del usuario de Adobe Animate
  2. Introducción a Animate
    1. Novedades de Animate
    2. Glosario visual
    3. Requisitos del sistema para Animate
    4. Métodos abreviados de teclado de Animate
    5. Trabajar con varios tipos de archivo en Animate
  3. Animación
    1. Aspectos básicos de animaciones en Animate
    2. Cómo utilizar los fotogramas y fotogramas clave en Animate
    3. Animación fotograma a fotograma en Animate
    4. Uso de la animación de interpolación clásica en Animate
    5. Herramienta Pincel
    6. Guía de movimiento
    7. Interpolación de movimiento y ActionScript 3.0
    8. Acerca de la animación de interpolación de movimiento
    9. Animaciones de interpolación de movimiento
    10. Creación de una animación de interpolación de movimiento
    11. Uso de fotogramas clave de propiedad
    12. Animación de la posición con una interpolación
    13. Edición de interpolaciones de movimiento con el editor de movimiento
    14. Edición del trazado de movimiento de una animación de interpolación
    15. Manipulación de las interpolaciones de movimiento
    16. Adición de aceleraciones personalizadas
    17. Creación y aplicación de ajustes preestablecidos de movimiento
    18. Configuración de grupos de interpolación de animación
    19. Uso de interpolaciones de movimiento guardadas como archivos XML
    20. Interpolaciones de movimiento e interpolaciones clásicas
    21. Interpolación de forma
    22. Uso de la animación de la herramienta Hueso en Animate
    23. Trabajar con el rigging de personajes en Animate
    24. Uso de las capas de máscara en Adobe Animate
    25. Uso de escenas en Animate
  4. Interactividad
    1. Creación de botones en Animate
    2. Conversión de proyectos de Animate a otros formatos de documento
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Adición de interactividad con fragmentos de código en Animate
    5. Creación de componentes HTML5 personalizados
    6. Uso de componentes en HTML5 Canvas
    7. Creación de componentes personalizados: Ejemplos
    8. Fragmentos de código para componentes personalizados
    9. Prácticas recomendadas - Publicidad con Animate
    10. Autoría y publicación de realidad virtual
  5. Espacio de trabajo y flujo de trabajo
    1. Creación y administración de pinceles
    2. Uso de Google Fonts en documentos HTML5 Canvas
    3. Utilización de las Bibliotecas Creative Cloud y Adobe Animate
    4. Utilización del Escenario y el panel Herramientas en Animate
    5. Flujo de trabajo y espacio de trabajo de Animate
    6. Uso de las fuentes web en documentos de HTML5 Canvas
    7. Líneas de tiempo y ActionScript
    8. Trabajo con varias líneas de tiempo
    9. Configuración de preferencias
    10. Utilización de los paneles de edición de Animate
    11. Creación de capas de la línea de tiempo en Animate
    12. Exportación de animaciones para aplicaciones móviles y motores de juegos
    13. Desplazamiento y copia de objetos
    14. Plantillas
    15. Buscar y reemplazar en Animate
    16. Deshacer y rehacer en el panel Historial
    17. Métodos abreviados de teclado
    18. Uso de la Cronología en Animate
    19. Creación de extensiones HTML
    20. Opciones de optimización para Imágenes y archivos GIF animados
    21. Configuración de exportación de imágenes y archivos GIF
    22. Panel de Recursos en Animate
  6. Multimedia y vídeo
    1. Transformación y combinación de objetos gráficos en Animate
    2. Crear y trabajar con instancias de símbolo en Animate
    3. Calco de imagen
    4. Cómo utilizar el sonido en Adobe Animate
    5. Exportación de archivos SVG
    6. Creación de archivos de vídeo para su uso en Animate
    7. Cómo añadir un vídeo a Animate
    8. Trabajo con puntos de referencia de vídeo
    9. Dibujo y creación de objetos en Animate
    10. Remodelado de líneas y formas
    11. Trazos, rellenos y degradados en Animate CC
    12. Uso de Adobe Premiere Pro y After Effects
    13. Paneles de color en Animate CC
    14. Apertura de archivos de Flash CS6 con Animate
    15. Uso de texto clásico en Animate
    16. Colocación de ilustraciones en Animate
    17. Mapas de bits importados en Animate
    18. Gráficos 3D
    19. Trabajo con símbolos en Animate
    20. Dibujo de líneas y formas en Adobe Animate
    21. Uso de bibliotecas en Animate
    22. Exportación de sonidos
    23. Selección de objetos en Animate CC
    24. Trabajo con archivos AI de Illustrator en Animate
    25. Aplicación de patrones con el pincel rociador
    26. Aplicación de modos de mezcla
    27. Organización de objetos
    28. Automatización de tareas con el menú Comandos
    29. Texto en varios idiomas
    30. Utilización de la cámara en Animate
    31. Uso de Animate con Adobe Scout
    32. Trabajo con archivos de Fireworks
    33. Filtros de gráficos
    34. Sonido y ActionScript
    35. Preferencias de dibujo
    36. Dibujo con la herramienta Pluma
  7. Plataformas
    1. Conversión de proyectos de Animate a otros formatos de documento
    2. Compatibilidad con plataformas personalizadas
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Creación y publicación de un documento de WebGL
    5. Empaquetado de aplicaciones para AIR para iOS
    6. Publicación de aplicaciones de AIR for Android
    7. Publicación para Adobe AIR para escritorio
    8. Configuración de publicaciones de ActionScript
    9. Prácticas recomendadas - Organización de ActionScript en una aplicación
    10. Uso de ActionScript con Animate
    11. Prácticas recomendadas - Directrices de accesibilidad
    12. Accesibilidad en el espacio de trabajo de Animate
    13. Cómo escribir y gestionar scripts
    14. Activación de la compatibilidad con plataformas personalizadas
    15. Información general sobre compatibilidad con plataformas personalizadas
    16. Creación de contenido accesible
    17. Uso de plugins de compatibilidad con plataformas personalizadas
    18. Depuración de ActionScript 3.0
    19. Activación de la compatibilidad con plataformas personalizadas
  8. Exportación y publicación
    1. Exportación de archivos de Animate CC
    2. Publicación de OAM
    3. Exportación de archivos SVG
    4. Exportación de gráficos y vídeos con Animate
    5. Publicar documentos de AS3
    6. Exportación de animaciones para aplicaciones móviles y motores de juegos
    7. Exportación de sonidos
    8. Exportación de archivos de vídeo QuickTime
    9. Control de reproducción de vídeo externo con ActionScript
    10. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    11. Prácticas recomendadas - Convenciones de vídeo
    12. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    13. Prácticas recomendadas - Estructuración de archivos FLA
    14. Prácticas recomendadas de optimización de archivos FLA para Animate
    15. Configuración de publicaciones de ActionScript
    16. Especificación de configuración de publicación para Animate
    17. Exportación de archivos de proyector
    18. Exportar imágenes y archivos GIF animados
    19. Plantillas de publicación HTML
    20. Uso de Adobe Premiere Pro y After Effects
    21. Compartir y publicar animaciones rápidamente

Cuando coloque una instancia de interpolación en el escenario, verá un trazado de movimiento para dicha animación. El trazado de movimiento es una línea que representa el movimiento espacial de la instancia interpolada. Los puntos (a veces denominados “puntos de interpolación” o “puntos de fotograma”) representan la posición del objeto de destino a lo largo del trazado en la línea de tiempo. La posición del objeto de destino se representa como un único fotograma o grupos de fotogramas. 

Se puede editar o cambiar el trazado de movimiento de una interpolación de movimiento de las formas siguientes:

  • Cambie la posición del objeto en cualquier fotograma del grupo de interpolación.

  • Desplace todo el trazado de movimiento a una ubicación distinta del escenario.

  • Puede cambiar la forma o el tamaño del trazado con las herramientas Selección, Subselección o Transformación libre.

  • Puede cambiar la forma o el tamaño del trazado desde el panel Transformar o desde el inspector de propiedades.

  • Utilice los comandos del menú Modificar > Transformar.

  • Aplique un trazo personalizado como trazado de movimiento.

  • Utilice el editor de movimiento.

Puede utilizar la opción Mostrar siempre trazados de movimiento para mostrar todos los trazados de movimiento de las capas simultáneamente en el escenario. Esto resulta útil para diseñar varias animaciones en distintos trazados de movimiento que intersecan entre sí. Cuando selecciona un trazado de movimiento o un grupo de interpolación, esta opción está disponible en el menú de opciones del inspector de propiedades.

Consulte también

Edición de la forma de un trazado de movimiento con las herramientas Selección y Subselección

Las herramientas Selección y Subselección permiten cambiar la forma de un trazado de movimiento. La herramienta Selección permite arrastrar un segmento para cambiar su forma. Los fotogramas clave de propiedad de la interpolación aparecen en el trazado como puntos de control. La herramienta Subselección permite mostrar los puntos de control y los controles de curva del trazado que se corresponden con cada fotograma clave de propiedad de posición. Puede utilizar estos selectores para cambiar de forma el trazado alrededor de los puntos del fotograma clave de propiedad.

Cuando se crea un trazado de movimiento no lineal, por ejemplo, un círculo, puede girar el objeto interpolado a medida que se mueve por el trazado. Para mantener constante la orientación relativa al trazado, seleccione la opción Orientar según trazado en el inspector de propiedades.

Objeto interpolado no orientado al trazado de movimiento (izquierda) y orientado al trazado de movimiento (derecha).

  1. Haga clic en la herramienta Selección del panel Herramientas.

  2. Haga clic en la instancia de destino de la interpolación de modo que el trazado de movimiento sea visible en el escenario.

  3. Con la herramienta Selección, arrastre cualquier segmento del trazado de movimiento para cambiarlo de forma. No haga clic para seleccionar primero el segmento.

  4. Para mostrar en el trazado los puntos de control de curva de un punto de fotograma clave de propiedad, haga clic en la herramienta Subselección y después haga clic en el trazado.

    Los puntos del fotograma clave de propiedad aparecen como puntos de control (pequeños diamantes) en el trazado de movimiento.

  5. Para mover un punto de control, arrástrelo con la herramienta Subselección.

  6. Para ajustar la curva del trazado alrededor de un punto de control, arrastre los selectores de curva del punto de control con la herramienta Subselección.

    Si los manejadores no se amplían, puede hacerlo arrastrando el punto de control mientras mantiene presionada la tecla Alt (Windows) u Opción (Macintosh).

  1. Para eliminar un punto de ancla, seleccione la herramienta Eliminar punto de ancla. La mayoría de puntos de ancla generados con la herramienta Selección son puntos redondeados. Para convertir un punto de ancla, seleccione la herramienta Convertir punto de ancla. El icono de ancla pasa a ser un punto en ángulo.
  1. También puede tirar de los selectores de curvas de un punto y colocarlos como lo haría con un punto de ancla normal.
Nota:

No es posible añadir puntos de ancla al trazado con la herramienta Añadir punto de ancla.

Cambio de la posición del objeto interpolado

Para editar un trazado de movimiento, mueva la instancia de destino de la interpolación en el escenario de cualquier fotograma del grupo de interpolación. Si el fotograma actual aún no contiene ningún fotograma clave de propiedad, Animate le añade uno.

  1. Coloque la cabeza lectora en el fotograma al que desee mover la instancia de destino.
  2. Con ayuda de la herramienta Selección, arrastre la instancia de destino hasta una nueva ubicación del escenario.

El trazado de movimiento se actualiza con la nueva ubicación. Todos los fotogramas clave de propiedad del trazado de movimiento permanecen en su ubicación original.

Cambio de la ubicación de un trazado de movimiento en el escenario

Puede arrastrar todo el trazado de movimiento en el escenario o definir su ubicación en el inspector de propiedades.

  1. Haga clic en la herramienta Selección del panel Herramientas.

  2. Seleccione el trazado de movimiento del modo siguiente:

    • Haga clic en el grupo de interpolación de la línea de tiempo y, a continuación, haga clic en el trazado de movimiento del escenario.
    • Haga clic en el objeto interpolado del escenario y, a continuación, haga clic en el trazado de movimiento.
    • Arrastre un recuadro alrededor del trazado de movimiento y la instancia de destino para seleccionar los dos elementos.
    • (Sólo CS5.5) Puede seleccionar varios trazados de movimiento si mantiene presionada la tecla Mayús. y hace clic en el trazado de movimiento de cada interpolación que quiera editar. También puede arrastrar un recuadro alrededor de todos los trazados de movimiento.
  3. Para mover el trazado de movimiento, realice una de estas acciones:

    • Arrastre el trazado hasta la ubicación que desee en el escenario.
    • Defina los valores X e Y del trazado en el inspector de propiedades. Los valores X e Y se asignan a la esquina superior izquierda del cuadro delimitador del trazado de movimiento.
    • Utilice las teclas de flecha para desplazar el trazado de movimiento.

Edición de un trazado de movimiento con la herramienta Transformación libre

  1. Haga clic en la herramienta Transformación libre del panel Herramientas.
  2. Haga clic en el trazado de movimiento con la herramienta Transformación libre. No haga clic en la instancia de destino de interpolación.
  3. Cambie la escala del trazado, sésguelo o gírelo con ayuda de la herramienta Transformación libre.

Eliminación de un trazado de movimiento de una interpolación

  1. Para seleccionar el trazado de movimiento en el escenario, haga clic en el mismo con la herramienta Selección.
  2. Presione la tecla Supr.

Copia de un trazado de movimiento como un trazo

  1. Haga clic en el trazado de movimiento en el escenario para seleccionarlo.
  2. Seleccione Edición > Copiar.

Después puede copiar el trazado en otra capa como trazo o trazado de movimiento para otra interpolación de movimiento.

Aplicación de un trazo personalizado como trazado de movimiento

Puede aplicar un trazo desde una capa o línea de tiempo independiente como trazado de movimiento para una interpolación.

  1. Seleccione un trazo en una capa independiente de la capa de interpolación y cópielo en el portapapeles.
    No cierre el trazo. Sólo se pueden utilizar trazos sin interrupciones.
  2. Seleccione un grupo de interpolación en la línea de tiempo y pegue el trazo. Animate aplica el trazo como nuevo trazado de movimiento en el grupo de interpolación seleccionado. La instancia de destino de la interpolación se mueve ahora en el nuevo trazo.
  3. Para invertir los puntos inicial y final de la interpolación, haga clic con el botón derecho del ratón (Windows) o presione la tecla Comando y haga clic (Macintosh) en el grupo de interpolación. Seleccione Trazado de movimiento > Invertir trazado en el menú contextual del grupo de interpolación.
Logotipo de Adobe

Inicia sesión en tu cuenta