Prácticas recomendadas - Estructuración de archivos FLA

  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

Organización de líneas de tiempo y la biblioteca

Los fotogramas y las capas de una línea de tiempo muestran la ubicación de los activos y determinan el funcionamiento del documento. La configuración y el uso de una línea de tiempo y de la biblioteca afectan a todo el archivo FLA y a su facilidad de uso global. Las siguientes directrices le ayudan a crear contenido de forma eficaz y permiten que otros autores que utilicen sus documentos FLA puedan comprender mejor la estructura del documento.

  • Asigne a cada capa un nombre intuitivo y agrupe los activos relacionados en la misma ubicación. Evite utilizar los nombres de capa predeterminados (como Capa 1, Capa 2).

    Describa claramente el propósito o el contenido de cada capa o carpeta cuando les asigne nombres.

    Si es el caso, coloque las capas que incluyan código ActionScript y una capa para etiquetas de fotogramas en la parte superior de la pila de capas en la línea de tiempo. Por ejemplo, asigne un nombre a la capa que contiene las acciones de ActionScript.

  • Utilice carpetas de capas para agrupar y organizar capas similares para facilitar la localización de las capas que contengan código y etiquetas.

  • Bloquee las capas que no esté utilizando o que no desee modificar. Bloquee inmediatamente la capa de ActionScript para que las instancias de símbolo o los elementos multimedia no se coloquen en dicha capa.

  • No incluya en ningún caso instancias o activos en una capa que contenga código ActionScript. Dado que podría dar lugar a conflictos entre los activos del escenario y el código ActionScript que hace referencia a ellos, conserve todo el código en su propia capa de acciones y bloquéelo una vez creado.

  • Utilice etiquetas de fotogramas en un archivo FLA en lugar de utilizar números de fotogramas en el código ActionScript si hace referencia a fotogramas en el código. Si dichos fotogramas cambian posteriormente al editar la línea de tiempo, y si se utilizan etiquetas de fotogramas y se mueven a la línea de tiempo, no deberá cambiar ninguna referencia en el código.

  • Utilice carpetas de biblioteca.

    Utilice carpetas en la biblioteca para organizar elementos similares (por ejemplo, símbolos o elementos multimedia) en un archivo FLA. Si asigna a las carpetas de la biblioteca nombres coherentes, cada vez que cree un archivo será más fácil recordar dónde ha colocado los activos. Los nombres de carpetas más habituales son Buttons, MovieClips, Graphics, Assets, Components y, a veces, Classes.

Utilización de escenas

La utilización de escenas es similar al uso de varios archivos SWF para crear una presentación de mayor tamaño. Cada escena tiene una línea de tiempo. Cuando la cabeza lectora llega al fotograma final de una escena, pasa a la siguiente escena. Cuando se publica un archivo SWF, la línea de tiempo de cada una de las escenas se combina en una sola línea de tiempo en el archivo SWF. Una vez compilado el archivo SWF, éste se comporta como se si hubiera creado el archivo FLA con una sola escena. Debido a este comportamiento, evite utilizar escenas por las siguientes razones:

  • Las escenas pueden crear confusión a la hora de editar documentos, especialmente en entornos de varios autores. Cualquiera que utilice el documento FLA tendrá que buscar en varias escenas de un archivo FLA para encontrar el código y los activos. Considere la posibilidad de cargar contenido o de utilizar clips de película como alternativa.

  • Las escenas suelen producir archivos SWF de gran tamaño.

  • Las escenas obligan a los usuarios a descargar progresivamente todo el archivo SWF en lugar de cargar los activos que realmente desea ver o utilizar. Si se evitan las escenas, el usuario puede controlar el contenido que desea descargar a medida que avanza por el archivo SWF. El usuario tiene un mayor control sobre la cantidad de contenido que desea descargar, lo que facilita la administración de ancho de banda. Un inconveniente es la necesidad de administrar un mayor número de documentos FLA.

  • Las escenas combinadas con ActionScript pueden producir resultados inesperados. Dado que la línea de tiempo de cada escena se comprime en una única línea de tiempo, podría encontrar errores relacionados con el código ActionScript y las escenas, que normalmente requieren una depuración adicional y complicada.

    Si crea animaciones largas, el uso de escenas puede ser una ventaja. Si su documento presenta estos inconvenientes, considere la posibilidad de utilizar varios archivos FLA o clips de película en lugar de escenas para crear una animación.

Cómo guardar archivos y controlar versiones

Cuando se guardan los archivos FLA, se debe utilizar un esquema coherente de asignación de nombres a los documentos. especialmente si se guardan varias versiones de un solo proyecto.

nota: el panel Proyecto ya no se utiliza en Animate.

Pueden surgir algunos problemas si sólo trabaja con un archivo FLA y no guarda las distintas versiones durante la creación del archivo. Los archivos pueden hacerse más grandes como consecuencia del historial guardado en el archivo FLA o pueden dañarse (como ocurriría con cualquier otro software que utilice) mientras trabaja con ellos.

Si guarda varias versiones durante el desarrollo, podrá disponer de una versión anterior si necesita volver atrás.

Utilice nombres de archivo intuitivos y fáciles de leer, que no sean crípticos y que tengan un buen comportamiento en línea:

  • No utilice espacios, mayúsculas ni caracteres especiales.

  • Utilice únicamente letras, números, guiones y caracteres de subrayado.

  • Si guarda varias versiones del mismo archivo, utilice un sistema de numeración coherente del tipo menu01.swf, menu02.swf, etc.

  • Considere la posibilidad de utilizar únicamente caracteres en minúsculas en sus esquemas de asignación de nombres, ya que determinadas aplicaciones de servidor distinguen entre mayúsculas y minúsculas.

  • Utilice un sistema de asignación de nombres que utilice una combinación verbo-nombre o adjetivo-nombre para asignar nombres a los archivos, por ejemplo, planificarclase.swf o miproyecto.swf.

Utilice los métodos siguientes para guardar nuevas versiones de un archivo FLA cuando se crea un proyecto extenso:

  • Seleccione Archivo > Guardar como y guarde una nueva versión del documento.

  • Utilice un software de control de versiones o el panel Proyecto para controlar los documentos de Animate.

    nota: el panel Proyecto ya no se utiliza en Animate.

    Si no utiliza un software de control de versiones para crear copias de seguridad del archivo FLA, utilice con frecuencia el comando Guardar como y escriba un nuevo nombre de archivo para el documento después de cada punto importante del proyecto.

    Hay muchos paquetes de software que permiten a los usuarios utilizar el control de versiones en sus archivos, lo que permite a los equipos trabajar de forma eficaz y reducir los errores (por ejemplo, sobrescribir archivos o trabajar en versiones antiguas de un documento). Al igual que con otros documentos, puede utilizar estos programas para organizar los documentos de Animate fuera de Animate.

Logotipo de Adobe

Inicia sesión en tu cuenta