Acerca de la animación de interpolación de movimiento

  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

Por ejemplo, si los fotogramas 1 y 20 son fotogramas clave de propiedad, puede colocar un símbolo a la izquierda del escenario en el fotograma 1 y moverlo a la derecha del escenario en el fotograma 20. Cuando se crea una interpolación, Animate calcula todas las posiciones intermedias del clip de película. El resultado es una animación del símbolo que se mueve de izquierda a derecha, desde el fotograma 1 al fotograma 20. En cada fotograma intermedio, Animate desplaza el clip de película una veinteava parte de la distancia del escenario. 

Grupo de interpolación:

  • Es un grupo de fotogramas de la línea de tiempo en el que un objeto tiene una o más propiedades que cambian con el tiempo.
  • Se muestra en la línea de tiempo como un grupo de fotogramas en una sola capa con fondo azul.
  • Puede seleccionar los grupos de interpolación como un objeto individual y arrastrarlos de una ubicación a otra en la línea de tiempo, incluso entre capas.
  • Solo se puede animar un objeto en el escenario en cada grupo de interpolación. Este objeto se denomina objeto de destino del grupo de interpolación.

Fotograma clave de propiedad:

  • Es un fotograma dentro de un grupo de interpolación en el que se definen explícitamente uno o varios valores de propiedad del objeto de destino de interpolación.
  • Estas propiedades pueden incluir la posición, la transparencia alfa, el matiz de color, etc.
  • Cada propiedad definida tiene sus propios fotogramas clave de propiedad.
  • Si establece más de una propiedad de un solo fotograma, los fotogramas clave de propiedad de cada una de las propiedades existirán en dicho fotograma.
  • Utilice el editor de movimiento para ver cada propiedad de un grupo de interpolación y sus fotogramas clave de propiedad.
  • También puede seleccionar qué tipos de fotogramas clave de propiedad se muestran en la línea de tiempo desde el menú contextual del grupo de interpolación.

Objetos y propiedades aptos para interpolación

Los tipos de objetos que se pueden interpolar son los clips de película, los símbolos gráficos, los botones y los campos de texto. Algunas de las propiedades interpolables de estos objetos son:

  • Posición X e Y 2D

  • Posición Z 3D (sólo clips de película)

  • Rotación 2D (alrededor del eje z)

  • Rotación X, Y y Z 3D (sólo clips de película): El movimiento 3D requiere que el archivo FLA esté destinado a ActionScript 3.0 y a Flash Player 10 y versiones posteriores en la configuración de publicación. Adobe AIR también admite el movimiento 3D.

  • Sesgo X e Y

  • Escala X e Y

  • Efectos de color: incluye la (transparencia) alfa, el brillo, el matiz y la configuración avanzada de color. Los efectos de color solo se pueden interpolar en símbolos y en texto TLF. Al interpolar estas propiedades, puede hacer que los objetos se desvanezcan o pasen de un color a otro. Para interpolar un efecto de color en texto clásico, debe convertir el texto en un símbolo.

  • Propiedades de filtros (los filtros no se pueden aplicar a los símbolos gráficos)

Diferencias entre interpolaciones de movimiento y clásicas

Animate admite dos tipos distintos de interpolación para crear movimiento: interpolaciones de movimiento e interpolaciones clásicas.

Interpolaciones de movimiento Interpolaciones clásicas
Potentes y fáciles de crear, proporcionan un control máximo sobre la animación interpolada Más complejas, incluyen todas las interpolaciones creadas en versiones anteriores de Animate. 
Ofrece un mejor control de la interpolación Proporcionan funciones específicas al usuario
Utilizan fotogramas clave Utilizan propiedades
Tienen un objeto de destino para todo el grupo de interpolación Permiten interpolaciones entre dos fotogramas clave con símbolos iguales o distintos
Consideran texto como un tipo interpolable y no convierten los objetos de texto en clips de película Convierten los objetos de texto en símbolos gráficos.
No está permitido utilizar scripts de fotograma en un grupo de interpolación de movimiento.  Las interpolaciones clásicas sí admiten el uso de scripts de fotograma.
Los grupos de interpolaciones de movimiento se pueden estirar y cambiar de tamaño en la línea de tiempo. Se tratan como un solo objeto.  Las interpolaciones clásicas están formadas por grupos de fotogramas que se pueden seleccionar independientemente en la línea de tiempo.
Para seleccionar fotogramas individualmente en un grupo de interpolación de movimiento, con la tecla Ctrl (Windows) o Comando (Macintosh) presionada, haga clic en los fotogramas.  
Las aceleraciones se aplican a todo el grupo de interpolación de movimiento. La aceleración únicamente de fotogramas específicos de una interpolación de movimiento requiere la creación de una curva de aceleración personalizada.
La aceleración se puede aplicar a los grupos de fotogramas situados entre los fotogramas clave de la interpolación. 
Pueden aplicar un efecto de color por interpolación. Animan entre dos efectos de color distintos como, por ejemplo, transparencia alfa y matiz.
Se utilizan para animar objetos 3D.  Los objetos 3D no se pueden animar usando una interpolación clásica.
Únicamente las interpolaciones de movimiento se pueden guardar como configuraciones predefinidas de movimiento. Se pueden intercambiar símbolos o establecer el número de fotograma de un símbolo gráfico para que se muestre en un fotograma clave de propiedad. Las animaciones que incluyen estas técnicas requieren interpolaciones clásicas.
   

Similitudes entre las interpolaciones de movimiento y las interpolaciones clásicas

  • Puede haber más de una interpolación clásica o de movimiento en la misma capa, pero no pueden estar presentes los mismos tipos de interpolación en el mismo fotograma.
  • Tanto las interpolaciones clásicas como las de movimiento solo permiten que se interpolen tipos concretos de objetos.

Recursos adicionales

  • Jen DeHaan ofrece información útil en su blog sobre el modelo de movimiento en Animate y las diferencias existentes entre las interpolaciones de movimiento y las interpolaciones clásicas en el sitio Flashthusiast.com.

Consulte también

Descargar

Logotipo de Adobe

Inicia sesión en tu cuenta