- 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
Utilización de dimensiones recomendadas
Recurra a las directrices de la Agencia de Publicidad Interactiva (IAB) para definir las dimensiones de los anuncios de Animate. En la tabla siguiente se muestran las medidas IMU (Interactive Marketing Unit) de formatos de anuncios recomendadas:
Tipo de anuncio |
Dimensiones (píxeles) |
---|---|
Rascacielos ancho |
160 x 600 |
Rascacielos |
120 x 600 |
Anuncio de media página |
300 x 600 |
Anuncio completo |
468 x 60 |
Medio anuncio |
234 x 60 |
Microbarra |
88 x 31 |
Botón 1 |
120 x 90 |
Botón 2 |
120 x 60 |
Anuncio vertical |
120 x 240 |
Botón cuadrado |
125 x 125 |
Anuncio superior (Leaderboard) |
728 x 90 |
Rectángulo medio |
300 x 250 |
Cuadrado emergente |
250 x 250 |
Rectángulo vertical |
240 x 400 |
Rectángulo grande |
336 x 280 |
Rectángulo |
180 x 150 |
Al crear un archivo FLA a partir de una plantilla (seleccionando Archivo > Nuevo y haciendo clic en la ficha Plantillas), podrá ver muchos de estos tamaños.
Creación de anuncios de archivos SWF
Siga estas directrices para crear anuncios:
Optimice los gráficos. Haga anuncios de archivos SWF de 15 K o más pequeños.
Cree un anuncio GIF en Animate de 12 K o más pequeño.
Limite los anuncios de bucle para que se repitan tres veces. Muchos sitios web adoptan las recomendaciones estandarizadas de tamaño de archivos como especificaciones de publicidad.
Utilice el comando GET para transferir datos entre un anuncio y un servidor. No utilice el comando POST. Para obtener más información sobre GET y POST, consulte la función getURL en Referencia del lenguaje ActionScript 2.0.
proporcione control al usuario. Si añade sonido a un anuncio, incorpore también un botón para quitar el sonido. Si crea un anuncio transparente de Animate para que aparezca en primer plano en una página web, incluya un botón para poder cerrarlo.
Seguimiento de anuncios
En la actualidad, varias de las redes que lideran la publicidad admiten métodos de seguimiento estandarizado en archivos SWF de Animate. Las siguientes directrices describen la metodología de seguimiento admitida:
Crear un botón o un botón de clip de película
Utilice las dimensiones estandarizadas descritas por el IAB. Para obtener una lista de las dimensiones estandarizadas, visite el sitio web del IAB. Para obtener más información sobre la creación de botones en Animate, consulte Creación de botones.
Añadir un script al botón.
Se ejecuta cuando un usuario hace clic en el anuncio. Puede utilizar la función getURL() para abrir una nueva ventana del explorador. Los siguientes fragmentos de código son dos ejemplos de código de ActionScript 2.0 que se pueden añadir al fotograma 1 de la línea de tiempo:
myButton_btn.onRelease = function(){ getURL(clickTAG, "_blank"); };
Puede añadir el siguiente código al fotograma 1 de la línea de tiempo:
myButton_btn.onRelease = function() { if (clickTAG.substr(0, 5) == "http:") { getURL(clickTAG); } };
La función getURL() añade la variable transferida en las etiquetas object y embed y, a continuación, envía el explorador abierto a la ubicación especificada. El servidor que aloja el anuncio puede realizar un seguimiento de los clics del anuncio. Para obtener más información sobre el uso de la función getURL(), consulte el manual Referencia del lenguaje ActionScript 2.0.
Asignar código clickTAG para el seguimiento
Realiza el seguimiento del anuncio y contribuye a que la red que proporciona el anuncio sepa dónde se muestra el anuncio y cuándo se hace clic en él.
Este proceso representa la forma habitual de crear una campaña de publicidad para un anuncio típico de Animate. Si asigna la función getURL() al anuncio, podrá utilizar el siguiente proceso para añadirle el seguimiento al anuncio. El ejemplo siguiente permite añadir una variable a una cadena URL para transferir datos, lo que permite definir variables dinámicas para cada anuncio en lugar de crear un anuncio independiente para cada dominio. Puede utilizar un solo anuncio para toda la campaña y cualquier servidor que aloje el anuncio podrá llevar un seguimiento de las veces que se hace clic en el anuncio.
En las etiquetas object y embed del código HTML, puede añadir código similar al del siguiente ejemplo (donde www.helpexamples.com es la red de publicidad y adobe.com es la empresa con el anuncio):
<EMBED src="your_ad.swf?clickTAG= http://helpexamples.com/tracking?http://www.adobe.com">
Añada el código siguiente al HTML:
<PARAM NAME=movie VALUE="your_ad.swf?clickTAG =http: //helpexamples.com/tracking?http://www.adobe.com"> << this HTML stuff may need to be updated to account for the Active content fix, which likely will cause users to edit .js files instead of html files - JayA >>
Comprobación de los anuncios
Pruebe su anuncio de archivo SWF en los exploradores más comunes, especialmente en aquellos que utilice el público al que va destinado el anuncio. Es posible que algunos usuarios no tengan Flash Player instalado o no tengan JavaScript activado. Prevea estas circunstancias y tenga preparada una imagen (predeterminada) GIF de repuesto u otras soluciones para estos usuarios. Para obtener más información sobre la detección de Flash Player, consulte Configuración de publicación para archivos SWF. Deje que el usuario controle el archivo SWF. Permita que el usuario controle el sonido del anuncio. Si el anuncio es un archivo SWF sin borde que aparece en primer plano sobre una página web, permita que el usuario pueda cerrar el anuncio inmediatamente y durante el tiempo que dure en pantalla.
Para obtener la información más reciente sobre la implantación de las versiones de Flash Player en distintas regiones, visite www.adobe.com/go/fp_version_penetration_es.