efecto obama (obamizar una foto)

MENÚ Principal

Puedes saltar este menú e ir al contenido

InicioYoBlogPortafolioProyectosÁlbumEnlacesDocumentos

Bitácora 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, más he tenido que esforzarme en conseguir.

La idea es conseguir el efecto Obama, el famoso póster a 4 colores de la candidatura a la presidencia de los Estados Unidos, a partir de cualquier retrato, deun modo sencillo y en pasos simples, gracias a Gimp. ;)

Bitácora de jEsuSdA: TUTORIAL GIMP: Efecto Obama (Obamizar una foto) http://www.jesusda.com/blog/index.php?id=361

1 de 29 29/11/2011 8:00

Cómo “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

Es una lástima que tengamos que prescindir del cuerpo de esta joven para el tutorial, pero las circunstancias nos lo exigen, así que tendremos que recortarsólo la parte de la cara :


3 de 29 29/11/2011 8:00

Una vez tenemos sólo el primer plano, realizaremos una selección desestimando el fondo.Podemos usar el lazo, la varita mágica y las Tijeras Inteligentes:


4 de 29 29/11/2011 8:00

Copiamos la selección y la pegamos como imagen nueva:


5 de 29 29/11/2011 8:00

Vemos que queda el fondo totalmente transparente. Justo como queríamos. ;)

Ahora vamos a convertir a blanco y negro la fotografía.


6 de 29 29/11/2011 8:00

Yo me he decantado por el mezclador de canales esta vez, pero vosotros podéis usar alguno de los métodos que ya hemos visto aquí en otros tutoriales:

Convertir una Imagen a Blanco y Negro IConvertir una Imagen a Blanco y Negro IIConvertir una Imagen a Blanco y Negro III

El resultado es satisfactorio:


7 de 29 29/11/2011 8:00

Ahora viene la parte mágica: empelaremos la herramienta POSTERIZAR (COLORES > POSTERIZAR) para reducir los colores de la imagen.

Recordad que los niveles de posterización deben ser 5:


8 de 29 29/11/2011 8:00

La imagen resultante es una combinación de 5 manchas de diferente tonalidad.

Observad que en la conversión han aparecido muchos puntos en las fronteras de cada mancha. Para proseguir, deberemos limpiar esas zonas, de forma quelas manchas queden compactas, uniformes y sin “ruido” extra.

Primera Limpieza:

Selecciona con la herramienta de SELECCIÓN POR COLOR (HERRAMIENTAS > HERRAMIENTAS DE SELECCIÓN > SELECCIÓN POR COLOR)


9 de 29 29/11/2011 8:00

una mancha de un color.

Expande la selección realizada 1 píxel (SELECCIONAR > AGRANDAR):

Y pinta con el bote de pintura la nueva selección del mismo color que el que tenía.

Repite el mismo proceso con las otras 4 manchas y eliminarás así la mayoría de píxeles sueltos.


10 de 29 29/11/2011 8:00

Segunda Limpieza:

Ahora no nos queda otra que eliminar los píxeles 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 píxeles sueltos que veas:


11 de 29 29/11/2011 8:00

Fijáos, en la imagen superior, en la diferencia que hay entre el mentón (aún sin limpiar) y el cuello (ya repasado con el pincel).

Coloreado:


12 de 29 29/11/2011 8:00

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

Con la herramienta de SELECCIÓN POR COLOR hacemos clic en la mancha de color negro y la coloreamos con EL BOTE DE PINTURA de colorrojo (#D61920).


13 de 29 29/11/2011 8:00

Procederemos de igual modo con la mancha gris más oscura, coloreándola de color azul oscuro (#00304B), y la siguiente mancha de color gris, empleandoel 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

Para rellenar la zona de gris claro, vamos a crear un patrón de relleno.

Para ello, creamos una nueva imagen (una de 10×10 píxeles servirá):

La coloreamos de color amarillo huevo (#FAE3A5) y creamos 3 selecciones rectangulares de 2 píxeles de altura, separadas por 2 píxeles cada una, quecolorearemos de azul claro (#70959E):


15 de 29 29/11/2011 8:00

Seleccionamos sólo las 2 ó 4 primeras franjas y las copiamos:


16 de 29 29/11/2011 8:00

Seleccionamos la herramienta del bote de pintura y en la paleta de configuración marcamos

Relleno con patrónPatrón de portapapeles (aparecerá por defecto)Rellenar la selección completamente


17 de 29 29/11/2011 8:00

Ahora volvemos a la imagen a obamizar, seleccionamos con la herramienta de SELECCIÓN POR COLOR la mancha gris clara y la coloreamos con elpatrón que acabamos de configurar con el BOTE DE PINTURA:


18 de 29 29/11/2011 8:00

Nos queda por colorear la mancha de color blanco.

Procederemos con la herramienta de SELECCIÓN POR COLOR y el BOTE DE PINTURA en modo habitual para colorearla de amarillo huevo(#FAE3A5):


19 de 29 29/11/2011 8:00

Ya sólo queda añadir una nueva capa y colorearla mitad de rojo, mitad de azul claro:


20 de 29 29/11/2011 8:00

La colocamos debajo del retrato y añadimos algunos detalles al gusto del consumidor…

¡Ya tenemos nuestro póster OBAMIZADO!:


21 de 29 29/11/2011 8:00

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


22 de 29 29/11/2011 8:00

Espero que os haya gustado tanto como a mi. ;)Nos vemos en el próximo tutorial de Gimp ;)

Cómo Instalar Gimp en Linux, Windows y MacOsMás Tutoriales de Gimp

— jEsuSdA 8)

Delicious Meneame Twitter Digg Reddit Facebook

Comentarios

Muy bueno el tutorial, aunque… quizás me quede con la primera foto XD

— Guillem · 12 junio 2009, 19:23 · #

1.

Que hermosa mujer! el tuto también! Thanks!

— willowman · 14 junio 2009, 01:52 · #

2.

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 · #

3.

impresionante, en hora buena

— heoft · 15 junio 2009, 20:43 · #

4.

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 · #

5.

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 descargueuna version mas avanzada: GIMP 2.6.9 y….ahi se rompio la magia…no me funciona nada, faltan drivers y procedimientos por todas partes. El sistema

6.


23 de 29 29/11/2011 8:00

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 enprofundidad del sistema, tienes alguna pista de donde puede estar el fallo???Saludos, muchas gracias ¡¡¡¡Bruno

— Bruno · 2 julio 2010, 01:03 · #

Hola @Bruno,

La versión 2.6.9 se supone que es una versión 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 configuración durante la actualización.

Puedes probar a desinstalar y reinstalar una versión anterior, pej. la 2.6.8.

Asegúrate 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 · #

7.

Gracias…¡¡¡¡He vuelto a la versión inicial 2.6 y poco a poco ire cambiando. Me lio bastante con incorporar nuevos scripts como el Reshyntesizer… pero todo seandara….Gracias de nuevo..¡¡¡

— Bruno · 2 julio 2010, 16:09 · #

8.

¡Hola JEsúSdA!

Soy docente de Primaria y me acerco al Gimp y al InKscape principalmente para uso didáctico en la escuela.Desearía saber cómo se llama el efecto que le has aplicado a la foto que usas para presentarte en este sitio, en la página “Quién soy” :http://www.jesusda.com/me/

También quisiera comentarte que sería interesante disponer de un tutorial para poder lograrlo con tu orientación.

¡Gracias por compartir tus conocimientos y, cordiales saludos!

9.


24 de 29 29/11/2011 8:00

— Amanda · 1 noviembre 2010, 00:56 · #

Hola Amanda,

La imagen que hay en la sección “Quién soy” no es ningún tipo de efecto.

Es una ilustración hecha desde cero con Inkscape. ;)

Salu2 de jEsuSdA 8)

— jEsuSdA 8) · 1 noviembre 2010, 20:21 · #

10.

¡Gracias jEsuSdA por tu pronta respuesta!Saludos nuevamente

— Amanda · 6 noviembre 2010, 23:17 · #

11.

Gracias por el tutorial, pero, te puedo sugerir que en lugar de hacer dos limpiezas, después de pasterizar la foto, solo apliques el filtro de oleo. funcionaigual el efecto y hasta puede llegar a ser mas natural.

— Brandon · 25 mayo 2011, 03:44 · #

12.

Interesante sugerencia @Brando, en cuanto pueda la pruebo.

Salu2 de jEsuSdA 8)

— jEsuSdA 8) · 3 junio 2011, 13:46 · #

13.

oye una pregunta: que fuente has utilizado para el texto? he estado probando con algunas pero no encuentro cual es…

por cierto, magníficos todos tus tutoriales.

— Noel · 25 agosto 2011, 13:57 · #

14.

Nombre Recordar

Email

Web


25 de 29 29/11/2011 8:00

Mensaje

Ayuda Textile

JUEGO: BOS Wars | Escuchando... "Hot Chip"

INICIO

Buscar en el Blog

Búsqueda:

Cosicas...

hace 5 días comenté, Google homenajea a Stanislaw Lem, con un "doodle" animado del científico "loco" | http://t.co/RkFrbdLP vía@gacetanoroeste


26 de 29 29/11/2011 8:00

Sindicación

Artículos RSSArtículos AtomComentariosIdenti.caTwitterEscuchando...

Enlaces recomendados

Luis Daniel Felipe

Andres Javier Pablo

jesusda.com onFacebook

201 people like jesusda.com.

Like

Facebook social plugin


27 de 29 29/11/2011 8:00

Blog antiguo

Planet Murcia

Dia-D

Categorías

brevesculturadiseño gráfico 2Ddiseño gráfico 3Ddiseño webencuestasenlacesgnu/linuxhumorinstantáneasjuegosmicrosoft y monopoliosopiniónpolíticaproductividad

Humor Geek


28 de 29 29/11/2011 8:00

Bilo y Nano

Linux Hispano

InicioYoBlogPortafolioProyectosÁlbumEnlacesDocumentos

Contacto Información sobre esta Web MapaWeb Creative Commons


29 de 29 29/11/2011 8:00

efecto obama (obamizar una foto)

Documents