Tutorial sobre selecciones complejas con Photoshop CS5

present

Una de las cosas que mas me han pedido que explique en este último tiempo es como seleccionar elementos complejos e irregulares  como cabellos. Si bien habíamos visto un tutorial hace tiempo sobre selecciones mediante canales, Photoshop CS5 trajo entre sus novedades la herramienta de “Perfeccionar máscara“, lo que nos ahorrará mucho tiempo y nos dejará boquiabierto con los resultados.

Antes de comenzar el tutorial deseo agradecer a Agustina, quien por su intermedio a hecho que la gente de Adobe me envíe el Adobe Master Collection.

Las imágenes que se utilizaron para este tutorial son de stock.xchng:

Ahora si, comencemos:

imagen1

Como ven en la imagen, la modelo tiene un cabello que tiempo atrás hubiera sido un dolor de cabeza. Lo que intentaremos entonces es modificar el fondo manteniendo a la modelo en primer plano y con todo su cabello intacto.

1. Realizando la selección

Comenzamos por realizar una selección del personaje con la herramienta que nos haga sentir mas cómodo. Puede ser la pluma, el lazo poligonal o cualquier otra forma. Antes de comenzar, tengamos en cuenta de dejar en 1 o 2 px el “Feather“, ubicado en la parte superior una vez seleccionada la herramienta de selección (valga la redundancia). Esto hará que nuestra selección no sea dura, sino que su terminación sea mas suave. Mas adelante podremos modificarlo, pero si nos acostumbramos desde el comienzo… mejor.

Cuando lleguemos a la parte del cabello, haremos una selección rápida de la zona (como se ve en la imagen 2), sin entrar en detalles.

imagen2 e1280267280385

2. Máscaras, nuestras mejores aliadas

El título de este punto lo dice todo. Muchas veces habrán escuchado hablar de trabajar en forma no destructiva. Las máscaras permiten justamente eso, recortar una imagen (en este caso) sin afectar la fotografía original. Para los que recién comienzan, les recomiendo este tutorial sobre máscaras.

Una vez realizada la selección iremos al panel “Máscaras“, el cual pueden encontrarlo a la derecha con el típico símbolo de la máscara mask1 o bien si no se encuentra, desde el menú principal Ventana > Máscara podemos abrir el panel.

imagen4Si bien las imágenes están en inglés (a caballo regalado no se le miran los dientes) creo que todos podrán seguir el tutorial.

Lo que vemos aquí es el panel en cuestión, desde donde tendremos la posibilidad de aplicar la máscara a la selección realizada, realizar una máscara vectorial y modificar ciertos parámetros de la misma (entre los cuales se encuentra el mencionado “Feather“).

Con un círculo rojo he marcado la opción desde donde aplicaremos la máscara a la selección. Una vez hecho ésto, automáticamente ocultará lo que hemos dejado fuera, dejando la selección extraída de su fondo.

Los valores Density y Feather los dejaremos como están ya que lo que nos interesa en este tutorial es “Mask Edge“… definir el borde de la máscara.

3. Hora de la magia!

Aquí viene lo bueno. Iremos a la opción “Mask Edge” (borde de la máscara) dentro del panel de máscaras en donde nos aparecerá la siguiente ventana.

imagen51

En esta ventana podremos trabajar la máscara a nuestro antojo. Inicialmente vemos que se encuentra el recuadro de Modo de Visualización, en donde podremos optar varias opciones. Pero en este caso utilizaremos la de la imagen ya que resaltará mejor la extracción del cabello.

En la imagen he marcado 3 factores a tener en cuenta (el resto es solo cuestión de probar… cada imagen es un mundo aparte y no siempre todo funciona de la misma manera). El primero es el radio de detección del borde. Siempre es bueno agregar un leve radio si la imagen tiene un fondo complejo ya que mucho radio haría que nos tome otros objetos y nada de radio dejaría detalles del objeto a enmascarar. Por lo tanto, 0.5 px es un buen número para esta ocasión.

Por otro lado se encuentra la opción de “Descontaminar colores“. Muchas veces los bordes de los objetos toman algo de color del fondo o su entorno, ya sea por la iluminación de la fotografía, la calidad de la misma, etc. Esto hará que si el cabello es rubio como en este caso, no se filtre un verde de los árboles o celeste del cielo. Photoshop intentará extraer el objeto con su color original.

Por último, encontraremos en forma de pincel la herramienta para refinar los bordes. La forma de utilizar es muy simple, pasaremos el pincel sobre el borde del cabello, intentando hallar lo que la máscara aún no muestra. Si el tamaño del pincel es chico, recuerden que en la parte superior se encuentra la opción para modificarlo.

De esta forma, iremos viendo que el pincel va detectando el cabello.

imagen6

Si en el transcurso de este paso vemos que el pincel muestra algún otro detalle que no deseamos, entonces presionaremos la tecla Alt y al pintar lo que estaremos haciendo es borrar esa parte no deseada.

Una vez que hallamos realizado todo el trabajo, le damos OK y veremos como nuestra imagen ha perfeccionado el borde de su máscara:

imagen71

Solo resta probarla con un fondo.

4. Retoques finales

Probaremos con un fondo con desenfoque como en la imagen original. Para esto tomamos la imagen del paisaje y la ponemos, obviamente, en una capa por debajo de la modelo con la máscara.

En este caso en particular, bajaré un poco a la modelo ya que el recorte de las piernas no fue nuestra preocupación principal y en esta imagen queda bien al pie.

imagen8

Como pueden ver, los resultados de esta nueva particularidad de Photoshop CS5 son simplemente fantásticos. Basta con ver la punta del cabello para darse cuenta de ésto.

A modo de finalizar la imagen de alguna manera, he convertido la imagen del paisaje para Filtros Inteligentes (de forma tal de seguir con una composición no destructiva) y he aplicado un Blur gaussiano de 10px.

imagen9

El mismo proceso hice con la modelo. Solo que esta vez el blur gaussiano fue de 1.5px y aproveché la máscara que otorga el filtro inteligente para ocultar todo el blur (pintando de negro la máscara) y solo aplicar el desenfoque a la punta del cabello, con el fin de fusionar mas la imagen. Un pequeño detalle para detallistas.

Por último, aprovechando el amarillo del cabello y del pasto de fondo, cree una capa de ajuste de Tono / Saturación, tildé la casilla “Colorizar” y jugué un poco con los valores hasta llegar a un tono zepia. A esa capa cambié el modo de fusión a Luz Suave y listo… finalizado el trabajo.

imagen10

Espero que les haya gustado el tutorial y que facilite el trabajo diario.

Diego Mattei

Diseñador autodidacta freelance ensañado con ayudar a estudiantes y colegas en la búsqueda de recursos y materiales útiles para el aprendizaje diario. Amante del arte digital y la fotografía. Desde hace algunos años me dedico al blogging, una pasión que descubrí y que no pienso dejarla.

Seguir leyendo otras publicaciones

Post navigation

26 Comentarios

  • Que tutorial mas bueno! esta increible! cuando yo usaba el CS4 era un infierno recortar imagenes sobretodo cuando habia cabello involucrado, pero ahora me doy cuenta que es mas facil (:
    muchas gracias diego, te pasaste!

  • Excelente tuto, lo ideal sería añadir un link a un vídeo completo (incluyendo la parte del desenfoque).
    Gracias,

  • Diego, gracias por compartir tus conocimientos.
    Excelente tutorial. Veo que sí lo lograré ya que soy nueva en esto.
    Buen fin de semana!
    Paloma

  • Sencillamente excelente, muy buena explicación, muy buen tutorial y un muy buen trabajo final.
    he quedado sorprendido con esta forma de selección que nos enseñaste, es sumamente útil.
    Un abrazo!!!

  • Excelente tutorial Diego, gracias por compartirlo, siempre es bienvenido.
    Saludos,

  • Es sencillamente practico y genial, ya existian programas que hacian ese trabajo pero como Plugins, ahora que ya esta integrado es genial! Gracias por todo Diego…

  • Quien no ha batallado con el cabello o con algún tipo de objeto similar, pero tú has rebelado el truco, muchas gracias!!!

  • Hey soy nuevo por aka, buen tutorial men!!!
    saludos desde mexico, para precisar desde tamaulipas, aca del Norte!!!

  • Muy bueno Dieguito, es totalmente util y explicado muy sencillamente!
    un abrazo de gol como diria mi amigo Cattaneo.

  • hacia tiempo que no te visitaba el blog , felicidades por que veo que la calidad va en aumento

  • Excelente los aportes, gracias a tu blog he aprendido muchisimo, tengo una pregunta, conoces un porblema que se presenta con el phoitoshop y el windows 7 que cada que se escoje una seleccion cortada y se la mueve me da un error de appcrash o BEX que ha sido un dolor de cabeza para mi, si de pronto conoces algo, crees que puedes ayudarme??

    • Todavia no me he pasado al Seven, por lo que no sabría decirte que puede ser Jose…. aunque me suena mas a un problema de la versión. Es original el CS5?

  • gracias diego me será de mucha ayuda como a todos y a nombre de todos te vuelvo a agradecer por el tiempo dedicado a nosotros tus lectores.

    esta excelente el tutorial y muy bien explicado.

  • Excelente! Cada el día el CS5 me gusta mas, si bien estas funciones ya estaban en versiones anteriores, las mejoras que les hicieron son muy importantes! Gracias!

  • Excelente, Gracias Diego,es un programa increible este, ya descubri varias cosas, esto aun no lo habia visto.

Comentarios cerrados.

Avee Black. Fuente tipográfica moderna

Superposiciones gratuitas para Photoshop

Colección de fuentes del viejo oeste

Nuevo mockup para identidad corporativa