Tutorial: Perfila imágenes con un par de clics

   Diseño Web, Herramientas, Tips Avanzados, Diseño Gráfico, Fireworks, Photoshop   March 30th, 2007   Enviar por e-mail
5 Votes | Average: 3.8 out of 45 Votes | Average: 3.8 out of 45 Votes | Average: 3.8 out of 45 Votes | Average: 3.8 out of 4 (5 votos, promedio: 3.8 de 4)
Loading ... Loading ...

En este sencillo tutorial les explicaré como "siluetear" o perfilar una imagen aprovechando el potencial de los filtros (en este caso el "Blending Mode").

Los pasos son muy sencillos y no requieren conocimientos avanzados en el uso de programas de diseño, sin embargo los resultados son excelentes y sobre todo ahorran mucho tiempo en la tediosa labor de siluetear imágenes para utilizarlas en algún diseño.

TUTORIAL PASO A PASO

¿Qué necesitamos?

Empecemos entonces…
1) Abrimos en Fireworks (Photoshop) una imagen/foto, la cual queremos ubicar sobre una superficie de otro color o bien otra foto, por lo que requerimos perfilarla para evitar el fondo blanco de la misma. En este caso tomemos esta imagen.

 

2) Notamos que la foto no es 100% blanca en su fondo, por lo que podemos optar por corregir esto antes de aplicar el filtro.

3) Seleccionamos la foto y utilizamos los "Levels" para corregir el tono/intensidad del blanco.

Movemos la flecha de la derecha hacia la izquierda hasta obtener el efecto de blancura deseado en la foto en cuestión.

4) Una vez listo este paso, procedemos a ubicar la foto escogida sobre una superficie (cualquiera que se vaya a utilizar). En este caso vamos a utilizar un "degradé" de verde a gris.

5) El siguiente paso es el paso clave para lograr el efecto deseado y es tan simple como esto:

  • Seleccionar la foto
  • En el panel de propiedades (parte inferior de Fireworks en este caso), hacer clic en "Blending Mode" y seleccionar "Multiply"

6) Listo! La foto quedará totalmente libre de toda area blanca dejándola perfectamente perfilada.

¿Qué fue lo que sucedió?

El Blending Mode Multiply hace precisamente eso, multiplicar colores de la imagen seleccionada con la imagen que está inmediatamente debajo. Todo lo que se multiplica por color blanco desaparece en la imagen seleccionada. Lo que está hacia el otro extremos del espectro, osea negro, permanece.

Esta técnica permite perfilar imágenes de una manera no destructiva, y con mucha más precisión que con otros métodos, que también son buenos y aplican para otras situaciones, como el "Extract" en Photoshop (ya veremos más de esto en un próximo post).

Limitaciones

Funciona con imágenes en fondo blanco.

Suscríbete a los comentarios con RSS RSS o haz un Trackback TrackBack a 'Tutorial: Perfila imágenes con un par de clics'.

4 Comentarios en 'Tutorial: Perfila imágenes con un par de clics'

    Ya lo probé y resultó… Sólo con fondo blanco sirve? y si la imagen que quiero siluetear también tiene blanco en el interior, éste desaparece y es sustituido por la otra capa?

    |-| | March 30th, 2007 a las 2:14 pm

    Guardado en favoritos…lo tendré muy en cuenta!

    Xavier Donoso | March 30th, 2007 a las 3:46 pm

    El filtro sólo aplica para la capa superior (osea la imagen seleccionada). Lo que está debajo permanece como está.

    Realmente la limitación que tiene esta técnica es la de funcionar sólo para “desaparecer” el blanco (gradualemente hacia negro) de una imagen.

    Michael Müller | April 1st, 2007 a las 2:15 am

    El problema con este método es que se pierde mucha información de color de la imagen superpuesta con el método de mezcla multiplicar no? Fijaros en la parte que va en la nariz de platico, es gris, pero con la mezcla se torna verdosa.

    Es un método válido sólo si no te importa esto.

    kerman | January 5th, 2008 a las 12:45 pm

Comenta aquí

XHTML: Puedes usa estos tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>



Populares


Comentarios Recientes


Artículos Anteriores


Los Temas


Archivos

Acerca del Autor

Michael Müller C. es un diseñador y desarrollador de sitios web radicado en Guayaquil, Ecuador. Creador de MMC Design en 1998 y de Iconiza en el 2007.


Del Portafolio


Lo que leo


Servicios


Contribuye

¿Te ha servido la información de este blog? Considera hacer una donación a través de:

Conoce más recomendaciones personales de libros relacionados con Diseño y Desarrollo Web en Amazon.


MMC Design | michaelmuller.net | Diseño y Desarrollo Web
Macromedia Certified Developer
MMC Design