Mostrando entradas con la etiqueta Siluetas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Siluetas. Mostrar todas las entradas
20 febrero, 2019

Tutorial: siluetear pelo en todo tipo de fondos

Vamos a recoger hoy una guía paso a paso bastante completa, que nos ayudará mucho a la hora de recortar el cabello de personas en fotografías. Así pues hacerles la silueta, eliminando el fondo de la imagen y quedándonos solo con el personaje. Todo mediante Photoshop, naturalmente.

El presente tutorial, centrado específicamente en el recorte de cabellos, es una obra original de Chris Spooner, un diseñador y profesional gráfico realmente bueno, del que hemos hablado otras veces en el pasado (su blog profesional es uno de nuestros sitios recomendados). En este caso se trata de un artículo que publicó no hace mucho, titulado How To Cut Out Hair in Photoshop (Even Difficult Backgrounds) ("Cómo recortar pelo en Photoshop, incluso en fondos difíciles").

Bien, lo que haremos será traducir -de forma libre- dicha guía, aportando nuestras propias impresiones y comentarios. Como sabe cualquiera que haya recortado el pelo de una persona en una foto, es casi siempre lo más difícil de siluetear, a no ser que se trate de un peinado recogido, con gel fijador o de contorno muy regular. De lo contrario, tendremos que ir literalmente mechón por mechón, si lo hacemos manualmente (lo cual puede ser incluso imposible si hay muchos cabellos sueltos demasiado finos).

Afortunadamente, existen buenas técnicas casi automáticas usando Photoshop para esto, que nos ayudarán en gran medida. Lo cierto es que es un trabajo que puede hacerse de muchas formas, pero las empleadas por Spooner en su tutorial son bastante prácticas y fáciles de seguir (ojo, es un tutorial de nivel medio/avanzado, serán sencillas de seguir para usuarios habituales del programa de Adobe, no tanto para novat@s).

Sin más, vamos con la guía. Lo que hace Spooner es usar técnicas diferentes en función del tipo de fondo y longitud o tipo de pelo. Vamos pues a ver cada caso:

Recortar cabellos cortos con buen contraste.

Spooner parte de esta fotografía (créditos: Ayo Ogunseinde), como puede verse relativamente con buen contraste entre el sujeto y el fondo:

Uno de los trabajos más difíciles en este tipo de edición gráfica es, en efecto, siluetear a una persona ante un fondo oscuro o muy detallado, típicos de los escenarios reales (a diferencia de las limpias fotos de estudio). Se debe a que suele existir muy poco contraste entre el pelo y el fondo, de forma que las herramientas de selección automática no funcionan bien.

En caso de que la fotografía tenga, como en este caso, un cierto contraste entre la persona y el fondo, y el cabello no sea además demasiado largo o complicado, puede venir muy bien esta técnica. Es bastante sencilla. Los pasos son los siguientes:

1. Usar la herramienta de "Selección rápida" (Quick Selection, W).

Con esta herramienta (ocupa la misma posición que "Varita mágica"), resulta sencillo hacer una selección rápida grosso modo de la silueta. Pueden corregirse posibles errores pulsando la tecla ALT, para eliminar partes seleccionadas de más, o afinar más todavía con otras herramientas como "Lazo", "Lazo poligonal", etc.

2. Aplicar a la selección una Máscara de capa (Layer Mask). Ojo que esta es una parte fundamental del proceso. No podremos hacerlo sin convertir a su vez en capa nuestra imagen, así pues en el panel de capas haremos doble clic sobre la misma, para pasarla de fondo a Capa 0.

Una vez hecho esto, podremos añadir una máscara de capa a nuestra selección pulsando en el botón correspondiente en el panel de capas. Y así tendremos ya recortado el personaje, aunque de forma basta y poco precisa.

3. Refinar y perfeccionar el silueteado. Hay algunas buenas formas de hacer esto de forma automática. Si nuestra versión de Photoshop es lo bastante avanzada, Spooner propone usar herramientas como el Pincel para perfeccionar bordes (Refine Edge brush). Para ello, haremos clic con el botón derecho en el panel de capas, en la miniatura de la máscara, y seleccionaremos Seleccionar y aplicar máscara (Select and Mask). Así accederemos a algunas opciones avanzadas para refinar el recorte.

Si nuestra versión del programa no dispone de estas herramientas no pasa nada. Podemos usar, sencillamente, el panel Perfeccionar borde. En el mismo punto en el que estábamos. Así pues, en el menú "Selección" elegiremos esta herramienta (o directamente pulsando ALT + CMD/CTRL + R). Este panel nos permitirá suavizar y afinar la selección, con buen resultado.

Recortar cabellos largos en fondos limpios.

Esta otra técnica vendrá muy bien para cabellos más complicados, con mechones e incluso cabellos sueltos. Funciona bastante bien, siempre y cuando el fondo sea limpio y uniforme (en caso contrario, también podemos realizar un trabajo previo en dicho fondo, para uniformizarlo todo lo posible, al menos en la parte que rodea al personaje, y luego proceder con esta técnica).

Para hacer el ejemplo Spooner parte de la siguiente imagen de Shutterstock (créditos: A Happy Guy in Spectacles):

Como puede verse, el cabello largo tiene muchas hebras finas, de forma que es imposible dibujar una selección de todos ellos sin coger también parte del fondo. Afortunadamente, el "método de los canales" -así denominado por Spooner- proporciona resultados perfectos. La técnica consiste en lo siguiente:

1. Localizar el canal con mayor contraste. En el panel "Canales", encontrar el canal con el mayor contraste. En el ejemplo, el cabello más oscuro y contrastado está en el canal azul del RGB. Haremos pues un duplicado de dicho canal, arrastrándolo sencillamente al icono "Crear canal Nuevo" (o clic derecho sobre el mismo y elegir "Duplicar canal"). Acto seguido desactivaremos los canales normales RGB y actuaremos sobre el duplicado nuevo.

2. Dar más contraste todavía. El siguiente paso será dar todavía más contraste a la imagen, el máximo posible. Esto lo haremos mediante los Niveles, Curvas, etc. Como más acostumbrados estemos. El objetivo es que el pelo quede lo más oscuro y contrastado posible respecto al fondo. De hecho, seleccionaremos el fondo como punto blanco (esto puede hacerse con el gotero en el panel de niveles, y de otras formas). También podremos subexponer directamente el cabello, con la herramienta correspondiente. En definitiva, oscurecer y contrastar todo lo que podamos con cuidado siempre de no perder el detalle del cabello.

3. Pintar de negro toda la silueta. Una vez contrastada al máximo nuestra figura, el siguiente paso será, sencillamente, pintarla por completo de negro con el pincel (o cualquier otra herramienta). Afortunadamente, el pelo ya será de dicho color, debido al paso anterior. Así pues será fácil.

4. Seleccionar y eliminar el fondo. Una vez pintada la silueta, nada más fácil que seleccionar el fondo, sencillamente pulsando CMD/CTRL mientras clicamos en la miniatura de nuestro canal duplicado (en el panel Canales por tanto).

Se cargará la selección, y podremos quitar el fondo con total facilidad, sencillamente pulsando la tecla de borrar del teclado. Eso sí, antes activaremos los tres canales RGB, para que se borre la parte seleccionada en la foto real, no en el canal duplicado. El resultado es buenísimo, es un método genial (también funciona en cabello largo).

Recortar cabellos en fondos difíciles (sin contraste, con mucho detalle, etc).

Por último, Spooner explica algunas técnicas para el caso que faltaba: el de tener que "lidiar" con fondos realmente difíciles. Por tanto heterogéneos, de poco o nulo contraste respecto al cabello, con zonas de sombra/luz... Todo lo contrario a una limpia foto de estudio.

Bien, estos procedimientos son realmente avanzados, pues en realidad implican "pintar" directamente sobre la fotografía. No es algo muy recomendable, y desde luego para nada "automático". Es un procedimiento totalmente manual, que requiere de una alta habilidad y experiencia.

Sea como sea, si no existe ningún contraste entre el pelo y el fondo no es posible que Photoshop los diferencie, con lo que no se puede hacer otra cosa que la acción manual. Así pues lo explicaremos.

Por ejemplo, podemos tener una foto de este tipo (con fondo muy detallado de luces y sombras):

Lo que propone Spooner es, básicamente, recortar la silueta a grandes rasgos, sin excesivo detalle, y luego pintar directamente cabellos. Es algo muy complicado, como hemos comentado.

Tras copiar la selección a una nueva capa, ha pintado toda una serie de nuevos cabellos con la herramienta "Dedo" (R). La verdad es que le ha quedado bien (abstenerse personas que no sean auténticos artistas digitales).

Spooner pone otro ejemplo, con cabellos largos. En este caso emplea otra técnica, consistente en usar pinceles de cabellos (archivos .ABR, recursos gratuitos que pueden encontrarse en internet, aquí mismo en La Grafiteca hemos reseñado varios sets interesantes).

Como puede verse, lo que ha hecho ha sido, en primer lugar, seleccionar la silueta a grandes rasgos con algo de desvanecimiento (degradado de transparencia), perdiendo bastante pelo de la fotografía original. A continuación, usando estos pinceles gratuitos, ha añadido mechones, hasta conseguir un resultado natural. Le ha quedado muy bien, pero es algo bastante difícil, una vez más.

Recortar cabellos muy rizados.

Finalmente, el diseñador y editor británico explica una última técnica, que tampoco es automática, para cabellos muy rizados sobre fondos complicados. En este caso lo que ha hecho es crear él directamente un pincel de Photoshop, adecuado a sus necesidades.

En primer lugar hace una selección sin mucho detalle. Luego, ha buscado una fotografía de otra persona con cabello parecido, pero con un fondo que permita el silueteado automático que vimos antes.

Concretamente, la foto es esta. A partir de la misma ha creado un pincel de pelo estilo afro, como puede verse. Ya solo queda aplicarlo con cuidado a la fotografía original.

Es algo muy avanzado, una vez más. Seguramente sea más sencillo trabajar sobre el fondo de estas imágenes, buscando que la parte que rodea a la persona tenga el mayor contraste posible respecto al cabello, y luego aplicar uno de los procedimientos automáticos (el de los canales, que es muy bueno, o directamente el primero, usando la herramienta "Selección rápida" y luego el panel Perfeccionar borde).

No obstante, lo cierto es que muy a menudo tendremos que "inventarnos" parte del cabello. Forma parte habitual de esta labor.

Sin más, para ver todo esto con más detalle, dirigirse directamente al artículo original de Spooner (en inglés).

Leer más...

04 diciembre, 2018

Felicitación (plantillas) y elementos de Navidad

Dadas las fechas en las que estamos, nada más apropiado que estos recursos que vamos a incluir en La Grafiteca. Se trata de un par de plantillas PSD gratuitas para hacer felicitaciones de Navidad, que integran numerosos elementos típicos de estas fechas tan señaladas: gorros de Papá Noel, árboles de Navidad junto a sus bolas, estrellas, bastoncillos y demás adornos, regalos, dulces típicos, etc.

Como es habitual en este tipo de recursos, los elementos son fotografías en alta resolución, silueteadas, que podremos desplazar por la escena, así como ocultarlos o añadir otros nuevos. También podremos editar el texto y poner lo que queramos, por supuesto.

En el primer caso se trata de una plantilla ideal para hacer felicitaciones digitales, mientras que la segunda está pensada más bien para hacer christmas de toda vida. Por tanto tarjetas de felicitación impresas. Así pues, con estos recursos cubriremos todas las necesidades navideñas.

Ambos PSD podrían imprimirse, en cualquier caso, dado el gran tamaño y resolución de las imágenes de estos archivos. Cuentan además con varios fondos diferentes, multiplicando las posibilidades. Los archivos están comprobados, tanto en su descarga como uso.

Plantilla PSD para felicitación de Navidad formato digital.

Vamos con la primera plantilla. Como hemos comentado, este tipo de escenas suelen usarse sobre todo para hacer felicitaciones digitales: enviar por email, publicar en Instagram y redes sociales en general, etc.

Felicitación y elementos de Navidad de PhotoshopSupply, archivo comprobado por La Grafiteca

Características:

  • Archivo PSD de Photoshop. Altamente compatible (funciona con CS3).
  • 3000x2000 píxeles (105x70 cms. a 72ppp).
  • Tamaño total archivo comprimido ZIP descargable: 137MB
  • Tipografía: HennyPenny Regular (fuente gratuita con permiso para usos comerciales, alta calidad).

Felicitación de Navidad de La Grafiteca (plantilla de PhotoshopSupply)

Arriba hemos desplazado un poco los elementos, y puesto otro fondo de los que vienen, así como modificado la tipografía HennyPenny (que por cierto es muy buena, y cuenta con los caracteres especiales de los diversos idiomas).

En su lugar hemos usado la fuente Great Vibes, también muy apropiada como puede verse. Con esta imagen aprovechamos para felicitar tan entrañables fiestas a todas las personas usuarias de La Grafiteca del mundo entero.

En cuanto a los elementos disponibles, son los siguientes:

Elementos presentes en el PSD de PhotoshopSupply, archivo comprobado por La Grafiteca

Plantilla PSD para christmas de Navidad con foto, para imprimir.

Pasemos a la segunda plantilla. En este caso está pensada para imprimirla. Es igualmente un PSD en alta resolución, que cuenta además con una capa especial para poner un retrato o foto nuestra (ver ejemplos más abajo, la foto se aplica automáticamente).

Se incluyen dos versiones o adornos para el fondo: árbol de navidad y corona igualmente navideña:

Plantilla PSD (modelo 1) para tarjeta de felicitación de Navidad con foto, para imprimir, archivo comprobado por La Grafiteca (plantilla de PhotoshopSupply)

Plantilla PSD (modelo 2) para tarjeta de felicitación de Navidad con foto, para imprimir, archivo comprobado por La Grafiteca (plantilla de PhotoshopSupply)

Características:

  • Archivo PSD de Photoshop. Altamente compatible (funciona con CS3).
  • 5196x3419 píxeles (44x29 cms. a 300ppp – calidad de impresión de revista).
  • Tamaño total archivo comprimido ZIP descargable: 35,4MB
  • Tipografía: HennyPenny Regular (fuente gratuita con permiso para usos comerciales, alta calidad). La frase que vemos no es editable, está acoplada (convertida en imagen) en una capa del PSD.

Autor, licencia de uso y descarga de las plantillas.

Como ya hemos comentado, se trata de recursos 100% gratuitos, ofrecidos amablemente por la web photoshopsupply.com. Los han publicado hace muy poco tiempo, son plantillas nuevas de este año. En cuanto a la licencia, se permiten los usos personales y también comerciales, con atribución. Se ha de colocar por tanto enlace a su web (para más detalles ver archivo de licencia). Lógicamente, la redistribución por parte de otros sitios no está permitida.

Así pues, para descargar estas plantillas, solo puede hacerse desde las webs oficiales de estos recursos, creadas expresamente para ello por los autores. Las ubicaciones son las siguientes (desconfíen de cualquier sitio que ofrezca descarga desde otro lugar diferente):

Free Christmas Mockup | PhotoshopSupply

Christmas Card Templates for Photoshop | PhotoshopSupply

(*Nota: los enlaces para descargar las plantillas están abajo del todo, al final de la página).

Recursos adicionales.

Para ver más tipografías adecuadas para este tipo de felicitaciones, consultar la entrada Diseñar felicitaciones navideñas, consejos y recursos. Allí pueden encontrarse muchos tipos de letra adecuados, así como consejos varios.

Leer más...

20 junio, 2018

Comida mediterránea e italiana, escena PSD

El recurso que vamos a incluir hoy será de bastante utilidad para creatividades relacionadas con la cocina y los restaurantes. Sobre todo con la comida mediterránea, y especialmente con la pasta y cocina italiana en general. Ayudará a la hora de elaborar posters decorativos, flyers con ofertas, etc.

Así pues, esta referencia se suma a otras también buenas para pizzerías y restaurantes, como por ejemplo el listado de plantillas para carta-menú de restaurante que hicimos hace algún tiempo (y seguimos actualizando con nuevos modelos).

En el caso que nos ocupa, se trata de una escena 100% gratuita en formato PSD de Photoshop con diferentes alimentos mediterráneos: tomates, cebollas, ajos, especias… Dichos alimentos vienen acompañados de objetos de cocina, como un mortero, una tabla de cortar, mantel, mesa y un paquete de pasta –entre otros-. Sobre la mesa también tenemos un plato de deliciosa pasta ya preparado.

Todos estos objetos los podremos desplazar libremente por la escena, pues están silueteados. A modo de ejemplo, he realizado la siguiente composición:

Ejemplo de uso de la escena de comida italiana y mediterránea, elaborado por La Grafiteca

La escena es atractiva, como puede verse, y será útil para páginas web, e incluso folletos y cartelería de establecimientos de restauración en general, pues se trata de fotografías en alta resolución.

Si nos acercamos más a la escena, podremos ver el alto nivel de detalle:

La imagen tiene una buena resolución y grado de detalle, que permite usos incluso de impresión o salida en gran monitor 4K

Un recurso bastante útil, por tanto. La escena, tal y como viene en el archivo según lo abrimos, es la siguiente:

La escena de comida italiana/mediterránea tal como viene en el archivo PSD

Incluye un par de mockups para poner nuestro logo: en el paquete de pasta y también en el cartel que vemos al fondo (ambos comprobados, funcionan bien). Especialmente útil el del paquete de pasta, pues nos servirá para aplicar nuestros diseños al mismo, y colocarlo luego en la escena donde queramos.

Características técnicas:

  • Archivo .PSD de Photoshop (muy grande, 912 MB).
  • 1800x1050px (63,5x37cms. a 72ppp).
  • Versiones PC y Mac.

Licencia y descarga.

Este interesante recurso, de funcionamiento comprobado, es obra del diseñador ruso Aleksey Belorukov. Se trata de un regalo totalmente gratis, que ofrece a través de la web especializada PixelBuddha, como muestra de un pack de pago mucho mayor (que incluye 20 escenas diferentes ya con todo tipo de comidas). Es una manera habitual de promover que el público vea el resto de trabajos de una tienda gráfica.

El archivo, además de ser gratuito, tiene licencia que permite usos tanto personales como comerciales. Así pues podremos usarlo como queramos, pero ojo que esto no quiere decir que podamos revender el archivo directamente, ni siquiera que podamos redistribuirlo (el permiso se refiere solo al uso, no a la distribución, esto debería ser así para todos los recursos gráficos que encontremos en internet si no se especifica lo contrario).

Por tanto, solo se puede descargar desde su ubicación original. Concretamente:

Italian Lunch Scene Creator | Pixelbuddha.net (Aleksey Belorukov)

Desconfíen si ven este archivo en otro lugar que no sea éste u otro del autor. Por lo demás, la descarga no tiene pérdida, una vez en dicha página hay un botón que indica “Download”, justo tras las imágenes de muestra (en ocasiones solicitan registro antes de la descarga).

Leer más...