jueves, 25 de abril de 2013

GIMP 16 - Texto relleno de una imagen


Texto relleno de una imagen

Esta es una forma muy sencilla de crear un texto con su interior relleno de una imagen o textura.
En primer lugar abrimos en gimp la imagen que servirá de patrón. Aunque en mi caso es muy grande luego la recortaremos.
Con la herramienta texto escribimos el texto, seleccionando una fuente que sea bastante amplia para conseguir la mayor cantidad posible de relleno de la imagen.
Ahora seleccionamos el texto en Alfa a selección, y activamos la capa de la imagen , invertimos la selección en CTRL+I y pulsamos la tecla Supr y se borrará el resto de la imagen. Cerramos el ojo a la capa texto.
Podemos eliminar la capa texto y con la herramienta de recorte vamos a recortar la zona del documento que está vacia.
Ahora vamos a crear un relieve a la imagen del texto en Filtro>>Mapa>>Mapa de relieve:

Para terminar le he aplicado una sombra en color morado


En el otro ejemplo le he creado una nueva capa de fondo con relleno en blanco y la sombra en color negro.

Aquí dejo los dos ejemplos, como podeís ver son muy sencillos y recordar que el que no tiene fondo debemos guardarlo en formato PNG, para que conserve la transparencia.

GIMP 15 - Texto Metacrilato


Texto metacrilato

 
 
 
 
 
 
 
 
En esta ocasión vamos a crear un efecto de texto de metacrilato.
Como siempre abrimos un nuevo documento, yo he utilizado para el tutorial el tamaño de 500x300px. y lo rellenamos de color negro.

Con la herramienta de texto A, escribimos el texto el color blanco y la fuente que cada uno elija.

Cuando tengamos el texto ubicado en su posición y al tamaño adecuado lo combinamos con la capa fondo. Para combinar las dos capas, pinchamos con el botón derecho sobre la miniatura de la capa y en el menú emergente en Combinar hacia abajo.
Ahora aplicamos un desenfoque de movimiento en Filtros>>Desenfoque de movimiento , con los valores que podeís ver en la siguiente captura:

Aplicamos otro filtro, en este caso Filtros>>Detectar bordes>>Arista, y aplicamos los valores siguientes:


Solo nos falta darle color a nuestro texto. Para ello abrimos la herramienta degradado y cambiando el modo a Color, elegimos el degradado y lo aplicamos. Podemos ir probando hasta encontrar el que se  acople a nuestro diseño.

Una vez terminado , podemos utilizar el texto en una imagen. Abrimos la imagen como capa , la colocamos encima del fondo y cambiando el  modo de capa  a Pantalla.
Para realzar el texto dentro de la imagen vamos a Filtros>>Realzar>>Enfocar, con una agudeza de 10 más o menos.

Si todavía necesitamos más nitidez en el texto , podemos añadir un poco de contraste en Colores>>Brillo-Contraste y subimos un poco el contraste.

Este es el resultado final solamente del texto:


Este otro resultado es del mismo texto con un a imagen de fondo añadida:

viernes, 5 de abril de 2013

GIMP 12 - Colorear fotos antiguas en blanco y negro


Para este tutorial usaremos una famosa imagen de la no menos famosa película Casablanca:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

PRIMER MÉTODO: COLOREAR

Lo primero que tendremos que hacer SIEMPRE es realizar una selección de la zona que queremos colorear.
En este caso, vamos a usar la HERRAMIENTA DE SELECCIÓN LIBRE (oLAZO) para realizar una selección de los labios de Ingrid Bergman.
Una vez los seleccionamos, deberemos aplicar un desenfoque en los bordes de la selección para que el acabado sera más natural y no se vean los bordes coloreados demasiado artificiales: para ello usaremos el comandoSELECCIONAR > DIFUMINAR [FEATHER]
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Le daremos un valor entre 5 y 20 dependiendo del tamaño de la zona seleccionada (a mayor tamaño, mayor difuminado).
Una vez tenemos preparada la selección, vamos a colorearla. Para ello usaremos el comando COLORES > COLOREAR:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Nos aparece un cuadro de diálogo donde podemos configurar el coloreado:
  • TONO: es el color que le vamos a dar (rojo, azul, verde, morado…)
  • SATURACIÓN: la viveza del color (más pureza, menos…)
  • LUMINOSIDAD: define la claridad u oscuridad del resultado final.
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Definiremos los 3 valores hasta encontrar el acabado deseado y haremos clic en OK una vez hayamos concluido:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Como véis es muy sencillo este método.
La única pega que tiene es que una vez terminada la edición de la zona a colorear, no podemos regularla a posteriori… para poder tener un mayor control del coloreado, veamos otro método más complejo, pero más potente…

SEGUNDO MÉTODO: CAPAS EN MODO DE MEZCLACOLOR

En el siguiente método, comenzamos, como siempre, realizando la selección de la zona a colorear: en este caso, la cara de Humphrey Bogart
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Cuando las selecciones son complejas, podemos refinarlas y ajustarlas a nuestro gusto SUMANDO y RESTANDO SELECCIONES
Para ello, podemos usar los distintos MODOS que nos ofrece la paleta de propiedades de las herramientas de selección:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
O los accesos directos:
  • MAYÚSCULAS: para sumar la nueva selección a la existente.
  • CONTROL: para restar la nueva selección a la existente.
Gracias a esto podemos realizar selecciones complejas de manera sencilla y rápida, añadiendo partes que se quedaron fuera de la selección que ya tenemos o extrayendo partes que no nos interesan de ella…
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Es cuestión de paciencia y práctica hasta dominar la técnica. ;)
Una vez terminamos de definir la selección, elegiremos un color con el que queremos colorearla.
Podemos hacerlo mediante el selector de color tradicional o bien usando alguna de las muchas paletas de colores que provee Gimp o que podéis descargar desde mi proyecto PALETAS DE COLOR
En este caso yo me he decantado por elegir una paleta de color específica para tonos de piel:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
El siguiente paso será crear una nueva capa vacía y colorear la selección con el color deseado en ella:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Fijáos que es muy sencillo hacerlo: sólo deberéis arrastrar el color desde la paleta o el selector de color hacia la capa recién creada y se coloreará automáticamente el interior de la selección. ;)
En el siguiente paso, cambiaremos el MODO DE MEZCLA de la capa de NORMALCOLOR:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Vemos que la cara de Bogart se colorea, aunque un poco exageradamente…
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
La ventaja de usar capas es que ahora podemos ir a la paleta de capas, regular la OPACIDAD de la capa en cuestión…
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
… y conseguir el resultado deseado:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Podemos también aplicar un desenfoque (FILTROS > DESENFOQUE [BLUR] > DESENFOQUE GAUSSIANO) sobre la capa para que los bordes de la misma queden suavizados y el acabado sea más natural:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Proseguiremos con el mismo sistema (SELECCIONARCOLOREARAJUSTARsucesivamente), mezclando ambos sistemas de coloreado vistos según nos convenga:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Hasta terminar el trabajo:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP

Espero que os haya gustado este nuevo tutorial. 

GIMP 11 - Grafiti

GRAFITI.


Realiza los pasos indicados en el siguiente enlace para conseguir el efecto de Grafiti. Puedes utilizar la misma imagen que se utiliza en la página.

Grafiti


Adjunta la imagen original junto con la imagen modificada en un archivo .rar o .zip.
Como solución sube el fichero .zip o .rar con la tarea descrita realizada.

GIMP 8 - Tatuaje

GIMP 8 - TATUAJE


Vamos a realizar el montaje de un tatuaje en la espalda de esta persona. 

Utiliza las siguientes imágenes si quieres para realizar el ejercicio:



http://dl.dropbox.com/u/11182192/informatica/Tribal.jpg








 http://dl.dropbox.com/u/11182192/informatica/Espalda.jpg

Para ello apoyándonos en lo que ya sabemos de montaje de 2 imágenes, seleccionaremos el tatoo de la imagen corespondiente. Para seleccionar el tatoo, podremos hacerlo con las herramientas:


Selección difusa, con la que seleccionar partes contiguas de la imagen, e ir añadiendo el resto de la imagen.

Selección por color, y seleccionar una parte del tatoo, y quedará todo seleccionado.


Una vez seleccionado el Tatoo, lo copiamos y pegamos en la imagen de la espalda... 




¿Qué ocurre? que el tatoo es demasiado grande para esa espalda, SOLUCIÓN:
  • Redimensionaremos la imagen del tatoo mediante la herramienta de escalado:
Le damos un tamaño acorde a la espalda, y loo colocamos donde deseemos, una vez le damos a anclarlo, quedaría así:



El tatoo queda muy oscuro para la espalda, queda muy artificial, para que quede mejor podemos hacer lo siguiente:

Del menú capas, elegimos opacidad, y la cambiamos a un 45%, por ejemplo:





Quedando este resultado:


También podriamos optar por esta otra opción que sería del menú capas elegir en vez del Modo: Normal, elegir SOLAPAR.



Ya queda un poco mejor, ¿verdad?

Buen trabajo!!!

jueves, 14 de marzo de 2013

GIMP 10 - Estilo Warhol

Estilo Warhol en una foto con GIMP

Son muy conocidos los retratos que Andy Warhol hizo a personajes como Mao o Marilyn Monroe reduciendo la gama de colores a sólo unos pocos. A muchos les gustaría hacer lo mismo con una foto propia o de otra persona bien para ver como queda o incluso como regalo. En algunas tiendas de fotografía ofrecen ya este servicio. Desconozco las técnicas que usarán para ello en esas tiendas, pero aquí voy a explicar como hacerlo de manera sencilla con el GIMP.

Lo primero es tener una foto adecuada. Lo ideal es que el fondo sea de un color claro o blanco y que los tonos que dibujan el pelo, los ojos, la nariz y la boca estén bien diferenciados del resto de la piel. Si no se tiene ninguna a mano es fácil conseguir alguna libre y sin copyright (o con licencia Creative Commons) en las direcciones que doy en el post Imágenes gratuitas libres de copyright.

La foto que yo he escogido es de Flickr y tiene licencia Creative Commons:


Y el resultado que se persigue es éste otro:


El objetivo es manipular la imagen para llegar a tener 2 o 3 colores bien definidos. En general sería un color para el fondo, otro para las sombras (pelo, cejas, boca, rasgos, etc.) y otro para la piel, si bien se puede hacer también con el mismo color para el fondo y la piel (siempre que sean 2 regiones fácilmente separables) y el otro para las sombras.

Aquí voy a explicar el método que suelo seguir, basado en 2 colores, ya que lo que hago es convertir la imagen a blanco y negro.

Lo primero es seleccionar el área del retrato sobre el que vamos a crear el efecto usando la "Herramienta de selección de rectángulos":


Una vez seleccionado el área se corta con "Editar > Cortar" y se crea un nuevo archivo con el contenido del portapapeles usando la opción "Archivo > Crear > Desde el portapapeles", de modo que ya se puede cerrar la imagen inicial:


Ya se tiene el retrato sobre el que se va a trabajar:


Se podría pasar la imagen directamente a blanco y negro, pero hacerlo directamente puede hacer que no se vea bien debido a que la imagen sea muy clara (con lo que se verá casi todo blanco) o muy oscura (lógico, se verán muchas regiones en negro), o que tenga muchas tonalidades de color distintas... Normalmente da mejores resultados pasarla primero a escala de grises con "Imagen > Modo > Escala de grises":


Ahora se pueden modificar el brillo y el contraste con "Colores > Brillo y contraste" para oscurecer o marcar más o menos los rasgos del retrato. Una vez se han ajustado estos parámetros (o los que se deseen) se pasa la imagen a blanco y negro utilizando "Colores > Umbral". Esta opción permite seleccionar el umbral de luz a partir del cual un punto es negro o blanco:


Se puede decir que la imagen ha quedado en 2 colores, pero diferenciada en 3 regiones:
- la región correspondiente al negro
- la región correspondiente al blanco de fondo
- la región correspondiente al blanco del retrato
y sólo queda pintar cada una de éstas regiones de un color distinto. Si se pinta directamente una región cualquiera va a aparecer de color gris y esto es porque la imagen está en modo escala de grises. Por tanto, hay que pasarla otra vez al modo RGB con "Imagen > Modo > RGB".

Ahora, con la "Herramienta de selección por color" se pincha en un área del fondo, quedando seleccionadas todas las regiones que son de color blanco:


Se elige el color deseado para el fondo, bien directamente en la paleta o bien tomándolo de otra imagen distinta y usando la "Herramienta recoge-color", y con la "Herramienta de relleno" se pulsa sobre la región del fondo. Es importante que esté seleccionada la opción "Rellenar colores similares" para que sólo se rellene la región sobre la que se hace click y no todas las regiones blancas:


Se vuelven a seleccionar todas las regiones blancas que quedan con la "Herramienta de selección por color", se elige el color deseado para el rostro y con la "Herramienta de relleno" se pulsa sobre cualquier zona del rostro. Ahora la opción seleccionada debe ser "Rellenar la selección completamente" (en lugar de "Rellenar colores similares") para que se rellenen todas las zonas blancas que quedan:


El paso final, de nuevo con la "Herramienta de selección por color" seleccionar las regiones negras y con un nuevo color rellenar todas estas zonas de la misma manera que se ha hecho con el rostro. La imagen final queda así:


Por último, y ya como curiosidad, señalar que existe también un famoso retrato al Che Guevara hecho de forma similar (en blanco y negro sobre fondo rojo) por Jim_Fitzpatrick a partir de una fotografía tomada por Korda. El artista Gerard Malanga, amigo de Warhol, utilizó estos trabajos para crear una pintura parecida a las que Warhol había hecho antes de Marilyn Monroe, y Warhol, que según parece era un listillo, autentificó la copia y con ello se embolsó todos los derechos de su uso. Lo que son las cosas, y yo toda la vida engañado acerca de esa imagen, una de las más famosas y representativas del siglo XX.