02 julio 2010

EL GIMP (Cambiar fondo a una imágen)

Con este tutorial voy a explicar como eliminar el fondo a una imágen sin perder los detalles del cabello .
Para conseguirlo utilizaremos una máscara de capa.
En primer lugar abrimos la imágen a la que queremos sustituir el fondo.
1a
La duplicamos y al duplicado lo llamaremos Borrar.
Con la capa Borrar activa vamos a Colores>Desaturar>,en la ventana activamos la casilla media y aceptamos.
2a
Seguidamente volvemos a Colores y pinchamos en Invertir.
3a
Ahora vamos a Niveles que se encuentra también en Colores y jugamos con los deslizadores hasta conseguir  que los cabellos que sobresalen
queden en blanco bien marcados y aceptamos.(los valores son distintos para cada imágen).
4a
Con un pincel duro y bastante grande pintamos de blanco toda la imágen que queremos conservar sin acercarnos demasiado a los bordes.
Una vez pintado seleccionamos una brocha muy difuminada y repasamos los bordes que hemos dejado sin pintar, ampliando la imágen todo lo que sea necesario.
Como mi imágen tiene detalles en blanco en el  fondo tengo que pintarlo  de color negro con el pincel anterior.
5a
Cuando tengamos la imágen en blanco y negro pinchamos en CTRL+X  para cortar la capa borrar (esta desaparece de momento)
y con el botón derecho sobre la capa fondo pinchamos en Añadir una máscara de capa y  dejamos seleccionado Blanco (Opacidad total).
Activamos la máscara que se ha creado al lado de la miniatura de la capa fondo y pulsamos las teclas CTRL+V para pegar
la imagen que hemos cortado anteriormente y anclamos la seleccion flotante pinchando en el icono al lado de la papelera.
6a
Creamos una nueva capa la pintamos del color que queramos para nuestro fondo y la colocamos debajo de la capa con la máscara.
Seguramente tendremos que retocar algo la imagen y para ello  activamos de nuevo la máscara y  con los colores  negro y  blanco y el pincel difuminado repasamos los bordes.
7a
En uno de los ejemplos he rellenado el fondo con un patrón y en Colores> Colorear, moviendo el deslizador de tono , saturación y luminosidad podemos muy fácilmente ir cambiando el color.
8a
Para terminar acoplamos la imagen y la guardamos en el formato que queramos.
foto foto1

27 junio 2010

EL GIMP (Botón biselado)

Voy a explicar en este nuevo tutorial una forma muy sencilla de crea un botón biselado.
Lo primero será abrir un nuevo documento de 100x100 y fondo transparente.
Si queremos dibujarlo centrado sacaremos un par de guías y para hacerlo,
suponiendo que tenemos las reglas visibles, vamos a Imagen>Guías> Guía nueva(por porcentaje)
Se abrirá la siguiente ventana emergente  que aplicaremos dos veces, una en vertical y la otra
para la guía horizontal:
1
Cuando ya tengamos las dos guías visibles activamos la herramienta selección Rectangular y creamos un cuadrado  de 70x70:
2
Con la herramienta Degradado y el color de frente que en rojo y el fondo en blanco, hacemos un degradado
lineal desde la esquina superior izquierda hasta la inferior derecha .
3
Sin deseleccionar vamos a Seleccionar>encoger y le damos un valor de 8 px.
4
Pinchamos en CTRL+C para copiar la selección y CTRL+V para pegarla y nos aparecerá una selecciónemergente en la ventana de capas.
Pinchamos en el folio blanco de la ventana y ya tenemos la selección en otra capa distinta.
Ahora  giraremos la imágen para que no coincida el degradado y para ello seleccionamos la herramienta Rotar y le damos un valor de 180º.
5
Ya tenemos nuestro botón biselado:
6
Siguiendo estos mismos pasos podemos dibujar botones ovalados, rectangulares, redondos, etc…
Como toque final  le he añadido Drop Shadow (sombra paralela).
Debemos guardarlo como PNG para que conserve la transparencia.

21 junio 2010

EL GIMP (Texto degradado)

En esta ocasión voy a añadir un degradado interior a un texto.
Creamos un nuevo documento con los valores por defecto de 640x400.
Con la herramienta texto tecleamos Texto Degradado, en fuente : Merkin; en tamaño 100; en color Negro y cuando tengamos el texto lo seleccionamos en alfa a selección.
1
Creamos una nueva capa  sombra y pinchamos en Seleccionar>Difuminar con un radio de 10 px. y rellenamos la capa de negro.
2
Con la herramienta mover pinchamos sobre el texto creado y con las flechas pulsamos 5 veces hacia la derecha y 5 veces más hacia abajo. y deseleccionamos.
3
Creamos una nueva capa  Degradado, volvemos a la capa del texto y lo seleccionamos.
Volvemos a activar la capa degradado y le aplicamos un degradado lineal de arriba hacia abajo.
5
Creamos otra capa  sombra 2, y para invertir la selección tecleamos CTRL+I y en Seleccionar>Difuminar le volvemos a aplicar un valor de 10 px. y rellenamos de color negro . Movemos la capa con las flechas tres veces para la derecha y para abajo. Deseleccionamos.
6
Volvemos a seleccionar la capa texto y volviendo a la capa sombra2, CTRL+I para invertir la selección y SUPR. Deseleccionamos.
7
Nueva capa Borde y seleccionamos de nuevo el texto. volvemos a la capa Borde y CTRL+I para invertir y rellenamos de otro color.
8
Seleccionar>encoger 3px. SUPR y Deseleccionar.
9
Para terminar  podemos recortar un poco la imagen. 

 
IR ARRIBA