8.1 Importación de imágenes

Las películas de Flash pueden incluir imágenes o dibujos creados con otras aplicaciones. Puede importar gráficos vectoriales, mapas de bits, vídeos, sonidos, etc.

Los gráficos vectoriales representan las imágenes mediante líneas y curvas  No dependen de la resolución del dispositivo por lo que pueden aumentar o disminuir de tamaño sin que afecte a la calidad y al tamaño del archivo.

Los mapas de bits representan las imágenes mediante una parrilla de puntos de color o píxeles a modo de mosaico. A diferencia de los gráficos vectoriales, al aumentar o disminuir su tamaño se deforman como se puede apreciar observando los bordes. El tamaño del archivo depende del tamaño de la parrilla de puntos que definen la imagen.

8.2 Ejercicio

  1. Baje los archivos coche.gif y alonso2008.jpg
  2. Almacénelos en una carpeta de trabajo.
  3. Cree un documento flash.
  4. Seleccione Archivo > Importar > Importar a escenario, para insertar los dos archivos en el escenario.
  5. Abra el panel Biblioteca y compruebe que los archivos se han colocado, no sólo en el escenario, sino también en la biblioteca del documento. El icono que aparece junto al nombre indica que se trata de una imagen de mapa de bits.

8.3 Propiedades de un archivo de mapa de bits

Las imágenes de mapas de bits pueden incrementar el tamaño del archivo de la película. Si selecciona la imagen en el panel Biblioteca y hace clic en el botón Propiedades en la parte inferior del panel, obtiene una ventana de diálogo que puede utilizar para suavizar los bordes de la imagen o cambiar la compresión del archivo y así reducir su tamaño.

8.4 Ejercicio

  1. Crea un nuevo documento. Importa al escenario la imagen alonso2008.jpg que bajó en el ejercicio anterior.
  2. Seleccione el mapa de bits en la ventana de la Biblioteca.
  3. Haga Clic en el botón Propiedades situado en la parte inferior del panel Biblioteca
  4. En la ventana de diálogo Propiedades de mapa de bits, seleccione Permitir suavizado para mostrar los bordes del mapa de bits suavizados
  5. La opción Compresión cuenta con dos opciones:
    1. Foto (JPEG): comprime la imagen en formato JPEG. Para utilizar la imagen con su calidad de compresión original, active la casilla Usar datos de JPEG importado. Si se desactiva esta casilla puede introducir un valor de 1 a 100 para definir la Calidad. A mayor calidad mayor tamaño del archivo.
    2. Sin pérdida (PNG/GIF): realiza la comprensión de la imagen sin pérdida de calidad a costa de un mayor tamaño del archivo. Esta opción es útil cuando se trata de dibujos o imágenes con formas simples y pocos colores porque en este caso el archivo es de poco tamaño.
  6. El botón Probar se utiliza para ver la diferencia entre el tamaño original y el tamaño comprimido. Pruebe con una calidad de 50 y verá como se consigue una drástica reducción del tamaño del archivo.

8.5 Conversión a trazado vectorial

Las áreas de color de un mapa de bits se pueden editar y modificar si convertimos a trazado vectorial. La conversión rompe el vínculo con el símbolo de la Biblioteca.

8.6 Ejercicio

  1. Importe al escenario la imagen coche.gif que utilizó anteriormente.
  2. Utilice la herramienta selección y haga clic sobre la imagen para seleccionarla
  3. Haga clic en Modificar > Mapa de bits > Trazar mapa de bits.
  4. Verá el cuadro de diálogo Trazar Mapa de Bits donde puede configurar los parámetros:
    1. Umbral de color: comprendido entre 1 y 500. Si la diferencia en los valores de color es inferior al umbral, se consideran iguales. A medida que aumenta el valor del umbral de color, disminuye el número de colores.
    2. Área mínima: entre 1 y 1000. Establece el número de píxeles circundantes que deben considerarse para asignar un color.
    3. Ajustar a curva: seleccione una opción del menú emergente para determinar la suavidad de los contornos en los trazos curvos. Se consigue más calidad con la opción Pixeles.
    4. Umbral de esquina: seleccione una opción del menú emergente para determinar si se mantienen los bordes afilados o se suavizan. Se logra más calidad usando la opción Muchas esquinas.

      Si quiere crear una imagen lo más similar posible al mapa de bits original, utilice: Umbral de color: 1; Área mínima: 1 píxel; Ajustar a curva: Píxeles y Umbral de esquina: Muchas esquinas.
  5. En nuestro ejemplo utilice: Umbral de color: 100; Área mínima: 5; Ajustar a curva: Suave y Umbral de esquina: Normal.
  6. Haga clic en Aceptar.
  7. Con la herramienta Flecha selecciona mediante clic un área de color de la imagen. Cambie el color de relleno utilizando tonos rojos.