Trabajo con símbolos en Animate

  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

Información sobre los símbolos

Un símbolo es un gráfico, botón o clip de película que se crea una vez en el entorno de edición de Animate (anteriormente Flash Professional CC) o mediante las clases SimpleButton (AS 3.0) y MovieClip. Estos símbolos pueden volver a utilizarse en el mismo o en otros documentos.

Los símbolos pueden incluir ilustraciones importadas de otras aplicaciones. Los símbolos creados forman parte automáticamente de la biblioteca del documento activo.

Una instancia es una copia de un símbolo ubicada en el escenario o anidada en otro símbolo. Una instancia puede presentar un color, tamaño o función diferente de los de su símbolo principal. Al editar el símbolo, se actualizan todas sus instancias, pero al aplicar efectos a una instancia de un símbolo, sólo se aplica a la instancia en cuestión.

La utilización de símbolos en los documentos reduce el tamaño del archivo de forma considerable; el almacenamiento de varias instancias de un símbolo requiere menos espacio que el almacenamiento de varias copias del contenido del símbolo. Por ejemplo, el tamaño de archivo de los documentos se reduce convirtiendo gráficos estáticos, como imágenes de fondo, en símbolos y volviéndolos a utilizar. La utilización de símbolos acelera la reproducción de archivos SWF, ya que estos tan sólo deben descargarse sólo una vez en Flash® Player.

Los símbolos pueden compartirse entre varios documentos como elementos de bibliotecas compartidas durante la edición o en tiempo de ejecución. En el caso de elementos compartidos en tiempo de ejecución, puede vincular elementos de un documento de origen a cuantos documentos de destino desee, sin tener que importar los elementos a los documentos de destino. En el caso de elementos compartidos durante la edición, puede actualizar o sustituir un símbolo por otro que esté disponible en su red local.

Si importa elementos de bibliotecas con el mismo nombre que otros elementos de la biblioteca, puede solucionar los conflictos de nombres sin sobrescribir accidentalmente los elementos ya existentes.

Para obtener instrucciones de introducción adicionales sobre los símbolos, consulte los siguientes recursos:

Tipos de símbolos

Cada símbolo posee una línea de tiempo y un escenario exclusivos que incluyen capas. Así como puede añadir fotogramas, fotogramas clave y capas a la línea de tiempo principal, también puede efectuar la misma operación en la línea de tiempo de un símbolo. Cuando se crea un símbolo, se elige el tipo de símbolo.

  • Utilice símbolos gráficos  para las imágenes estáticas y para crear animaciones reutilizables asociadas a la línea de tiempo principal. Los símbolos gráficos funcionan de manera sincronizada con la línea de tiempo principal. Los controles y sonidos interactivos no funcionan en la secuencia de animación de un símbolo gráfico. Los símbolos gráficos añaden menos tamaño al archivo FLA que los botones o clips de película, ya que no tienen línea de tiempo.

  • Utilice símbolos de botón  para crear botones interactivos que respondan a las pulsaciones y desplazamientos del ratón, o a otras acciones. Defina los gráficos asociados con varios estados del botón y, a continuación, asigne acciones a una instancia del botón. Para obtener más información, consulte Gestión de eventos en la Guía del desarrollador de ActionScript 3.0.

  • Utilice símbolos de clip de película  para crear piezas de animación reutilizables. Los clips de película tienen sus propias líneas de tiempo de varios fotogramas, independientes de la línea de tiempo principal. Se encuentran dentro de una línea de tiempo principal que contiene elementos interactivos como controles, sonidos e incluso otras instancias de clip de película. También pueden colocarse instancias de clip de película dentro de la línea de tiempo de un símbolo de botón para crear botones animados. Además, se pueden ejecutar scripts para los clips de película en ActionScript®.

  • Utilice símbolos de fuentes para exportar una fuente y utilizarla en otros documentos de Animate.

    Animate proporciona componentes incorporados, clips de película con parámetros definidos, que se pueden utilizar para añadir elementos de la interfaz de usuario, como botones, casillas de verificación o barras de desplazamiento, a los documentos. Para obtener más información, consulte Acerca de los componentes de ActionScript 3.0 en Uso de componentes ActionScript 3.0.

    nota: Para previsualizar la animación en instancias de componentes y la escala de clips de película de 9 divisiones en el entorno de edición de Animate, seleccione Control > Activar vista previa dinámica.

Creación de símbolos

Puede crear un símbolo a partir de los objetos seleccionados en el escenario, crear un símbolo vacío y elaborar o importar el contenido en modo de edición de símbolos, y crear símbolos de fuentes en Animate. Los símbolos pueden tener todas las funcionalidades que Animate puede crear, incluidas animaciones.

Mediante los símbolos con animación pueden crearse aplicaciones Animate con mucho movimiento, al mismo tiempo que se reduce al mínimo el tamaño de archivo. Considere la posibilidad de crear una animación en un símbolo que incluya una acción repetitiva o cíclica, como por ejemplo el movimiento hacia arriba y hacia abajo de las alas de un pájaro.

Para añadir símbolos a su documento utilizando elementos de bibliotecas compartidas durante la edición o en tiempo de ejecución.

Conversión de elementos seleccionados en un símbolo

  1. Seleccione uno o varios elementos en el escenario. Realice uno de los siguientes pasos:
    • Seleccione Modificar > Convertir en símbolo.

    • Arrastre la selección al panel Biblioteca.

    • Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Convertir en símbolo en el menú contextual.

  2. En el cuadro de diálogo Convertir en símbolo, escriba el nombre del símbolo y seleccione el comportamiento.
  3. Haga clic en la cuadrícula de registro para colocar el punto de registro del símbolo.
  4. Haga clic en Aceptar.

    Animate añade el símbolo a la biblioteca. La selección en el escenario es ahora una instancia del símbolo. Una vez que haya creado un símbolo, puede editarlo en modo de edición de símbolos; para ello, debe elegir Edición > Editar símbolos, o en el contexto del escenario, mediante las opciones Edición > Editar en contexto. También puede cambiar el punto de registro de un símbolo.

Creación de un símbolo vacío

  1. Realice uno de los siguientes pasos:
    • Seleccione Insertar > Nuevo símbolo.

    • Haga clic en el botón Nuevo símbolo situado en la parte inferior izquierda del panel Biblioteca.

    • Seleccione Nuevo símbolo en el menú Panel de la biblioteca en la esquina superior derecha del panel Biblioteca.

  2. En el cuadro de diálogo Crear nuevo símbolo, escriba el nombre del símbolo y seleccione el comportamiento.
  3. Haga clic en Aceptar.

    Animate añade los símbolos a la biblioteca y cambia al modo de edición de símbolos. En el modo de edición de símbolos, el nombre del símbolo aparece sobre la esquina superior izquierda del escenario y una cruz indica el punto de registro del símbolo.

  4. Para crear el contenido del símbolo, utilice la línea de tiempo, dibuje con las herramientas de dibujo, importe medios o cree instancias de otros símbolos.
  5. Para volver al modo de edición de documentos, realice una de las siguientes operaciones:
    • Haga clic en el botón Atrás.

    • Seleccione Edición > Editar documento.

    • Haga clic en al nombre de la escena en la barra de edición.

      Al crear un símbolo, el punto de registro se sitúa en el centro de la ventana en modo de edición de símbolos. Puede poner el contenido del símbolo de la ventana con relación al punto de registro. Para cambiar el punto de registro, cuando se edita un símbolo, mueva el contenido del símbolo en relación al punto de registro.

  6. En la sección Vinculación de ActionScript, puede elegir exportar para ActionScript si marca la casilla Exportar para ActionScript. La clase y la clase base se visualizan automáticamente (si lo desea, puede cambiarles el nombre). Animate busca definiciones de clases en un archivo AS externo o en un archivo SWC vinculado. Si no encuentra las definiciones de clases en estas ubicaciones, Animate genera automáticamente los archivos de clase. Para obtener más información, consulte este artículo.

(Solo Animate) Intercambio de varios símbolos

La opción Intercambiar símbolo permite intercambiar símbolos por un símbolo o mapa de bits seleccionado.

  1. En su documento de Animate, seleccione varios símbolos en el escenario.

  2. En el panel Propiedades, haga clic en Intercambiar.
  3. En el diálogo Intercambiar símbolo, seleccione el símbolo por el que quiera reemplazar todos los símbolos/mapas de bits seleccionados.
  4. Haga clic en Aceptar.

Conversión de una animación del escenario en símbolo de clip de película

Para volver a utilizar una secuencia animada en el escenario, o para manipularla como una instancia, selecciónela y guárdela como un símbolo de clip de película.

  1. En la línea de tiempo principal, seleccione cada fotograma de cada capa de la animación del escenario que desee utilizar. Para obtener más información sobre la selección de fotogramas, consulte Inserción de fotogramas en la línea de tiempo.
  2. Siga uno de estos procedimientos para copiar los fotogramas:
    • Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en todos los fotogramas seleccionados y seleccione Copiar fotogramas en el menú contextual. Para eliminar la secuencia tras convertirla en un clip de película, seleccione Cortar.

    • Seleccione Edición > Línea de tiempo > Copiar fotogramas. Para eliminar la secuencia tras convertirla en un clip de película, seleccione Cortar fotogramas.

  3. Anule la selección y asegúrese de que no haya nada seleccionado en la escena. Seleccione Insertar > Nuevo símbolo.
  4. Asígnele un nombre al símbolo. Para Tipo, seleccione Clip de película y, a continuación, haga clic en Aceptar.
  5. En la línea de tiempo, haga clic en el Fotograma 1 de la Capa 1 y seleccione Edición > Línea de tiempo > Pegar fotogramas.

    Esta acción pega los fotogramas (junto con las capas y los nombres de capas) copiados de la línea de tiempo principal en la línea de tiempo de este símbolo de clip de película. Todas las animaciones, botones o interacciones de los fotogramas copiados se transforman en una animación independiente (un símbolo de clip de película) que se puede volver a utilizar.

  6. Para volver al modo de edición de documentos, realice una de las siguientes operaciones:
    • Haga clic en el botón Atrás.

    • Seleccione Edición > Editar documento.

    • Haga clic en el nombre de escena, en la barra de edición, encima del escenario.

Duplicación de símbolos

La duplicación de un símbolo permite utilizar un símbolo existente como punto de partida para la creación de otro.

También puede utilizar instancias para crear versiones del símbolo con distintos aspectos.

Duplicación de un símbolo utilizando el panel Biblioteca

  1. Seleccione un símbolo en el panel Biblioteca y realice una de las siguientes acciones:
    • Haga clic en el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Duplicar en el menú contextual.

    • Elija Duplicar en el menú de panel de la biblioteca.

Duplicación de un símbolo seleccionando una instancia

  1. Seleccione una instancia del símbolo en el escenario.
  2. Seleccione Modificar > Símbolo > Duplicar símbolo.

    El símbolo se duplica y la instancia se sustituye por una instancia del símbolo duplicado.

Edición de símbolos

Al editar un símbolo, Animate actualiza todas las instancias de éste en el documento. Los símbolos se editan de las siguientes formas:

  • En contexto con los demás objetos del escenario, mediante el comando Editar en contexto. Otros objetos aparecen atenuados para distinguirlos del símbolo que se está editando. El nombre del símbolo que se está editando aparece en una barra de edición situada en la parte superior del escenario, a la derecha del nombre de la escena.

  • En una ventana aparte, mediante el comando Editar en nueva ventana. La edición de un símbolo en una ventana independiente le permite ver a la vez el símbolo y la línea de tiempo principal. El nombre del símbolo que se está editando aparece en la barra de edición situada en la parte superior del escenario.

    El símbolo se edita cambiando la ventana de la vista del escenario a una vista de sólo el símbolo, con el modo de edición de símbolos. El nombre del símbolo que se está editando aparece en la barra de edición situada en la parte superior del escenario, a la derecha del nombre de la escena actual.

    Cuando se edita un símbolo, Animate actualiza todas sus instancias que aparecen en el documento para reflejar los cambios. Durante la edición de un símbolo, puede utilizar las herramientas de dibujo, importar medios o crear instancias de otros símbolos.

  • El punto de registro de un símbolo (el punto que se identifica mediante las coordenadas 0, 0) se cambia con cualquiera de los métodos de edición de símbolos.

 

Edición de un símbolo en contexto

  1. Realice uno de los siguientes pasos:
    • Haga doble clic en una instancia del símbolo en el escenario.

    • Seleccione una instancia del símbolo en el escenario, haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Editar en contexto.

    • Seleccione una instancia del símbolo en el escenario y seleccione Edición > Editar en contexto.

  2. Edite el símbolo.
  3. Para salir del modo editar en contexto y volver al modo de edición de documentos, siga uno de estos procedimientos:
    • Haga clic en el botón Atrás.

    • Seleccione el nombre de escena actual en el menú Escena en la barra de edición.

    • Seleccione Edición > Editar documento.

    • Haga doble clic fuera del contenido del símbolo.

Edición de un símbolo en una nueva ventana

  1. Seleccione una instancia del símbolo en el escenario, haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Editar en nueva ventana.
  2. Edite el símbolo.
  3. Haga clic en el cuadro Cerrar situado en la esquina superior derecha (Windows) o izquierda (Macintosh) para cerrar la ventana nueva y haga clic en la ventana del documento principal para seguir editando el documento principal.

Edición de un símbolo en el modo de edición de símbolos

  1. Siga uno de estos procedimientos para seleccionar el símbolo:
    • Haga doble clic en el icono del símbolo en el panel Biblioteca.

    • Seleccione una instancia del símbolo en el escenario, haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Editar en el menú contextual.

    • Seleccione una instancia del símbolo en el escenario y, a continuación, Edición > Editar símbolos.

    • Seleccione el símbolo en el panel Biblioteca y, a continuación, la opción Edición del menú Panel de la biblioteca, o bien haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en el símbolo del panel Biblioteca y seleccione Edición.

  2. Edite el símbolo.
  3. Para salir del modo de edición de símbolos y volver a la edición del documento, siga uno de estos procedimientos:
    • Haga clic en el botón Atrás situado en la parte izquierda de la barra de edición, en la parte superior del escenario.

    • Seleccione Edición > Editar documento.

    • Haga clic en el nombre de la escena, en la barra de edición situada en la parte superior del escenario.

    • Haga doble clic fuera del contenido del símbolo.

Logotipo de Adobe

Inicia sesión en tu cuenta