Las herramientas de selección son útiles para trabajar con una parte de una imagen de mapa de bits. Si por ejemplo tiene seleccionada parte de una imagen y utiliza el cubo de pintura , los cambios sólo se aplicarán a la parte seleccionada. Las selecciones permiten también separar partes de una imagen en capas y hacer copias y desplazamientos. Explicaremos el manejo de la herramienta lazo. La herramienta recuadro funciona igual sólo que se seleccionan áreas rectangulares.

10.1 Herramienta lazo

Se utiliza para hacer una selección de un área de mapa de bits. No vale para seleccionar parte de un objeto vectorial. Suponga que tiene una foto y quiere separar una de las personas que aparecen en ella. Lo puede hacer con la herramienta lazo .
El Inspector de propiedades muestra tres opciones: Duro crea un borde definido en zig zag y es una opción, que al menor movimiento del ratón crea bordes dentados; suavizado evita la aparición de bordes dentados en la selección del recuadro, esta opción no acusa tanto los movimientos del ratón y es muy manejable; fundido permite fundir el borde con los píxeles cercanos.

También puede fundir las selecciones que haya hecho, activando la casilla de verificación Recuadro automático.

Puede utilizar la herramienta lazo para hacer una selección poligonal por puntos o para hacer una selección continua . La herramienta lazo polígono su utiliza marcando puntos mientras que la herramienta lazo selecciona de forma continua arrastrando el puntero para definir una selección libre.

La selección poligonal no cuenta con la posibilidad de eliminar el último punto, lo que es un inconveniente en caso de error. Es necesario terminar la selección y corregir después.

Cuando quiera eliminar una selección pulse la tecla Esc.

10.2 Almacenamiento y restauración de una selección

Puede guardar el tamaño, la forma y la ubicación de una selección para poder utilizarla más tarde. Es más, puede guardar varias selecciones. Para ello elija Seleccionar > Guardar selección de mapa de bits. En el cuadro de diálogo Guardar selección se muestra el nombre del documento en el que se guardará la selección de recuadro. En la casilla Selección se muestra el nombre de la selección activa que por defecto es Nuevo. Si quiere cambiar el nombre de la selección debe hacerlo en la casilla que muestra la palabra Predeterminado; resalte la palabra Predeterminado y escriba un nombre.

Para restaurar una selección debe hacer clic en Seleccionar > Restaurar selección de mapa de bits.

Vea la siguiente simulación que utiliza la herramienta de lazo poligonal y enseña a guardar y restaurar la selección.

10.3 Ejercicio

Dada una imagen, por ejemplo un automóvil dentro de un fondo, se trata de seleccionar el automóvil con la herramienta lazo.

  1. Descargue el material necesario, verá la imagen de un coche. Guárdela en su carpeta de trabajo para operar sobre ella con Fireworks. Observe que es un archivo JPG, es decir, se trata de un mapa de bits por lo que sólo tiene almacenados los puntos que forman la imagen y su color correspondiente.
  2. Abra la imagen desde Fireworks.
  3. Seleccione el coche utilizando el lazo poligonal o el lazo continuo . No intente ser muy, muy preciso. Aproxime el contorno. No se preocupe si hay fallos en la selección. Más adelante se hará un ajuste fino.
  4. Guarde la selección con la opción del menú Seleccionar > Guardar selección. Como nombre de la selección utilice la palabra auto, por ejemplo, en lugar de la palabra Predeterminado que aparece por defecto.
  5. Pulse la tecla Esc para eliminar la selección.
  6. Al guardar el trabajo debe tener cuidado, porque si en la ventana Guardar como, tiene como tipo de archivo JPG, sólo almacenará los puntos de la imagen y su color. La selección y cualquier detalle de diseño de Fireworks se perderán. Por lo tanto, haga clic en Archivo > Guardar como y en Tipo de archivo, seleccione Fireworks PNG. Guarde el trabajo con el nombre coche.png.

10.4 Desplazamiento de la selección

10.5 Ejercicio (Continuación del ejercicio 10.3)

  1. Utilice el coche.png que guardó en el ejercicio anterior. Haga clic en la imagen y luego en Seleccionar > Restaurar selección de mapa de bits para recuperar la selección, auto.
  2. Con la herramienta lazo pinche y arrastre hacia arriba para mover la selección.
  3. Deshaga el movimiento.
  4. Mantenga pulsada la tecla mayúsculas y pulse una vez la tecla flecha arriba para desplazar la selección 10 píxeles.
  5. Pulse durante uno o dos segundos la tecla flecha a la derecha para un desplazamiento de píxel en píxel.
  6. Pulse la tecla Esc para eliminar la selección.

10.6 Sustraer píxeles de una selección

Mantenga pulsada la tecla Alt mientras selecciona el área que va a excluir de una selección de mapa de bits. Observe que cuando mantiene pulsada la tecla Alt aparece un signo menos en el icono lazo, para indicar que va a quitar parte de la selección.

10.7 Añadir píxeles a una selección

Mantenga pulsada la tecla mayúsculas mientras selecciona el área que va a añadir a una selección de mapa de bits. Observe que cuando mantiene pulsada la tecla mayúsculas aparece un signo más en el icono lazo, para indicar que añadirá píxeles a la selección.

Vea la siguiente simulación que utiliza la herramienta de lazo para una selección libre y enseña a añadir y eliminar zonas a la selección inicial.

10.8 Ejercicio (Continuación del ejercicio 10.5)

  1. Utilice el coche.png que guardó en el ejercicio anterior. Haga clic en la imagen y luego en Seleccionar > Restaurar selección de mapa de bits para recuperar la selección auto.
  2. Utilizando el lazo y manteniendo pulsada la tecla Alt o mayúsculas elimine áreas o añada para tener una selección lo más perfecta posible. Ayúdese de la lupa para operar con más precisión.
  3. Guarde la selección con la opción del menú Seleccionar > Guardar selección. Como nombre de la selección utilice de nuevo la palabra auto, en lugar de la palabra Predeterminado que aparece por defecto.
  4. Guarde el trabajo con el nombre coche.png.

10.9 Selección inversa

Elija Seleccionar > Seleccionar inverso. De esa forma selecciona todos los píxeles que no forman parte de la selección.

10.10 Ejercicio (Continuación del ejercicio 10.8)

  1. Continúe con el coche.png que guardó anteriormente. Restaure la selección si es que la eliminó.
  2. Haga clic en Seleccionar > Seleccionar inverso. Como ve, ha seleccionado el área complementaria de la que tenía, es decir, los píxeles que no son del coche.

10.11 Expansión o contracción de una selección

Después de dibujar una selección, se puede ampliar o contraer. Haga clic en Seleccionar > Expandir recuadro. Introduzca el número de píxeles que desee. Para contraer, elija Seleccionar > Contraer recuadro.

10.12 Ejercicio (Continuación del ejercicio 10.10)

  1. Continúe con el coche.png que guardó anteriormente. Restaure la selección si es que la eliminó.
  2. Haga clic Seleccionar > Expandir recuadro. Utilice 10 píxeles.
  3. Haga clic Seleccionar > Contraer recuadro. Utilice 50 píxeles.
  4. Pulse Esc para eliminar la selección.

10.13 Selección de un área situada alrededor de un recuadro existente

Se puede crear un recuadro de selección adicional para enmarcar el recuadro existente con una anchura determinada. Esto permite crear efectos gráficos especiales, como el fundido de los bordes de una selección de píxeles.

10.14 Ejercicio (Continuación del ejercicio 10.12)

  1. Continúe con el coche.png que guardó anteriormente. Restaure la selección si es que la eliminó. Elija Seleccionar > Borde del recuadro. Introduzca una anchura 50 y haga clic en Aceptar.
  2. Seleccione el cubo de pintura . Color azul. Borde Fundido. Tolerancia 100. Opacidad 50. Haga clic por la zona seleccionada para crear una especie de halo alrededor del coche.
  3. Pulse Esc para eliminar la selección.
  4. Guarde el trabajo con el nombre cochehalo.png

10.15 Desplazar, cortar o copiar una selección de píxeles

Cuando se arrastra una selección a otra posición, lo que se desplaza no es el mapa de bits, sino la propia selección. Si desea desplazar, modificar, cortar o copiar los píxeles de una selección, antes debe convertirla en una selección flotante.

Primero cree la selección. Para conseguir que la selección se convierta en flotante mantenga pulsada la tecla de Control mientras arrastra o bien utilice la herramienta Puntero, que añade unas tijeras , para arrastrar. También puede utilizar las teclas de flecha o Mayúsculas + teclas de flecha mientras mantiene pulsada la tecla de control.

10.16 Ejercicio (Continuación del ejercicio 10.14)

  1. Continúe con el coche.png que guardó anteriormente. Restaure la selección si es que la eliminó.
  2. Seleccione la herramienta puntero . Sitúese en el interior del coche. Verá que al puntero se añade unas tijeras . En ese momento tiene una selección flotante. Pinche y arrastre la selección.
  3. Deshaga la operación de arrastre.
  4. Haga clic en la herramienta lazo . Sitúese en el interior del coche. Para conseguir que la selección se convierta en flotante, mantenga pulsada la tecla de control. Verá que al puntero se añade unas tijeras . En ese momento tiene una selección flotante. Pinche y arrastre la selección.
  5. Deshaga la operación de arrastre.
  6. Si utiliza el puntero subselección , cuando lo sitúa dentro de la selección verá que adopta la forma de un puntero duplicado . Si pincha y arrastra tendrá un duplicado de la zona seleccionada. Esta es una forma sencilla de obtener duplicados de determinadas áreas de la imagen.
  7. También puede utilizar el teclado. Con la herramienta lazo seleccionada, sitúese en el interior del coche. Mantenga pulsada la tecla de Control y pulse las teclas de desplazamiento.
  8. Deshaga la operación de arrastre.

Es posible insertar en la capa actual un nuevo mapa de bits basado en una selección de píxeles, cortando o copiando los píxeles seleccionados.

  1. Con el coche seleccionado. Seleccione Edición > Insertar > Mapa de bits mediante Cortar. En la capa actual se crea un nuevo objeto de mapa de bits a partir de la selección de píxeles, y los píxeles seleccionados se eliminan del objeto de mapa de bits original. En el panel Capas aparece una miniatura del nuevo objeto de mapa de bits, sobre el objeto del que se ha cortado.
  2. En el panel capas, haga clic en los iconos ocultar/mostar para ver como efectivamente se ha separado la imagen creando un vacío en la imagen original.
  3. Guarde el trabajo con el nombre cochecorte.png.

Puede insertar un nuevo mapa de bits copiando un área en lugar de cortándola. Seleccione un área de píxeles. Seleccione Edición > Insertar > Mapa de bits mediante Copiar. En la capa actual se crea un nuevo objeto de mapa de bits a partir de la selección de píxeles, y los píxeles seleccionados permanecen en el objeto de mapa de bits original. En el panel Capas aparece una miniatura del nuevo objeto de mapa de bits sobre el objeto del que se ha copiado.

También puede copiar una selección y pegarla en otro documento sin ningún problema. Otra posibilidad es duplicar o clonar la selección una vez separada. También la puede mover a otra capa.

10.17 Ejercicio

Utilice una foto digital y separe la imagen de una persona de esa foto.

10.18 Selección de áreas de color similar

La herramienta Varita mágica selecciona áreas de un color similar. Para controlar el número de colores que se seleccionan se utilizan las opciones Tolerancia y Borde, en el Inspector de propiedades. Mientras mayor sea la tolerancia mayor es el área seleccionada porque se incluyen más colores en la selección. Por lo tanto la tolerancia controla el rango tonal de colores, que se seleccionan al hacer clic en un píxel con la herramienta Varita mágica . Si introduce una tolerancia 0 y hace clic en un píxel, sólo se seleccionan los píxeles adyacentes que tengan exactamente el mismo tono. Si introduce un número mayor que 0, por ejemplo 65, se selecciona una gama más amplia de tonos. Una vez fijada la tolerancia  haga clic en la zona cuyo color desee seleccionar. Alrededor de los píxeles seleccionados aparece un recuadro. Si quiere ampliar el área aumente la tolerancia.

10.19 Ejercicio

  1. Descargue la siguiente imagen y guárdela en una carpeta de trabajo.
  2. Desde Fireworks, haga clic en Archivo > Abrir y seleccione la imagen.
  3. Seleccione la varita mágica . En el inspector de propiedades, utilice tolerancia 25, Borde fundido de intensidad 10.
  4. Haga clic en la parte izquierda de la mejilla de la foto. Verá una selección similar a la de la figura.

La selección de colores similares se puede extender a todo el documento. Para ello seleccione un área con una herramienta Recuadro , Lazo o Varita mágica . Elija Seleccionar > Seleccionar similar. Uno o varios recuadros muestran todas las áreas que contienen la gama de píxeles seleccionada.

  1. Haga clic en Seleccionar > Seleccionar similar y verá como la selección se extiende a otras partes de la foto con color similar al que tenía seleccionado.
  2. Pulse Esc para eliminar la selección. Seleccione de nuevo la varita mágica y aumente la tolerancia a 40. Repita la selección haciendo clic en el lado izquierdo de la mejilla. Verá como el área seleccionada es mayor que la anterior.
  3. Pulse Esc para eliminar la selección.

Lo siguiente que haremos es convertir la foto a una escala de grises.

  1. Despliegue el panel Optimizar y haga clic en el menú de opciones de este panel. Haga clic en la opción Asistente de exportación. La casilla Seleccionar un formato de exportación debe estar marcada. Haga clic en Continuar.
  2. La casilla La Web debe estar marcada. Haga clic en Continuar. la pantalla siguiente es informativa. haga clic en Salir para ver la pantalla con los parámetros de exportación.
  3. En formato, elija GIF y en Paleta, elija Escala de grises.
  4. Observe que Fireworks toma 32 niveles de grises. Para simplificar el trabajo seleccione 4 tonos de grises.
  5. Guarde la imagen con el nombre rostrogrises4.jpg.
  6. Haga clic en el botón cerrar ventana del lienzo .
  7. Haga clic en Archivo > Abrir y seleccione la imagen rostrogrises4.jpg.
  8. En el panel Optimizar verá los 4 tonos de grises. Vamos a separar por capas los cuatro tonos para tener una descomposición del rostro por áreas. El contorno de cada área queda definido por los puntos de sombra en los que se observa una ruptura de la continuidad.
  9. Seleccione la varita mágica . Utilice tolerancia 0, Borde duro. Haga clic en la zona más clara, a la altura del pecho. Verá una curva de selección. Elija Seleccionar > Seleccionar similar para marcar todas las áreas similares.
  10. Haga clic en Edición > Insertar > Mapa de bits mediante Cortar. En el panel capas se separa la parte seleccionada, en un nuevo mapa de bits. Oculte haciendo clic en el botón Ocultar .
  11. Es importante que utilice tolerancia 0 y borde duro con la varita mágica . Repita la operación los demás tonos. De esta forma puede descomponer la imagen en cuatro mapas de bits que muestran una aproximación de las sombras del rostro. Guarde el trabajo con el nombre rostrocapas.png.

10.20 Convertir una selección en trazado

Después de dibujar una selección, puede convertirla en trazado vectorial. Para ello elija Seleccionar > Convertir recuadro en trazado. Los atributos de relleno y trazo actuales del documento se aplican al nuevo trazado.

  1. Utilice rostrocapas.png del ejercicio anterior.
  2. Oculte las capas que no necesite y con la varita mágica seleccione el área anaranjada y verde que se muestra en la figura.
  3. Haga clic en Seleccionar > Convertir recuadro en trazado. El contorno se convierte en un trazado vectorial cuyo contorno y relleno puede controlar.
  4. Utilice un relleno degradado lineal que vaya de naranja a verde y ajuste el degradado a su gusto.
  5. Repita la operación para el área azulada verdosa que se ve en la figura junto al ojo derecho.
  6. Guarde el trabajo con el nombre rostrovector.png.