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!!!