Mapas de bits importados 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

Trabajo con mapas de bits importados

Al importar un mapa de bits a Animate, puede modificarlo y utilizarlo en el documento de Animate de varias maneras.

Si un documento de Animate muestra un mapa de bits importado con un tamaño superior al original, la imagen puede aparecer distorsionada. Previsualice el mapa de bits importado para asegurarse de que las imágenes se muestran correctamente.

Al seleccionar un mapa de bits en el escenario, el inspector de propiedades muestra el nombre de símbolo del mapa de bits y su posición y dimensiones en el escenario, en píxeles. Con el inspector de propiedades, es posible intercambiar la instancia de un mapa de bits, es decir, reemplazar la instancia con una instancia de otro mapa de bits del documento activo.

 

Visualización del inspector de propiedades con las propiedades de mapa de bits

  1. Seleccione una instancia de un mapa de bits en el escenario.

  2. Seleccione Ventana > Propiedades.

Sustitución de una instancia de un mapa de bits por una instancia de otro mapa de bits

  1. Seleccione un mapa de bits del escenario.

  2. Seleccione Ventana > Propiedades > y haga clic en Intercambiar.

  3. Seleccione un mapa de bits para sustituir el que está asignado a la instancia.

Establecimiento de las propiedades de mapa de bits

Puede suavizar los mapas de bits importados para difuminar los bordes de la imagen. También puede seleccionar una opción de compresión para reducir el tamaño del archivo de mapa de bits y dar formato al archivo para su visualización en Internet.

  1. Seleccione un mapa de bits en el panel Biblioteca y haga clic en el botón Propiedades situado en la parte inferior del panel Biblioteca.
  2. Seleccione Permitir suavizado. El suavizado mejora la calidad de las imágenes de mapa de bits cuando se escalan.
  3. En Compresión, elija una de estas opciones:

    Foto (JPEG)

    Comprime la imagen en formato JPEG. Para utilizar la calidad de compresión predeterminada especificada para la imagen importada, seleccione Utilizar calidad predeterminada del documento. Para especificar una nueva configuración de compresión de calidad, anule la selección de Utilizar calidad predeterminada del documento e introduzca un valor entre 1 y 100 en el campo de texto Calidad. (Una configuración superior permite conservar una mayor integridad de la imagen pero aumenta el tamaño del archivo.)

    Sin pérdida (PNG/GIF)

    Comprime la imagen sin pérdida, es decir, sin que se descarte ninguna información de la imagen.

    nota: utilice la compresión de fotografía para imágenes con variaciones de color o tono complejas, como fotografías o imágenes con rellenos con degradado. Aplique la compresión sin pérdida a las imágenes con formas simples y con relativamente pocos colores.

  4. Haga clic en Probar para determinar el resultado de la compresión del archivo. Compare el tamaño del archivo original con el tamaño del archivo comprimido para determinar si la configuración de compresión seleccionada es aceptable.
  5. Haga clic en Aceptar.
Nota:

el parámetro Calidad JPEG que se selecciona en el cuadro de diálogo Configuración de publicación no especifica una configuración de calidad para los archivos JPEG importados. Por lo tanto, debe especificar una configuración de calidad para los archivos JPEG importados en el cuadro de diálogo Propiedades de mapa de bits.

(Solo Animate) Intercambio de varios mapas de bits

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

  1. En Animate, seleccione varios mapas de bits en el escenario.

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

Importación de un mapa de bits en tiempo de ejecución

Para añadir mapas de bits a un documento en tiempo de ejecución en ActionScript® 2.0 o ActionScript 3.0, utilice el comando BitmapData. Para ello, especifique un identificador de vínculo para el mapa de bits. Para obtener más información, consulte Asignación de vinculación a activos de la biblioteca en Aprendizaje de ActionScript 2.0 o Exportación de símbolos de biblioteca para ActionScript en la Guía del desarrollador de ActionScript 3.0.

  1. Seleccione el mapa de bits en el panel Biblioteca.
  2. Realice uno de los siguientes pasos:
    • Seleccione Vinculación en el menú Panel situado en la esquina superior derecha del panel.

    • Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) en el nombre del mapa de bits en el panel Biblioteca y elija Propiedades en el menú contextual.

      Si las propiedades de vinculación no está visible en el cuadro de diálogo Propiedades, haga clic en Avanzado.

  3. En Vinculación, seleccione Exportar para ActionScript.
  4. Introduzca una cadena identificadora en el campo de texto y haga clic en Aceptar.

Aplicación de un mapa de bits como relleno

Puede aplicar un mapa de bits como relleno a un objeto gráfico mediante el panel Color. Al aplicar un mapa de bits como relleno, el mapa de bits se coloca en mosaico para rellenar el objeto. La herramienta Transformación de degradado permite girar o sesgar una imagen y su relleno de mapa de bits, o aplicarles una escala.

  1. Para aplicar el relleno a una ilustración existente, seleccione uno o varios objetos gráficos en el escenario.
  2. Seleccione Ventana > Color.
  3. Seleccione Mapa de bits en el menú emergente de la parte superior derecha del panel.
  4. Si necesita una ventana de vista previa de mayor tamaño para visualizar más mapas de bits en el documento activo, haga clic en la flecha situada en la esquina inferior derecha para expandir el panel Color.
  5. Haga clic en un mapa de bits para seleccionarlo.

    El mapa de bits pasa a ser el color de relleno. Si ha seleccionado una ilustración en el paso 1, el mapa de bits se aplica como relleno en dicha ilustración.

Edición de un mapa de bits en un editor externo

Si edita un archivo PNG de Fireworks importado como imagen alisada, edite el archivo PNG de origen para el mapa de bits, cuando esté disponible.

Nota:

no se podrán editar mapas de bits procedentes de archivos PNG de Fireworks importados como objetos editables en un editor de imágenes externo.

Si dispone de Fireworks 3 o posterior, u otra aplicación de edición de imágenes instalada en el sistema, puede ejecutar dicha aplicación desde Animate para editar un mapa de bits importado.

Edición de un mapa de bits con Photoshop CS5 o posterior

Nota:

si utiliza CS5.5, necesitará usar Photoshop CS5.1 para poder acceder a esta función.

  1. En el panel Biblioteca, haga clic con el botón derecho (Windows) o con la tecla Control presionada (Macintosh) en el icono del mapa de bits y seleccione Editar con Photoshop 5.

  2. Realice las modificaciones deseadas en el archivo en Photoshop.

  3. En Photoshop, seleccione Archivo > Guardar. (No cambie el nombre de archivo ni el formato.)

  4. Vuelva a Animate.

    El archivo se actualizará de forma automática en Animate.

Edición de un mapa de bits con Fireworks 3 o posterior

  1. En el panel Biblioteca, haga clic con el botón derecho (Windows) o con la tecla Control presionada (Macintosh) en el icono del mapa de bits y seleccione Editar con Fireworks 3.

  2. Especifique si se va a abrir el archivo de origen PNG o el de mapa de bits.

  3. Realice las modificaciones deseadas en el archivo en Fireworks.

  4. En Fireworks, seleccione Archivo > Actualizar.

  5. Vuelva a Animate.

    El archivo se actualizará de forma automática en Animate.

Edición de un mapa de bits con otra aplicación de edición de imágenes

  1. En el panel Biblioteca, haga clic con el botón derecho (Windows) o con la tecla Control presionada (Macintosh) en el icono del mapa de bits y seleccione Editar con.

  2. Elija una aplicación de edición de imágenes para abrir el archivo de mapa de bits y haga clic en Aceptar.

  3. Realice las modificaciones deseadas en el archivo en la aplicación de edición de imágenes.

  4. Guarde el archivo en la aplicación de edición de imágenes.

    El archivo se actualizará de forma automática en Animate.

  5. Vuelva a Animate para continuar editando el documento.

Separación de un mapa de bits y creación de un relleno de mapa de bits

La separación de un mapa de bits en el escenario separa la imagen del escenario de su elemento de biblioteca. Deja de ser una instancia de mapa de bits para convertirse en una forma. Cuando se separa un mapa de bits, se puede modificar con las herramientas de dibujo y pintura de Animate. Si utiliza la herramienta Varita mágica, podrá seleccionar áreas del mapa de bits que contengan el mismo color o colores similares.

Puede pintar con un mapa de bits separado seleccionando el mapa de bits con la herramienta Cuentagotas y aplicando el mapa de bits como relleno con la herramienta Cubo de pintura u otra herramienta de dibujo.

Separación de un mapa de bits

  1. Seleccione un mapa de bits de la escena actual.

  2. Seleccione Modificar > Separar.

Cambio del relleno de áreas de un mapa de bits que se ha separado

  1. En el panel Herramientas, seleccione la herramienta Varita mágica. Si no puede ver la herramienta Varita mágica, haga clic en la herramienta Lazo y seleccione la herramienta Varita mágica en el menú emergente. Establezca las siguientes opciones en el inspector de propiedades:

    • En Umbral, introduzca un valor de color comprendido entre 1 y 200 para definir la diferencia de valor de color entre píxeles adyacentes para que se incluyan en la selección. Un número mayor incluye un rango más amplio de colores. El valor 0 sólo permite la selección de píxeles exactamente iguales al primero.

    • En Suavizado, seleccione una opción para definir la cantidad de suavizado que se aplica a los bordes de la selección.

  2. Para seleccionar un área, haga clic en el mapa de bits. Para añadir a la selección, haga clic de nuevo.

  3. Para rellenar las áreas seleccionadas del mapa de bits, seleccione el relleno en el control de color de relleno.

  4. Seleccione la herramienta Cubo de pintura y haga clic en cualquier sitio del área seleccionada para aplicar el nuevo relleno.

Conversión de un mapa de bits en un gráfico vectorial

El comando Trazar mapa de bits convierte los mapas de bits en gráficos vectoriales con áreas de color diferenciadas que pueden editarse. La imagen se manipula como un gráfico vectorial y se puede reducir el tamaño del archivo.

Si convierte un mapa de bits en un gráfico vectorial, éste ya no aparecerá vinculado al símbolo de mapa de bits en el panel Biblioteca.

Nota:

si el mapa de bits importado contiene formas complejas y muchos colores, es posible que el gráfico vectorial convertido tenga un tamaño de archivo mayor que el mapa de bits original. Pruebe diferentes configuraciones en el cuadro de diálogo Trazar mapa de bits hasta encontrar un equilibrio entre el tamaño del archivo y la calidad de la imagen.

También puede separar un mapa de bits para modificar la imagen mediante las herramientas de dibujo y pintura de Animate.

  1. Seleccione un mapa de bits de la escena actual.

  2. Seleccione Modificar > Mapa de bits > Trazar mapa de bits.

  3. Introduzca un valor en Umbral de color.

    Al comparar el color de dos píxeles, si la diferencia en los valores RVA es inferior al umbral de color, se consideran iguales. A medida que aumenta el valor del umbral de color, disminuye el número de colores.

  4. Introduzca un valor en Área mínima comprendido para establecer el número de píxeles circundantes que deben considerarse al asignar un color a un píxel.

  5. En Ajustar a curva, seleccione una opción para determinar la suavidad de los contornos.

  6. En Umbral de esquina, seleccione una opción para determinar si se mantienen los bordes afilados o se suavizan.

    Para crear un gráfico vectorial lo más similar posible al mapa de bits original, introduzca los siguientes valores:

    • Umbral de color: 10

    • Área mínima: 1 píxel

    • Ajustar a curva: Píxeles

    • Umbral de esquina: Muchas esquinas

Utilización de la herramienta Cuentagotas para aplicar un relleno de mapa de bits.

  1. Seleccione la herramienta Cuentagotas y haga clic en el mapa de bits separado en el escenario. Esta herramienta establece el mapa de bits como el relleno actual y activa la herramienta Cubo de pintura.

  2. Realice uno de los siguientes pasos:

    • Haga clic en un objeto gráfico existente con la herramienta Cubo de pintura para aplicar el mapa de bits como relleno.

    • Seleccione la herramienta Óvalo, Rectángulo o Pluma y dibuje un objeto nuevo. El objeto se rellena con el mapa de bits separado.

      Puede utilizar la herramienta Transformación libre para escalar, rotar o sesgar el relleno de mapa de bits.

Logotipo de Adobe

Inicia sesión en tu cuenta