Esto pasa si tienes un padre retocador de fotos… y un poco cabroncete
22 de February de 2008
Brochas espectaculares en el Gimp y cómo instalarlas en Ubuntu
1 de March de 2007
Para crear la imagen que se ve a continuación, lo único que he necesitado ha sido el Gimp, una imagen en blanco y seis clicks de ratón:
¿Cómo lo he hecho? Usando las brochas adecuadas.
Con un par de brochas he creado el fondo en 2 clicks, y con otras 2 he creado las gotas de sangre con 4 clicks. Con el fondo blanco y una capa con el logo de HacheMuda entre la capa con las gotas de sangre y el fondo, así ha quedado el resultado.
He descubierto gracias a un hilo del foro de Gimp-Es una sección de la inmensa DeviantArt dedicada exclusivamente a brochas para el Gimp. Es una auténtica pasada, hay brochas de todo tipo, algunas de ellas prácticamente son ya composiciones geniales.
Me han encantado sobre todo las que tienen forma de gotas de sangre y las grunge que transmiten suciedad, hay un montón de esas y no puedes dejar de instalar ninguna.
Para instalar cualquier brocha para el Gimp en Ubuntu, sólo tienes que hacer lo siguiente:
- Descargar una brocha (desde DeviantArt te las descargas comprimidas en Zip)
- Descomprimir el paquete y copiar la brocha, que es el archivo con extensión .gbr
- Pegar ese fichero en el directorio /home/tu_usuario/.gimp-versión/brushes (*)
- Reiniciar el Gimp para que pille de nuevo las brochas de su directorio.
(*) Cambia tu_usuario por tu nombre de usuario y .gimp-versión por la versión de tu Gimp, por ejemplo .gimp-2.3
Para los que prefieren no leer los cuatro minipasos, ahí va un súper video con el proceso:
Enlace:
Mapas de imagen con el Gimp
3 de February de 2007
Hoy en los foros de Gimp-Es, el usuario Mr. Reivaj ha preguntado acerca de los mapas de imagen, algo que he visto en alguna ocasión pero que nunca se me había ocurrido pensar en cómo se hacen. Manos a la obra, he hecho algunas pruebas y es realmente sencillo crear tus propios mapas de imágenes.
Para verlo, pongo un ejemplo de una página con una imagen normal y corriente en formato JPG. Al pasar el ratón sobre el logo de Firefox, dicho logo se ilumina y aparece un letrerito con el nombre del programa. Y lo mismo con el logo de Ubuntu, el del Gimp y el texto de HacheMuda.Com. Al hacer click sobre cualquiera de ellos, se va a su correspondiente página web.
Haz click sobre la imagen para ver el ejemplo:
¿Cómo se hace?
- Abre tu imagen en el Gimp y vete a Filtros -> Web -> Mapa de imagen. Se abre una nueva ventana con un nuevo editor. Es muy sencillo de usar, tan sólo tienes que seleccionar una zona con una de las herramientas de la izquierda (rectángulos, círculos o polígonos).
- Ve haciendo clicks para crear los nodos de tu selección y en el último haz un doble click. Se abrirá entonces una nueva ventana en la que puedes seleccionar el tipo de enlace (sitio web, correo, ftp…) y poner la dirección de internet a la que quieres que se dirija el navegador al pulsar sobre esa zona de la imagen.
- Una vez le das a aceptar, te crea una entrada para esa zona recién seleccionada en la pila de selecciones, que está a la derecha de la ventana, debajo del título Selección. Para editarla, sólo tendrás que seleccionarla de ahí y darle al iconito de editar. Ya puedes crear más zonas diferentes, con sus propios enlaces, y se van agregando a la pila de selecciones.
- Cuando ya tengas todas las zonas creadas y sus correspondientes enlaces, ve a File -> Save as y guárdalo con el nombre que tú quieras, mapaImagen.html en mi caso. Ya puedes abrir ese fichero con tu navegador preferido y comprobar que funciona.
- Por supuesto, puedes editar ese fichero HTML y tratarlo como una página web con una imagen en su interior, añadirle los tags de <html>, <body>, <head>, <title>…
Para conseguir los efectos del ejemplo que he puesto, tienes que añadir el código javascript necesario en el fichero HTML que acabas de crear con el editor de mapas de imagen del Gimp. Tendrás que crear una función que cambie de una imagen a otra, y así en cada una de las regiones que has creado decirle que cambie la imagen de fondo al pasar el ratón por encima.
Es sencillo, así que lo mejor es que te descargues el código que he usado yo y así lo verás más fácilmente. Modifícalo, cambia las imágenes, los efectos, añade cosas…
Videotutorial Gimp: ponte en forma con el Gimp-nasio
22 de January de 2007
Si el otro día te gustó el post del Gimp-Nasio, en el que explicaba la mejor manera de ponerte en forma sin moverte de la silla, seguro que también te gusta este.
He grabado un nuevo videotutorial con el proceso que seguí para realizar aquellos efectos, en el que se muestra cómo realzar nuestros músculos y mejorar nuestra “percha” en general. Lo he añadido a la página de los videotutoriales sobre el Gimp.
Pulsa sobre la imagen de la derecha para descargar el video en formato AVI (40MB) o mejor aún descárgalo en formato OGG (23MB).
Yo te recomiendo descargártelo en formato OGG, porque es un formato libre y además el video pesa la mitad. En GNU/Linux no tendrás ningún problema para reproducir el video en OGG. En Windows y Mac necesitarás algún programa que lo soporte, como el VLC Media Player.
El Gimp-nasio: ponte en forma sin ir al gimnasio
4 de January de 2007
Acaban ya las vacaciones de los bombones y las comidas familiares, y ahora cuesta un poquito volver a ponerse en forma… Seguro que uno de los buenos propósitos para el nuevo año es apuntarte al gimnasio, ¿no?
¡Pues ya no es necesario!
Te presento un método revolucionario para conseguir ponerte en forma en tan sólo unos minutos, sin levantarte de la silla y sin quitar la mano del ratón.
Gracias al Gimp, el programa libre de retoque fotográfico por excelencia, puedes conseguir ponerte fuerte y musculoso en tus fotografías y dar envidia a todos tus amigos.
Pasos para ir al Gimp-nasio:
- Abrir la imagen con el Gimp y duplicar la capa, para trabajar sobre una copia.
- Con la herramienta de selecciones rectangulares, traza un rectángulo con la zona que quierres retocar, los brazos, los hombros y el pecho…
- Ve a Filtros -> Distorsiones -> Deformando (el nombre del filtro puede variar según la versión del programa). Se abre una nueva ventana con la vista previa del efecto y las herramientas disponibles. Selecciona la herramienta Crecer y vete haciendo clicks sueltos (sin dejar el botón pulsado) a lo largo de los biceps. Varía los parámetros de radio y cantidad de deformación y prueba de nuevo para conseguir el mejor efecto.
- Para los hombros y los pectorales, probablemente sea mejor elegir más radio que en los brazos y con menos cantidad de deformación.
- Igual que deformando para crecer, podemos seleccionar encoger para la zona de la cintura, con un radio grande y poca cantidad.
- Una vez que tengamos todo como nos gusta, si hemos estado trabajando sobre una capa duplicada, ahora podemos borrar de la capa (con la herramienta goma de borrar y una brocha blanda del tamaño adecuado) superior las zonas que queden fuera del contorno del cuerpo (que forman parte del fondo de la imagen) y que también han sido alteradas al deformar la foto.
- Para la primera foto, que salgo yo con los brazos de Superman, incluso me ha dado por pillar los abdominales de un modelo famoso… :)
¡Anímate y prueba a ponerte en forma con el Gimp!
Y si quieres mándamelas por mail y montamos una divertida galería de fotos con la versión cachas de cada uno de nosotros, :)
Ruth y su pelo
20 de December de 2006
Hace unos días en la peluquería de Ruth le preguntaron si podían hacerle unas fotos. Fue la peluquería donde le hicieron el peinado que lleva ahora mismo y querían tener algunas imágenes de los detalles para cuando cuelguen la página web, que está en proceso.
Sólo tengo algunas de las que se hizo (a ver si me pasan todas), pero no he podido evitar retocarlas y hacer alguna composición:
Estos son los pasos que he seguido para conseguir la imagen:
- Abrir la fotografía original en el Gimp. Convertirla a blanco y negro. Esto lo podemos hacer fácilmente yendo a Capa -> Colores -> Desaturar.
- Ajustar los niveles (Capa -> Colores-> Niveles) moviendo la pestañita negra hacia la derecha y la pestañita blanca hacia la izquierda.
- Aplicar una máscara de desenfoque (Filtros -> Realzar -> Máscara de desenfoque) con valores altos tanto de radio como de cantidad. Variándolos puedes ver en la ventanita de previsualización el efecto que se va a aplicar.
- En una nueva imagen con fondo blanco, crear una nueva capa con dos bandas negras arriba y abajo (seleccionando con la herramienta de selecciones rectangulares y arrastrando el color negro). En otra capa entre la blanca y las bandas, pegar el retrato que acabamos de retocar y situarlo en una posición que nos guste.
- Ruth-Peluqueria1.xcf (1,1MB) - la imagen en formato XCF del Gimp, donde cada paso seguido en el proceso es una capa diferente.
Crea tus propias viñetas de cómic con tus fotografías y el Gimp
11 de December de 2006
El resultado de crear el efecto es esta imagen (pulsa encima para verla más grande):
El proceso para conseguirlo es sencillo, y he creado un video tutorial para poder seguirlo más fácilmente, con audio y todo. El video es un AVI en formato DivX, de tamaño 21MB. Para descargarlo, haz click derecho en el enlace y selecciona Guardar destino como…
Descarga: video tutorial efecto cómic (AVI, 21MB)
En resumen, los pasos a seguir son:
- Crear un marco rectangular en una nueva capa, borrando las zonas de la zapatilla, la chancleta y la esquina del cajón flamenco, para crear ese efecto de volumen y de que los elementos de la imagen se salen del marco.
- En la capa de la fotografía, borrar (por detrás el fondo es una capa gris) las zonas que quedan fuera del marco, salvo la zapatilla y la chancleta.
- Duplicar la capa de la fotografía para trabajar sobre una copia. Aplicarle un Filtro -> Realzar -> Máscara de desenfoque subiendo los valores por defecto, mirando en la vista previa el resultado.
- Aplicarle ahora un Filtro -> Artísticos -> Viñeta, volviendo a jugar con los valores mirando la vista previa del filtro.
- Ya sólo queda el bocadillo. Creamos tres nubes siguiendo el mismo procedimiento, simplemente con diferente tamaño. Para crear una de ellas, creamos una capa nube y con la herramienta de selección de elipses dibujamos la forma de la nube. Rellenamos con color blanco. Sin quitar la selección, vamos a Seleccionar -> Agrandar la selección, la agrandamos 6 pixels, creamos una nueva capa que llamamos borde de nube y rellenamos la selección de color negro. Colocamos esta capa debajo de la nube blanca, activamos esta última y la combinamos hacia abajo. Ya tenemos en una sola capa la nube blanca con el borde negro. Lo repetimos con otras dos nubes más pequeñas para crear el bocadillo.
- Pinchamos en la herramienta de textos, seleccionamos el color y la tipografía que nos interesan (hay un montón de tipografías de cómic en internet) y escribimos un texto dentro del bocadillo.
Descargas:
- imagen en formato XCF (Gimp) con todas las capas (2MB)
- video tutorial efecto cómic (AVI, 20MB)
Elena, una mirada
2 de December de 2006
Después de haberle llenado a la pobre Elena la cara de rajas y brechas, esta imagen intenta limpiar ese rostro radicalmente, llenándolo de delicadeza y porcelana. Y detrás de toda esa fragilidad, una mirada directa e hipnótica, provocadora, que hace de este retoque fotográfico uno de los que más me gustan.
Para conseguirlo, una vez obtenida la original, realicé el recorte de la imagen y el encuadre. Trabajando sobre una copia de la capa, convertí esa capa duplicada a blanco y negro, y después borré los ojos y los labios. Así conseguí la toma en blanco y negro pero con colorización selectiva, en los ojos y en los labios. La capa de arriba muestra la toma en blanco y negro, salvo en las zonas donde la capa se ha borrado, que se ve la de color que queda detrás.
Teniendo seleccionada la de debajo (la que tiene color), tracé una selección a mano alzada de los ojos y les ajusté la intensidad del color desde el diálogo Capas -> Colores -> Tono y saturación. Como hay una selección activa, sólo se aplica el cambio de saturación sobre lo seleccionado. Le aumenté mucho la saturación para conseguir ese contraste sin perder el tono marrón. Para los labios es el mismo procedimiento, seleccionarlos aproximadamente con la herramienta de seleccionar regiones a mano y modificar la saturación.
Aplicando el mismo concepto, ya sólo quedaba crear ese efecto de piel de porcelana y suavidad en la cara. Duplicar la capa y aplicarle un desenfoque gaussiano de algunos pixels. Teniendo la capa desenfocada activa, con una brocha blanda se borran las partes que no sean la propia piel del rostro (ojos, labios, pelo, contornos de la nariz). Después, ajustando la opacidad de la capa se puede variar la intensidad del efecto.
Aplicar texturas en el Gimp: modos de capa
22 de November de 2006
Hay numerosos sitios por la red que explican maravillosamente cómo funcionan los modos de las capas tanto en Gimp como en Photoshop. Te recomiendo que le eches un vistazo al artículo publicado en Criterion, está explicado de manera muy sencilla y con ejemplos muy aclaratorios. En estos casos, los ejemplos son de vital importancia para entender en qué consiste exactamente un modo u otro, y las diferencias entre cada uno. Por tanto, lo mejor es saber un poco de qué va y después lanzarte a probar tú mismo.
En el Gimp, el modo de una capa puede cambiarse en el diálogo de Capas, donde pone “Modo:” puedes pinchar y aparece un desplegable con todos los modos disponibles para la capa que está seleccionada en ese momento.
Vamos a ver un par de ejemplos de cómo aplicar una textura (o lo que quiera aplicarse) sobre una imagen:
Para conseguir este montaje escogí una foto de Elena Lorés y quería conseguir ese efecto de piel desquebrajada, con rajas… una cara rota. El efecto está un poco exagerado, demasiadas rajas quizá, pero así se ve mucho mejor en el tutorial. Tuve que buscar fotografías de cosas que estuvieran rotas, corteza de árboles, paredes viejas con la pintura levantada…
Encontré esta, y sólo tuve que copiarla, pegarla en una nueva capa sobre el rostro de Elena, desaturarla y establecer el modo de la capa a Multiplicar. Con una brocha blanda, fui borrando las rajas sobre los labios (quería que se vieran intactos) y el resto de la capa que quedaba fuera de la cara.
Puedes descargarte el fichero elenaRota.xcf con las diferentes capas.
Para esta otra utilicé cuatro imágenes: un paisaje paradisíaco de no sé dónde, una palmera, un imagen con los colores de la bandera jamaicana y una foto de Sergio.
Después de recortar cada una de las imágenes, la situación de las capas en el montaje final queda: en el fondo, la capa con los colores de Jamaica y encima una capa en modo Multiplicar con el paisaje de la playa. Encima (tercera capa), la palmera recortada en una capa también en modo Multiplicar.
Por último, una capa más alta que las demás con la foto de Sergio en blanco y negro. Con el modo Multiplicar se transparentaba la playa en la cara, por lo que no me valía. El modo de capa Valor conseguía el efecto que yo quería.
Puedes descargarte el fichero sergioJamaicano.xcf con las diferentes capas.
The Cork Killer, una película de Guillermo Latorre y Enrique Cornago
3 de November de 2006
Kike (de beca Erasmus en Cork) me ha pasado una foto de su noche de Halloween en la que aparecía con unas pintas semejantes a las de la imagen. Ha sido retocado, pero tampoco creas que mucho. Daba ese miedo también en la fotografía original.
¿Y qué mejor manera de aprovechar la toma que crear una película de terror?
Ojo con el asesino de Cork, nunca vayas de Erasmus por aquellas tierras o ya sabes cuál será el final…
El retoque a Kike lo he hecho ajustando los niveles (Capa -> Colores -> Niveles), modificando la saturación (Capa -> Colores -> Tono y saturación) de los colores y aplicando una máscara de desenfoque (Filtros -> Realzar -> Máscara de Desenfoque).
Después de recortarlo mediante una máscara de capa, simplemente ha sido elegir una tipografía adecuada y varias imágenes por la red para la composición. Para la textura de las letras del título de la película, he colocado una capa con la textura deseada sobre la capa del texto, y he establecido el modo de la capa a Multiplicar. Corrigiendo la opacidad de la capa se consigue ese efecto.
