- 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
Este artículo guía a los desarrolladores de plugins por la creación de plugins de Animate compatibles con plataformas personalizadas. Para crear un plugin de compatibilidad con plataformas personalizadas, los desarrolladores deben descargar el kit de desarrollo de compatibilidad con plataformas personalizadas desde esta ubicación:
Descargue un plugin de muestra de la siguiente ubicación y úselo como referencia para crear un plugin de compatibilidad con plataformas personalizadas:
Descargar
Descargar
Un plugin consta de los siguientes elementos:
- DocType añade un nuevo tipo de documento para la plataforma personalizada en Animate y controla las funciones de creación.
- Publisher permite configurar la configuración de publicación y publicar el documento en la plataforma personalizada.
Para obtener una descripción general de la función de compatibilidad con plataformas personalizadas, consulte Compatibilidad con plataformas personalizadas.
Creación de un plugin de Animate con compatibilidad con plataformas personalizadas
Puede desarrollar un plugin de compatibilidad con plataformas personalizadas mediante uno de los métodos siguientes:
- Cree un plugin mediante las API del kit de desarrollo de compatibilidad con plataformas personalizadas.
- Modifique la configuración del plugin de muestra incluido en el kit de desarrollo para adaptarlo a sus necesidades.
Los complementos de compatibilidad con plataformas personalizadas se comprimen como archivos .zxp que se pueden instalar con Animate. Puede incluir el plugin en la página Adobe Add-ons para que los usuarios lo descarguen e instalen mediante la aplicación Creative Cloud o distribuirlo como un paquete .zxp para instalarlo con Adobe Extensions Manager.
Requisitos del software
Un desarrollador necesitará el software siguiente para crear un plugin con el kit de desarrollo de compatibilidad con plataformas personalizadas.
- Microsoft Windows 7 o Apple Mac OS 10.8 y posterior
- Microsoft Visual Studio 2012 (para Windows) o XCode 4.5.2 (para Mac)
- Animate CC 2014.1 (Octubre)
- Eclipse IDE para desarrolladores de C/C++
- Adobe Extension Builder 3.0
- Adobe Extension Manager 7.2.1.6
Documentación de referencia de API para desarrolladores de plugins
El kit de desarrollo de compatibilidad con plataformas personalizadas contiene los siguientes elementos:
- FCM (modelo de componente de Flash): Los archivos de encabezado contenidos en el kit de desarrollo definen una estructura denominada FCM, que se encarga de la administración de plugins.
- DocType: Este elemento contiene un conjunto de interfaces que le ayudan a añadir un nuevo tipo de documento a la página de inicio de Animate y le permiten activar o desactivar funciones para el tipo de documento personalizado.
- DOM (modelo de objetos de documento): Este elemento contiene un conjunto de interfaces que le ayudan a acceder al contenido del documento de Animate en forma de DOM.
- Publisher: Este elemento contiene un conjunto de interfaces que proporcionan código para los flujos de trabajo de publicación.
Para obtener información sobre las API en la compatibilidad con plataformas personalizadas y ejemplos de cómo utilizarlas para crear el plugin, consulte Referencia a las API de compatibilidad con plataformas personalizadas.
Creación de un plugin de compatibilidad con plataformas personalizadas
Puede crear un plugin de compatibilidad con plataformas personalizadas de la siguiente manera:
- Descargue el Kit de desarrollo de compatibilidad con plataformas personalizadas.
- Extraiga el contenido del kit en su equipo.
- Abra un nuevo proyecto en VisualStudio o XCode e incluya los archivos de encabezado del kit de desarrollo en el proyecto de desarrollo de software. Para iniciar con rapidez la creación del plugin de compatibilidad con plataformas personalizadas, puede utilizar el siguiente plugin de muestra disponible en el directorio SampleCreateJSPlatform como código base para su proyecto de plugin.
- Realice los cambios necesarios para la plataforma de destino.
- Compile el código para generar un plugin (.dll o .plug-in).
Por ejemplo, los archivos de plugins SampleCreateJS están en SampleCreateJSPlatform\Plugin\SampleCreateJS\project\
Empaquetado del plugin de compatibilidad con plataformas personalizadas
Puede generar un paquete de distribución del plugin de compatibilidad con plataformas personalizadas de la siguiente manera:
- Abra el archivo Eclipse de muestra o, en el New Project wizard (Asistente de nuevo proyecto) de Eclipse, cree un nuevo Application Extension Project (Proyecto de extensión de aplicación). Proporcione un nombre para el proyecto y haga clic en Next (Siguiente).
- En el panel New Adobe Application Extension Project (Nuevo proyecto de extensión de aplicación de Adobe), elija Adobe Animate como aplicación de destino y haga clic en Siguiente.
- Cambie las extensiones de los archivos del plugin que haya creado de .dll a .fcm en Windows y de .plug-in a .fcm.plug-in en Mac y añada los archivos del plugin al proyecto (ExtensionContent/plugins/lib/win para Windows y ExtensionContent/plugins/lib/mac para Mac).
- Para configurar la extensión, modifique el archivo manifest.xml. Para abrir el archivo de manifiesto, haga clic con el botón derecho en la extensión en el explorador del proyecto, seleccione Adobe Extension Builder 3 > Bundle Manifest Editor (Editor de manifiestos de paquete) y seleccione la ficha de manifiesto en Bundle Manifest Editor de EclipseProject\.staged-extension\CSXS.
- Para poder editar el archivo manifest.xml, haga clic con el botón derecho dentro de la ventana y seleccione Open with (Abrir con) > XML Editor (Editor XML). Las dos etiquetas en las que se debe centrar son: ExtensionList y DispatchInfoList:
Una etiqueta típica de ExtensionList es la siguiente:
<ExtensionList> <Extension Id="PluginID" Version="1.0" /> <Extension Id="PublishSettingsID" Version-"1.0" /> </ExtensionList>
Esta etiqueta contiene la lista de extensiones en el paquete ZXP final, en el que cada extensión tiene una cadena única como su ID. En este caso, el archivo .dll o .plugin creado en la sección anterior se incluye en una extensión. A continuación, se utiliza la otra extensión para configurar la IU de Ajustes de publicación del editor. En la muestra de la etiqueta ExtensionList, la extensión con el ID de extensión PluginID contiene el archivo .dll/.plugin y la extensión con el ID PublishSettingsID configura la IU de ajustes de publicación del editor.
- La etiqueta DispatchInfoList contiene detalles sobre cada extensión mencionada en ExtensionList. A continuación se muestra un ejemplo de DispathInfoList:
<DispatchInfoList> <Extension Id="PluginID"> <DispatchInfo > <Resources> <MainPath>./plugin/fcm.xml</MainPath> </Resources> <Lifecycle> <AutoVisible>true</AutoVisible> </Lifecycle> <UI> <Type>ModalDialog</Type> <Menu>CreateJS</Menu> <Geometry> <Size> <Height>200</Height> <Width>200</Width> </Size> </Geometry> </UI> </DispatchInfo> </Extension> <Extension Id="PublishSettingsID"> <DispatchInfo > <Resources> <MainPath>./index.html</MainPath> </Resources> <Lifecycle> <AutoVisible>true</AutoVisible> </Lifecycle> <UI> <Type>ModalDialog</Type> <Menu>Publish Settings</Menu> <Geometry> <Size> <Height>170</Height> <Width>486</Width> </Size> </Geometry> </UI> </DispatchInfo> </Extension> </DispatchInfoList>
- Para la extensión que contenga el archivo .dll o .plugin, puede ignorar todas las etiquetas excepto la etiqueta MainPath. La etiqueta MainPath contiene la ruta al archivo fcm.xml relativa a la carpeta ExtensionContent. Debe cambiar el nombre del archivo .dll a .fcm y colocarlo dentro de la carpeta win, junto al archivo fcm.xml. Del mismo modo, si está trabajando en un entorno de Mac, cambie el nombre del archivo de .plugin a .fcm.plugin y colóquelo dentro de la carpeta Mac, junto al archivo fcm.xml.
- La extensión HTML para configurar la interfaz de usuario de los ajustes de publicación es una extensión HTML para Animate. Para obtener más información sobre las extensiones HTML para Animate, consulte Creación de extensiones HTML.
- Asegúrese de que el valor más bajo del atributo de la versión en la etiqueta Host sea 14.0, la versión mínima (interna) de Animate compatible con plataformas personalizadas.
<ExecutionEnvironment> <HostList> <Host Name="FLPR" Version="14.0" /> </HostList>. . . </ExecutionEnvironment>
- Cambie a la vista Script Explorer (Explorador de scripts) para poder hacer clic con el botón secundario en el proyecto y seleccionar Export (Exportar) > Adobe Extension Builder 3 > Application Extension (Extensión de aplicación). Aparece el Export Wizard (Asistente de exportación).
- Debe tener un certificado para firmar el paquete de la extensión. Busque un certificado existente o haga clic en Create (Crear) para crear uno nuevo.
- Haga clic en Finish (Finalizar) para compilar el proyecto. Eclipse genera un archivo de plugin con la extensión .zxp, que se puede incluir en el sitio Adobe Add-ons.
Distribución del plugin de compatibilidad con plataformas personalizadas
Puede distribuir el plugin de compatibilidad con plataformas personalizadas si lo incluye en la página Adobe Add-ons y lo comercializa. Antes de incluirlo en la página, Adobe analiza el paquete de plugin y lo aprueba. Puede incluir un plugin del modo siguiente:
- Inicie sesión en la página Adobe Add-ons con su ID de usuario de Adobe y contraseña.
- En el panel izquierdo, en Hacerse productor, haga clic en el vínculo Ir al portal para productores.
- Haga clic en el botón Iniciar sesión si no ha iniciado sesión como productor.
- Para obtener instrucciones detalladas sobre cómo registrarse como productor e incluir sus plugins, consulte Introducción al portal para productores.
- Realice los pasos siguientes en el flujo de trabajo del portal para productores como se indica en la página Introducción al portal para productores:
- Empaquete el producto en un solo archivo.
- Especifique la información sobre el producto y cargue el archivo.
- Añada recursos de marketing.
- Previsualice el producto.
- Envíe el producto para su aprobación.
- Tras la aprobación, el plugin aparecerá en la categoría de productos de Animate en la página Add-ons.
Si es un usuario que desea instalar un plugin, crear un documento para plataformas personalizadas y publicarlo con Animate, consulte Uso de plugins de compatibilidad con plataformas personalizadas.
Para obtener información sobre la administración de extensiones de Adobe, consulte Descargar e instalar extensiones.
Solicitud de funciones e informes de errores
Rellene el formulario siguiente si desea enviar preguntas, consultas, errores de producto o solicitudes de funciones al equipo del producto Animate:
Formulario de informes de errores y solicitudes de funciones de Adobe