Requisitos previos
- 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
Antes de comenzar
Antes de comenzar la animación, debe comprender los conceptos siguientes:
|
Descripción |
Antes de utilizar las interpolaciones de movimiento, entienda el uso de la línea de tiempo y las propiedades de edición. Puede editar fotogramas clave de propiedad individuales en el escenario, el inspector de propiedades o mediante el editor de movimiento rediseñado. |
|
Animate solamente interpola instancias de símbolo y campos de texto. Todos los demás tipos de objetos se agrupan en un símbolo cuando se les aplica una interpolación. La instancia de símbolo puede contener símbolos anidados que, a su vez, se pueden interpolar en sus propias líneas de tiempo. |
|
Para poder crear una capa de interpolación, debe existir al menos un grupo de interpolación. Un grupo de interpolación es una capa de interpolación que contiene una sola instancia de símbolo o campo de texto. Esta instancia de símbolo recibe el nombre de destino del grupo de interpolación. Sin embargo, un solo símbolo puede contener muchos objetos. |
|
Si se añade un segundo símbolo o campo de texto al grupo de interpolación, este sustituirá al símbolo original en la interpolación. Utilice cualquiera de los métodos siguientes para cambiar el objeto de destino de una interpolación:
Es posible eliminar un símbolo de una capa de interpolación sin eliminar ni romper la interpolación. Puede añadir una instancia de símbolo diferente a la interpolación más adelante. También puede cambiar el tipo del símbolo de destino o editarlo en cualquier momento. |
|
Si una interpolación contiene movimiento, aparece en el escenario un trazado de movimiento. El trazado de movimiento muestra la posición del objeto interpolado en cada fotograma. Para editar el trazado de movimiento en el escenario, arrastre sus puntos de control. No se puede añadir una guía de movimiento a una capa de interpolación/cinemática inversa. |
Consulte también
Componentes de las interpolaciones de movimiento
- Es una secuencia de fotogramas de la línea de tiempo en la que un objeto tiene una o más propiedades que cambian con el tiempo.
- Un grupo de interpolación de movimiento se muestra en la línea de tiempo como un grupo de fotogramas en una sola capa con un color de fondo.
- 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.
- 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.
- Para elegir el tipo de fotogramas claves de propiedad que se mostrarán en la línea de tiempo desde el menú contextual del grupo de interpolación, haga clic con el botón derecho en cualquier fotograma clave de propiedad y seleccione Ver fotogramas clave.
Objeto de destino de una interpolación
Una interpolación de movimiento tiene un solo objeto en un grupo de interpolación denominado el objeto de destino de la interpolación. Tener un único objeto de destino de una interpolación tiene las ventajas siguientes:
- Puede guardar una interpolación como ajuste preestablecido para volverla a utilizar.
- Es fácil mover las interpolaciones de movimiento en la línea de tiempo (arrastrando la interpolación) o en el escenario.
- Para aplicar una instancia nueva a una interpolación existente:
- Péguela en una interpolación para intercambiarla
- Arrastre una nueva instancia de la biblioteca
- Utilice Intercambiar símbolo.
Objetos y propiedades aptos para interpolación
Los tipos de objetos a los que se puede aplicar una interpolación de movimiento son clips de película, gráficos y símbolos de botones y 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): requiere que el archivo FLA se haya definido en ActionScript 3.0 y 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)
Creación de una animación de interpolación de movimiento
Puede crear una interpolación de movimiento con uno de los tres métodos siguientes:
- Cree un gráfico o una instancia que desee interpolar y, a continuación, haga clic con el botón derecho en un fotograma y seleccione Crear interpolación de movimiento.
- Seleccione el gráfico o la instancia que desee interpolar y seleccione Insertar > Interpolación de movimiento del menú principal.
- Cree un gráfico o una instancia que desee interpolar y, a continuación, haga clic con el botón derecho en la instancia en el escenario y seleccione Crear interpolación de movimiento.
El uso de ActionScript en la animación es opcional.
Interpolación de propiedades con el inspector de propiedades
Utilice el comando Crear interpolación de movimiento para animar propiedades de una instancia de símbolo o de un campo de texto. Las propiedades van de la rotación, la escala a la transparencia o el matiz (solo texto TLF y símbolos). Por ejemplo, se puede editar la propiedad de transparencia alfa de una instancia de símbolo para que se desvanezca en la pantalla.
-
Seleccione una instancia de símbolo o un campo de texto en el escenario.
Si la selección contiene otros objetos, o si contiene varios objetos de una capa, Animate ofrece la posibilidad de convertirlos en un símbolo de clip de película.
-
Seleccione Insertar > Interpolación de movimiento.
Si aparece el cuadro de diálogo “Convertir selección en símbolo para interpolación”, haga clic en Aceptar para convertir la selección en un símbolo de clip de película.
Si se aplica una interpolación a un objeto que existe sólo en un fotograma clave, la cabeza lectora se mueve hasta el último fotograma de la nueva interpolación. Si no es así, la cabeza lectora no se mueve.
-
Coloque la cabeza lectora en el fotograma del grupo de interpolación en el que quiera especificar un valor de propiedad.
Si lo desea, puede colocar la cabeza lectora en otro fotograma del grupo de interpolación. La interpolación comienza con los valores de propiedad del primer fotograma del grupo de interpolación, que siempre es un fotograma clave de propiedad.
-
Con el objeto seleccionado en el escenario, defina un valor para una propiedad no posicional como, por ejemplo, transparencia alfa, rotación o sesgo. Defina el valor con ayuda del inspector de propiedades o con alguna de las herramientas del panel Herramientas.
El fotograma actual del grupo se convierte en un fotograma clave de propiedad.
Puede visualizar distintos tipos de fotogramas clave de propiedad en los grupos de interpolación. Haga clic con el botón derecho del ratón (Windows) o pulse la tecla Comando y haga clic (Macintosh) en un grupo de interpolación y seleccione Ver fotogramas clave > Tipo de propiedad en el menú contextual.
-
Deslice la cabeza lectora en la línea de tiempo para previsualizar la interpolación en el escenario.
-
Para añadir más fotogramas clave de propiedad, desplace la cabeza lectora hasta el fotograma del grupo que desee y defina un valor para la propiedad en el inspector de propiedades.
Adición de una interpolación a una capa de interpolación existente
Es posible añadir más interpolaciones a una capa de interpolación existente. Esto permite usar menos capas al crear contenido de Animate con animación.
-
Realice uno de los siguientes pasos:
- Añada un fotograma clave vacío a la capa (Insertar > Línea de tiempo > Fotograma clave vacío), agregue elementos al fotograma clave y, a continuación, interpole estos elementos.
- Cree una interpolación en una capa independiente y arrastre el grupo hasta la capa que desee.
- Arrastre un fotograma estático de otra capa hasta la capa de interpolación y, a continuación, añada una interpolación al objeto del fotograma estático.
- Con la tecla Alt (Windows) u Opción (Macintosh) presionada, arrastre para duplicar un grupo existente de la misma capa a otra distinta.
- Copie y pegue un grupo de interpolación de la misma capa o de otra distinta.