Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

MEN Principal
Puedes saltar este men e ir al contenido Inicio Yo Blog Portafolio Proyectos lbum Enlaces Documentos

Bitcora de jEsuSdA
TUTORIAL GIMP: Efecto Obama (Obamizar una foto) 12 junio 2009, 15:44

El tutorial que os presento hoy es uno de mis favoritos y uno del que, confieso, ms he tenido que esforzarme en conseguir. La idea es conseguir el efecto Obama, el famoso pster a 4 colores de la candidatura a la presidencia de los Estados Unidos, a partir de cualquier retrato, de un modo sencillo y en pasos simples, gracias a Gimp. ;)

1 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Cmo Obamizar un retrato: el efecto Obama Para este tutorial usaremos la imagen titulada Custo LA 19, original de Vincent Boiteau:

2 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Es una lstima que tengamos que prescindir del cuerpo de esta joven para el tutorial, pero las circunstancias nos lo exigen, as que tendremos que recortar slo la parte de la cara :

3 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Una vez tenemos slo el primer plano, realizaremos una seleccin desestimando el fondo. Podemos usar el lazo, la varita mgica y las Tijeras Inteligentes:

4 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Copiamos la seleccin y la pegamos como imagen nueva:

5 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Vemos que queda el fondo totalmente transparente. Justo como queramos. ;) Ahora vamos a convertir a blanco y negro la fotografa.
6 de 29 29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Yo me he decantado por el mezclador de canales esta vez, pero vosotros podis usar alguno de los mtodos que ya hemos visto aqu en otros tutoriales: Convertir una Imagen a Blanco y Negro I Convertir una Imagen a Blanco y Negro II Convertir una Imagen a Blanco y Negro III

El resultado es satisfactorio:

7 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Ahora viene la parte mgica: empelaremos la herramienta POSTERIZAR (COLORES > POSTERIZAR) para reducir los colores de la imagen. Recordad que los niveles de posterizacin deben ser 5:
8 de 29 29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

La imagen resultante es una combinacin de 5 manchas de diferente tonalidad. Observad que en la conversin han aparecido muchos puntos en las fronteras de cada mancha. Para proseguir, deberemos limpiar esas zonas, de forma que las manchas queden compactas, uniformes y sin ruido extra.

Primera Limpieza:
Selecciona con la herramienta de SELECCIN POR COLOR (HERRAMIENTAS > HERRAMIENTAS DE SELECCIN > SELECCIN POR COLOR)

9 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

una mancha de un color. Expande la seleccin realizada 1 pxel (SELECCIONAR > AGRANDAR):

Y pinta con el bote de pintura la nueva seleccin del mismo color que el que tena. Repite el mismo proceso con las otras 4 manchas y eliminars as la mayora de pxeles sueltos.

10 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Segunda Limpieza:
Ahora no nos queda otra que eliminar los pxeles y bordes irregulares a mano con el pincel. Selecciona un pincel de punta dura:

Y ve poco a poco perfilando los bordes y borrando aquellos pxeles sueltos que veas:

11 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Fijos, en la imagen superior, en la diferencia que hay entre el mentn (an sin limpiar) y el cuello (ya repasado con el pincel).

Coloreado:

12 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Concluida la limpieza ya tenemos nuestra imagen totalmente lista para ser coloreada:

Con la herramienta de SELECCIN POR COLOR hacemos clic en la mancha de color negro y la coloreamos con EL BOTE DE PINTURA de color rojo (#D61920).
13 de 29 29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Procederemos de igual modo con la mancha gris ms oscura, colorendola de color azul oscuro (#00304B), y la siguiente mancha de color gris, empleando el color azul claro (#70959E). Nos dejamos la zona de color gris claro sin tocar, y as queda:

14 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Para rellenar la zona de gris claro, vamos a crear un patrn de relleno. Para ello, creamos una nueva imagen (una de 1010 pxeles servir):

La coloreamos de color amarillo huevo (#FAE3A5) y creamos 3 selecciones rectangulares de 2 pxeles de altura, separadas por 2 pxeles cada una, que colorearemos de azul claro (#70959E):

15 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Seleccionamos slo las 2 4 primeras franjas y las copiamos:

16 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Seleccionamos la herramienta del bote de pintura y en la paleta de configuracin marcamos Relleno con patrn Patrn de portapapeles (aparecer por defecto) Rellenar la seleccin completamente

17 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Ahora volvemos a la imagen a obamizar, seleccionamos con la herramienta de SELECCIN POR COLOR la mancha gris clara y la coloreamos con el patrn que acabamos de configurar con el BOTE DE PINTURA:

18 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Nos queda por colorear la mancha de color blanco. Procederemos con la herramienta de SELECCIN POR COLOR y el BOTE DE PINTURA en modo habitual para colorearla de amarillo huevo (#FAE3A5):
19 de 29 29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Ya slo queda aadir una nueva capa y colorearla mitad de rojo, mitad de azul claro:

20 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

La colocamos debajo del retrato y aadimos algunos detalles al gusto del consumidor Ya tenemos nuestro pster OBAMIZADO!:

21 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Realmente genial! Uno de mis trucos favoritos, sin duda!

22 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Espero que os haya gustado tanto como a mi. ;) Nos vemos en el prximo tutorial de Gimp ;) Cmo Instalar Gimp en Linux, Windows y MacOs Ms Tutoriales de Gimp jEsuSdA 8) Delicious Meneame Twitter Digg Reddit Facebook

Comentarios
1. Muy bueno el tutorial, aunque quizs me quede con la primera foto XD Guillem 12 junio 2009, 19:23 # 2. Que hermosa mujer! el tuto tambin! Thanks! willowman 14 junio 2009, 01:52 # 3. Ademas, para entusiastas aprendices de grafica digital como yo, te muestra una serie de variantes que puedes hacer Saludos desde Chile Alepando 15 junio 2009, 04:21 # 4. impresionante, en hora buena heoft 15 junio 2009, 20:43 # 5. GENIO!! Muy pero muy buenos tutoriales!! Ahora por fin podr sacarle el jugo al GIMP!! Muchas gracias man!! Saludos!! XD rafeviper 17 marzo 2010, 06:13 # 6. Hola.. he estado siguiendo tus tutoriales e incluso me lance a hacer cosas nuevas, estaba usando desde hace tiempo el GIMP 2.6, asi q me descargue una version mas avanzada: GIMP 2.6.9 y.ahi se rompio la magiano me funciona nada, faltan drivers y procedimientos por todas partes. El sistema
23 de 29 29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

operatico de mi PC es Windows XP y no me habia dado ningun problema con la version anterior. Disculpa por la pregunta, pero como conocedor en profundidad del sistema, tienes alguna pista de donde puede estar el fallo??? Saludos, muchas gracias Bruno Bruno 2 julio 2010, 01:03 # 7. Hola @Bruno, La versin 2.6.9 se supone que es una versin con bugs corregidos, sin que lleve nada nuevo respecto a las anteriores. Si al instalarla no te funciona, tal vez el instalador est estropeado o se hayan perdido los archivos de configuracin durante la actualizacin. Puedes probar a desinstalar y reinstalar una versin anterior, pej. la 2.6.8. Asegrate de bajar el nuevo instalador de la web oficial: www.gimp.org Suerte y nimo. Salu2 de jEsuSdA 8) jEsuSdA 8) 2 julio 2010, 07:27 # 8. Gracias He vuelto a la versin inicial 2.6 y poco a poco ire cambiando. Me lio bastante con incorporar nuevos scripts como el Reshyntesizer pero todo se andara. Gracias de nuevo.. Bruno 2 julio 2010, 16:09 # 9. Hola JEsSdA! Soy docente de Primaria y me acerco al Gimp y al InKscape principalmente para uso didctico en la escuela. Deseara saber cmo se llama el efecto que le has aplicado a la foto que usas para presentarte en este sitio, en la pgina Quin soy : http://www.jesusda.com/me/ Tambin quisiera comentarte que sera interesante disponer de un tutorial para poder lograrlo con tu orientacin. Gracias por compartir tus conocimientos y, cordiales saludos!

24 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Amanda 1 noviembre 2010, 00:56 # 10. Hola Amanda, La imagen que hay en la seccin Quin soy no es ningn tipo de efecto. Es una ilustracin hecha desde cero con Inkscape. ;) Salu2 de jEsuSdA 8) jEsuSdA 8) 1 noviembre 2010, 20:21 # 11. Gracias jEsuSdA por tu pronta respuesta! Saludos nuevamente Amanda 6 noviembre 2010, 23:17 # 12. Gracias por el tutorial, pero, te puedo sugerir que en lugar de hacer dos limpiezas, despus de pasterizar la foto, solo apliques el filtro de oleo. funciona igual el efecto y hasta puede llegar a ser mas natural. Brandon 25 mayo 2011, 03:44 # 13. Interesante sugerencia @Brando, en cuanto pueda la pruebo. Salu2 de jEsuSdA 8) jEsuSdA 8) 3 junio 2011, 13:46 # 14. oye una pregunta: que fuente has utilizado para el texto? he estado probando con algunas pero no encuentro cual es por cierto, magnficos todos tus tutoriales. Noel 25 agosto 2011, 13:57 # Nombre Email Web Recordar

25 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Mensaje Ayuda Textile JUEGO: BOS Wars | Escuchando... "Hot Chip" INICIO Buscar en el Blog Bsqueda:

Cosicas... hace 5 das coment, Google homenajea a Stanislaw Lem, con un "doodle" animado del cientfico "loco" | http://t.co/RkFrbdLP va @gacetanoroeste

26 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

jesusda.com on
Facebook Like 201 people like jesusda.com.

Luis

Daniel

Felipe

Andres Javier Facebook social plugin

Pablo

Sindicacin Artculos RSS Artculos Atom Comentarios Identi.ca Twitter Escuchando...

Enlaces recomendados

27 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Blog antiguo Planet Murcia Dia-D Categoras breves cultura diseo grfico 2D diseo grfico 3D diseo web encuestas enlaces gnu/linux humor instantneas juegos microsoft y monopolios opinin poltica productividad

Humor Geek

28 de 29

29/11/2011 8:00

Bitcora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto)

http://www.jesusda.com/blog/index.php?id=361

Bilo y Nano

Linux Hispano

Inicio Yo Blog Portafolio Proyectos lbum Enlaces Documentos Contacto Informacin sobre esta Web MapaWeb Creative Commons

29 de 29

29/11/2011 8:00