El programa de tratamiento de im�genes GNU (esto es, The GIMP) a estado en desarrollo
bastante tiempo y las primeras versiones dejaban mucho que desear. Desde
entonces GIMP a recorrido un largo camino y es mucho m�s potente que las
primeras versiones. Aquellos que estaban decepcionados por las deficiencias
de las primeras versiones, est�n obligados a probar algunas de las m�s recientes
versiones de las series 0.99.xx. Espero demostrar que GIMP es m�s que una
herramienta viable para hacer gr�ficos profesionales.
Este art�culo es el primero de una serie que pretenden ense�ar� como
uno puede usar GIMP para conseguir los mismos efectos que uno es capaz
de hacer con Adobe Photoshop. Juan Manuel Sepulveda ha estado
mostrando algunos bonitos efectos que una artista puede hacer con
Photoshop, y yo ense�ar� como hacer lo mismo con GIMP. En su primer
art�culo montaba una bonita escena con Daniel como
protagonista. Probablemente, en nuestros primeros art�culos, nos
concentraremos en c�mo construir� esta escena con Photoshop y
GIMP. En este art�culo explica espec�ficamente c�mo usar GIMP para
aislar a Daniel del resto del fondo de la imagen.
|
El Recortado
|
Gimp ofrece muchas formas de recortar partes espec�ficas de una imagen del
resto de la escena. La forma en que Juan lo hizo puede ser realizada con GIMP
usando herramientas similares, por tanto, primero veremos como usar GIMP de la
misma forma.
| Atenci�n:Debes tener buen pulso
y un buen rat�n para hacer esto con eficacia �La pr�ctica hace maestros!
|
Primero, observa los cuadrados en la caja de herramientas de GIMP. All� hay
una herramienta de selecci�n libre en la esquina de arriba a la derecha. Queremos
usar esta herramienta primero. Activa la herramienta pulsando sobre ella con el
rat�n y ya estamos preparados para empezar a recortar.
|
|
Por supuesto necesitamos la imagen de Daniel, as� que
cargala. Deber�s hacer un zoom de la imagen para poder ver el corte
m�s cerca. Esto se puede hacer llevando el rat�n a la ventana de la
imagen para darle el foco y presionando tus teclas de m�s (+) y menos
(-) en el teclado. Aunque el s�mbolo m�s es realmente SHIFT-igual,
puedes simplemente presionar la tecla sin el SHIFT y GIMP sa�r� que
quieres acercar la imagen. Por tanto puedes usar el m�s y el menos
para conseguir el nivel de zoom m�s conveniente y redimensionar la
ventana a tus preferencias para tener toda la imagen de Daniel a la
vista. Si tienes la ventana de la imagen en el foco del rat�n, y
pulsas el bot�n derecho del rat�n, aparecer� un peque�o men�. En
�l hay una opcion llamada View. Si eliges View, se abrir� un
sub-men� que ofrece operaciones como Zoom-In y Zoom-Out, pero
tambi�n hay un men� bajo la opci�n de Zoom que permit� elegir
el valor exacto de zoom. Yo eligo la opci�n 1:2 para hacer la
selecci�n.
| Una
vez tenemos el aumento deseado y Daniel es completamente visible,
queremos empezar a seleccionar. Aqu� es donde debemos tener una mano
firme. Asegurat� que tienes seleccionada la herramienta Free Select,
aprieta el bot�n izquierdo del rat�n y mueve el cursor alrededor de
la silueta de Daniel. Mientras mueves el cursor del rat�n, el borde
de la selecci�n que estas haciendo se crear�. Tan pronto como sueltes
el bot�n izquierdo del rat�n, la regi�n de selecci�n se
completar�. Una l�nea de selecci�n se dibujar� desde donde dejaste de
apretar el bot�n hasta el principo del �rea seleccionada. Ve con
cuidado y haz la selecci�n recorriendo completamente la imagen de
Daniel, bordeando su graciosa cabecita y su pijama por fuera, y
acabando donde empezaste. Cuando sueltes el bot�n, su imagen entera
deber� estar repasada, y una l�nea de puntos animada nos ense�ar� el
borde de la selecci�n.
| En
estos momentos, la regi�n de la imagen que est� seleccionada incluye
todo lo que hay DENTRO de la l�nea de puntos animada. Nosotros
queremos recortar todo menos la regi�n de dentro, por tando
necesitamos "invertir" la selecci�n para seleccionarlo todo menos la
imagen de Daniel. Esto es simple. Asegurat� de que tu rat�n est�
sobre la regi�n de la imagen y presiona el bot�n derecho del rat�n.
Selecciona el submen� Select y a continuaci�n la opci�n
Invert. Observa que existe una secuencia de teclas para la opci�n
Insert. Control-I es la secuencia para invertir la selecci�n. En vez
de elegir la opci�n desde un men�, puedes usar la secuencia de
teclas para hacer lo mismo. Por tanto haz lo que quieras para invertir
la selecci�n. Despu�s de invertir, ver�s que la l�nea de puntos
animada a�n est� alrededor de Daniel, pero tambi�s hay otra l�nea
alrededor del per�metro de la imagen. Si no ves una, durante el
proceso de acercamiento es posible que hayas hecho la imagen m�s
grande que la ventana en la que est�s viendo la imagen, por tanto
deber�s usar las barras de desplazamiento para desplazarte sobre la
imagen. Una vez que tienes los dos conjuntos de l�neas de puntos
animadas, sabr�s que todo lo que hay entre estas l�neas est�
seleccionado. Afortunadamente todo entre las dos l�neas de puntos
corresponde a toda la imagen excepto Daniel.
| Una
vez tenemos la selecci�n correcta, todo menos la imagen de Daniel,
queremos recortarla. Sin embargo, antes de recortar, deber�amos
difuminar la selecci�n para que el borde en el que se realiza el
recorte no sea abrupto ni pixelado. Difuminandolo lo haremos m�s
suave. Presiona el bot�n derecho para obtener nuestro men�,
selecciona el submen� Select y a continuaci�n "Feather". La
secuencia de teclas para hacer esto es Shift-Control-F. Despu�s de
esto, la caja de di�logo de la selecci�n de difuminardo aparece y te
permitir� elegir la cantidad de difuminado para la selecci�n. Puedes
experimentar con esta cantidad para ver la que produce el mejor
resultado. Yo us� el valor 5.
|
No podr�s ver el resultado hasta que limpies la selecci�n. Si no te
gusta el resultado despu�s de limpiar la selecci�n puedes usar la
opci�n Undo dos veces para restaurar la seleccion y el difuminado de la
selecci�n. Desde aqu� puedes usar la opci�n de difuminado otra vez y
elegir otra cantidad para difuminar. Para limpiar la selecci�n debes ir al
men� con el bot�n derecho, elgir del submen� Edit y a continuaci�n
Clear. Control-K es la secuencia de teclas para limpiar. Si no te
gustan los resultados, puedes volver atr�s y jugar con la cantidad de
difuminado usando el men�, la opci�n Edit y Undo. La secuencia de teclas
para deshacer es Control-Z.
Despu�s de limpiar, debes tener una imagen con un recorte suave de Daniel. Como
dije, debes tener una mano firme para hacer este trabajo, as� que la pr�ctica
hace la perfecci�n.
|
El Enmascarado
| Para aquellos de vosotros que no tenga�s una mano firme (lo cual
me incluye a mi), existe otro m�todo, que prefiero, para recortar
fondos de im�genes que pasar� a explicar ahora. Este m�todo incluye la caja
de dialogo Layers/Channels (Capas/Canales).
| Primero,
queremos cargar la foto de Daniel. La imagen que tengo est� en
formato JPEG, y GIMP carga los JPEGs en formato RGB truecolor. En el
t�tulo de la ventana de la imagen especificar� qu� formato de la
imagen es entre par�ntesis. en caso de que la imagen estuviera en
alg�n otro formato, como GIF, GIMP lo cargar� como imagen de color
indexado, por tanto debes convertirla a RGB para nuestros prop�sitos.
Para convertir de color indexado a RGB, presiona el bot�n derecho en
la ventana de la imagen y elige el submen� Image. En este submen�
est�n las opciones RGB, Greyscale e Indexed. Elige el formato que
quieras para convertirla...Para nuesta demo queremos RGB. Despu�s de
hacer click es esta opci�n, nuestra imagen es convertida a RGB. Como
el formato RGB es capaz de representar m�s colores, convertir de RGB
a indexado y otra vez a RGB puede reducir la calidad de la imagen. Por
tanto si empiezas en formato RGB, mantente en este formato si es
posible.
| Una vez
que sabemos que la imagen est� en formato RGB, estamos preparados
para hacer el recorte. Con el bot�n derecho en la ventana de la
imagen elige el submen� Dialog. En este submen� selecciona la
opci�n Layers and Channels (la abreviatura para esto es
Control-L). La caja de di�logo Layers/Channels aparece y ya estamos
preparados para empezar a aprender a usarla. Esta caja de di�logo
nos permite editar las capas de la imagen y sus canales. Por ahora nos
concentraremos en las capas.
| Una
imagen puede tener multiples capas en GIMP y podemos editar las capas
independientemente unas de otras. Hasta ahora s�lo vemos una capa que
tiene una peque�a versi�n de la imagen de Daniel. Tendr� un icono
como un ojo a la izquierda y el t�tulo de la capa a la derecha. El
t�tulo de la capa deber ser "Background" (fondo). El ojo est� aqu�
para decirnos que la capa, actualmente, es visible en la ventana de la
imagen. Si tenemos multiples capas, podemos hacer algunas visibles y
otras no activando o desactivando el ojo de esa capa. Puedes activar y
desactivar pulsando sobre el icono (o donde deber�a estar el icono si
no hay ninguno) por ahora, como estamos trabajando con solo una capa,
esto funcionar� para nosotros. Por ahora, trabajaremos solo con una
capa, pero necesitaremos hacer operaciones en la capa que requieren la
caja de di�logo de las capas.
|
Hasta ahora la imagen de Daniel debe estar en formato RGB. RGB, por
supuesto, viene de Red-Green-Blue (Rojo-Verde-Azul). Cada pixel de la
imagen tiene un valor separado para rojo, verde y azul, y estos
valores combinados controlan el color del pixel correspondiente. Si
desconoces esto, intenta encontrar un manual de teor�a del color. Lo
que necesitamos es poner la imagen en un formato que tenga un valor
adicional aparte del rojo, verde o azul. Este valor adicional se llama
valor alpha. El valor alpha, o canal alpha, se puede usar para varias
cosas, pero para nuestros prop�sitos lo usaremos como "valor de
opacidad".
Cuanta m�s opacidad tenga un pixel, menos puedes ver a trav�s de
ella. Si un pixel tiene opacidad 0, puedes ver completamente a trav�s
de �l, no puedes ver el propio pixel. En la caja de di�logo
Layers/Channels podr�s encotrar la barra de opacidad, y �sta controla
la opacidad de la capa entera. Si la desplazas hacia la izquierda, el
valor de opacidad baja y puedes ver a trav�s de la imagen. Este
valor de opacidad controla el grado en el que se puede ver a trav�s
de la imagen, o en otras palabras, c�mo es de transparente es la
imagen. Lo que puedes hacer es crear varias capas en una imagen y
tener una capa semitransparente para ver a su trav�s la siguiente
capa. Esto se puede hacer para conseguir algunos bonitos efectos, pero
no queremos usarlos ahora. Adem�s, GIMP nos muestra qu� parte de la
imagen es transparente ense�andonos un "tablero de ajedrez" gris.
Ver�is de lo que hablo cuando empez�is a trabajar con transparecias.
En vez de usar la barra de opacidad para hacer la capa transparente,
s�lo queremos hacer transparente parte de la imagen, concretamente
todo menos la imagen de Daniel. Para hacer esto, necesitamos darle a
la imagen un cabal alpha. Para ello, ponemos el cursor del rat�n
encima del t�tulo de la capa y presionamos el bot�n derecho. Esto
nos sacar� un men� con algunas opciones. La opci�n que queremos es
"Add Alpha Channel" (A�adir canal alpha). Despu�s de seleccionar esta
opci�n, el canal alfa se a�adir� y ver�s que en el t�tulo de la
imagen ahora pone (RGB-alpha).
| Ahora
podemos a�adir una "layer mask" (m�scara de capa) para que nos ayude
con nuestro recorte. Una m�scara de capa nos permitir� enmascarar la
parte de la imagen que no queremos. Queremos enmascararlo todo menos
la imagen de Daniel. Podemos a�adir una m�scara con el bot�n derecho
en el t�tulo de la capa y seleccionando la opci�n "Add Layer
Mask". Despu�s de elegir esta opci�n, debes tener una caja de
dialogo de "Add Mask Options". Esto nos permitir� elegir el valor
inicial de la capa. Ahora mismo no sabr�s qu� elegir ni qu�
efectos producir�, as� que elige White (Blanco) que es opacidad
m�xima por ahora.
| Despu�s de
elegir el valor inicial de la caja de di�logos y darle al OK, ver�s
que en la caja de di�logos Layers/Channels se ha creado una nueva
imagen blanca y que est� entre la imagen original de Daniel y el
t�tulo de la capa. �sta es la m�scara de la capa que acabamos de
crear. Peresiona sobre la imagen de la m�scara para activarla. Si no
pasa nada, prueba a presionar sobre la imagen de la capa a la derecha
y ver�s un borde blanco pasar de la m�scara a la imagen. Esto nos
dice que la capa de la imagen est� ahora activa, y ahora
presionaremos en la capa de la m�scara para activarla.
| Despu�s de activar la capa de la m�scara, puedes
dibujar en ella para enmascarar la capa de imagen. Donde dibujes en la
capa de m�scara con NEGRO, la capa de la imagen se volver�
transparente. Donde dibujes con BLANCO la imagen ser� opaca. Usando
diferentes valores de grises puedes hacer la capa
semitransparente. Cuanto m�s oscuro sea el gris, m�s transparente se
volver�. Tambi�n puedes dibujar en la capa de la m�scara con colores
para enmascarar canales de colores espec�ficos, pero no necesitamos
hacer esto por ahora. De momento trabajaremos con blanco y negor para
enmascarar la imagen. Si miras debajo ver�s que en la caja de di�logo
Layers/Channels estoy pintando la capa de m�scara negra y est�
volviendo a la imagen transparente.
|
| Ahora
puedes usar cualquier brocha que quieras para dibujar alrededor de la
imagen de Daniel en negro, y esto har� la imagen transparente donde
dibujes en la capa de m�scara. Yo he usado la brocha Circle Fuzzy (07)
7x7 para dibujar cerca de Daniel y brochas m�s grandes para limpiar el
resto. Me gusta m�s �ste m�todo porque si enmascaro algo que no
quiero por accidente (porque mi mano no es muy firme) s�lo tengo que
dibujar con blanco otra vez y la imagen reaparecer�. A la derecha est�
mi emascaramiento final.
| Ya
tenemos nuestra m�scara, pero a�n tenemos que aplicarla para
enmascarar la imagen. Esto se hace f�cilmente con la opci�n "Apply
Layer Mask" (aplicar capa de m�scara) en el men� de la caja de
di�logos Layers/Channels. Cuando elegimos esta opci�n del men�,
aparecer� la caja de di�logo de la capa de m�scara. Puedes elegir
aplicar la m�scara o simplemente descartarla si no la queremos
m�s. Nosotros la queremos, as� que elegimos aplicar (apply), y la
parte de la imagen que hemos enmascarado es ahora transparente. Ahora
podemos crear capas adicionales bajo esta capa y podremos ver a
trav�s de la parte transparente de esta capa. Podemos poner nuestro
fondo y texto en capas por debajo de �sta, pero esto ser� para la
pr�xima vez.
|
Traducido por Carlos Calzada Grau
|