Mostrando entradas con la etiqueta Photoshop. Mostrar todas las entradas
Mostrando entradas con la etiqueta Photoshop. 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...

07 marzo, 2018

Tutoriales Photoshop, los mejores lugares

Dedicaremos esta entrada a ir recopilando sitios centrados en una temática muy concreta: los tutoriales de Photoshop. Por tanto blogs de profesionales, plataformas dedicadas a la formación y cursos, foros gráficos… Incluso canales especializados de YouTube. En definitiva, cualquier página que merezca la pena seguir si nos dedicamos –o sencillamente somos aficionados/as- al retoque de fotografías, diseño-edición gráfica, ilustración, etc con el genial programa de Adobe.

Otra característica de los sitios enumerados a continuación es que son todos 100% gratuitos. Por tanto, podremos ver los tutoriales (o vídeo-tutoriales) y aprender las técnicas y tips sin coste alguno por nuestra parte. Por lo demás, intentaremos ser selectivos, quedándonos solo con lo mejor –pues es recomendable seguir pocos y buenos sitios antes que muchos y regulares-.

Junto a cada referencia añadiremos una pequeña descripción, así como el correspondiente enlace al sitio. Para facilitar que cada persona pueda ir directamente a su tipo de canal preferido, los clasificaremos según si son plataformas, blogs, foros, canales de YouTube, etc. También informaremos si se trata de tutoriales basados en capturas de pantalla (imágenes) o mediante vídeos, así como el idioma de los mismos: español o inglés (el hecho de que se emplee el inglés no debería desanimarnos, es importante poder aprender también en dicha lengua, muy usada y útil en este campo).

Tutoriales de Photoshop: los mejores lugares. Directorio realizado por La Grafiteca

A medida que vayamos localizando nuevos lugares de interés los iremos añadiendo a este directorio. Sin más, vamos con ello.

Plataformas gratuitas (o con sección gratuita) especializadas en tutoriales de Photoshop.

Adobe Photoshop Tutorials

Adobe Photoshop Tutorials

  • Ir a sitio
  • Tipo de tutoriales: Vídeo
  • Idioma: Inglés
  • Detalles: Plataforma oficial de aprendizaje de Adobe. Video-tutoriales excelentes, con ejercicios que permiten aprender desde lo básico hasta aspectos más avanzados. Puede ajustarse para que muestre solo los tutoriales de nuestro nivel. Probablemente, el sitio más recomendable de todos en esta materia.
Envato Tuts+

Envato Tuts+

  • Ir a sitio
  • Tipo de tutoriales: Texto e imágenes (capturas de pantalla)
  • Idioma: Inglés
  • Detalles: Excelente plataforma que cuenta con tutoriales para todo tipo de temas gráficos, incluyendo una buena sección para Photoshop. Para aquellos/as que prefieran –como yo- los tutoriales tipo guía paso a paso, con capturas de pantalla, es realmente un sitio muy recomendable. Se actualiza con frecuencia con nuevos trucos y técnicas concretas bastante interesantes (incluyendo temas de ilustración, edición gráfica, creación de efectos… muy completo).
Crehana

Página con cursos gratis para Photoshop de Crehana

  • Ir a sitio
  • Tipo de tutoriales: Vídeo
  • Idioma: Español
  • Detalles: Esta plataforma de cursos es de las mejores que hay en español, y tiene una sección de cursos gratis para Photoshop. Bastante recomendable.
Phlearn

Phlearn

  • Ir a sitio
  • Tipo de tutoriales: Video
  • Idioma: Inglés
  • Detalles: Muchísimos video-tutoriales gratuitos con tips y ejercicios completos. Tienen mucho contenido sobre manipulación, edición y retoque fotográfico (para publicidad, moda, etc).
Photoshop Essentials

Photoshop Essentials

  • Ir a sitio
  • Tipo de tutoriales: Vídeo + Texto e imágenes (capturas de pantalla) 
  • Idioma: Inglés
  • Detalles: Muchos son de nivel un tanto básico, pero este sitio también publica bastantes tutoriales. Es interesante que complementa el vídeo con explicaciones paso a paso con capturas de pantalla, lo cual es cómodo y una buena ayuda.
Photoshop Cafe

Photoshop Cafe

  • Ir a sitio
  • Tipo de tutoriales: Vídeo + Texto e imágenes (capturas de pantalla) 
  • Idioma: Inglés
  • Detalles: Similar al anterior en el formato, también tiene muchísimos tutoriales gratuitos (y publica nuevos).

Blogs profesionales especializados en tutoriales de Photoshop.

SpoonGraphics Tutorials

SpoonGraphics Tutorials

  • Ir a sitio
  • Tipo de tutoriales: Vídeo + Texto e imágenes (capturas de pantalla)
  • Idioma: Inglés
  • Detalles: Este británico es, sin ninguna duda, uno de los mejores diseñadores y editores gráficos de la actualidad a nivel global. Publica muchos tutoriales avanzados de enorme interés, muy detallados y altamente recomendables para profesionales (para Photoshop y también para Illustrator). Recomendable echar un vistazo a los vídeos también, pues también realiza video-tutoriales.
Saltaalavista Blog – Tutoriales

Saltaalavista Blog – Tutoriales

  • Ir a sitio
  • Tipo de tutoriales: Texto e imágenes (capturas de pantalla)
  • Idioma: Español
  • Detalles: Este blog publica regularmente tutoriales para Photoshop bastante buenos, y además en español. Todo tipo de trucos y técnicas con calidad, recomendable seguirlo. Generalmente son explicaciones detalladas con capturas de pantalla, pero cuenta también con canal de YouTube.
DesignStacks

DesignStacks

  • Ir a sitio
  • Tipo de tutoriales: Texto e imágenes (capturas de pantalla)
  • Idioma: Inglés
  • Detalles: Este blog publica bastantes tutoriales gratuitos con trucos, técnicas y tips. Sobre todo para conseguir efectos, hacer fondos, texturas y cosas así (nivel medio-básico).
PShero

PShero

  • Ir a sitio
  • Tipo de tutoriales: Texto e imágenes (capturas de pantalla)
  • Idioma: Inglés
  • Detalles: Similar al anterior.
Photoshop Star

Photoshop Star

  • Ir a sitio
  • Tipo de tutoriales: Texto e imágenes (capturas de pantalla)
  • Idioma: Inglés
  • Detalles: Similar al anterior.
Photoshop Tutorials

Photoshop Tutorials

  • Ir a sitio
  • Tipo de tutoriales: Texto e imágenes (capturas de pantalla)
  • Idioma: Inglés
  • Detalles: Similar a los anteriores. Sobre todo creación de escenas, collages, foto-montajes y cosas así, de calidad discutible. No me gusta casi ningún resultado final, pero para hacerlos se emplean técnicas y herramientas de todo tipo, así que el sitio se puede seguir por si vemos algún efecto que no sabemos hacer.

Canales de Youtube especializados en tutoriales de Photoshop.

La mayoría de las webs anteriores cuentan adicionalmente con sus propios canales de YouTube, pero también existen expertos que únicamente utilizan los vídeos en dicha plataforma (sin web o con un blog mínimo de mero soporte para los vídeos). Para los/as que prefieran este formato, listaremos aquí los canales de interés que vayamos localizando.

Tripiyon Tutoriales

Tripiyon Tutoriales

  • Ir a canal
  • Idioma: Español
  • Detalles: Este experto publica regularmente video-tutoriales con todo tipo de trucos y técnicas, efectos artísticos, edición y manipulación de fotografías (retoque fotográfico), etc. Desde nivel básico a más avanzado.
Photoshopeando

Photoshopeando

  • Ir a canal
  • Idioma: Español
  • Detalles: En este caso los tutoriales son para Photoshop y Lightroom (parecido a Photoshop pero más orientado a la fotografía profesional). Así pues muy indicado para fotógrafos, aunque también publica técnicas de interés general.
FotografoDigital

FotografoDigital

  • Ir a canal
  • Idioma: Español
  • Detalles: En este caso, como el propio nombre indica, el canal está totalmente orientado a la fotografía, con tutoriales sobre retoque y manipulación fotográfica, etc. Muy centrado además en la fotografía para publicidad y mundo editorial.
Leer más...

21 noviembre, 2012

Tutorial: colorear fotografías en blanco y negro

Incluimos la referencia a un tutorial simple, pero efectivo. En él se explica el procedimiento para colorear una fotografía en blanco y negro, usando el programa Adobe Photoshop.

Como puede apreciarse en la imagen de muestra, el resultado no es malo, aunque la fotografía que se ha elegido no tiene mucha variedad de tonos.

Colorear una foto en blanco y negro: antes. Foto en blanco y negro coloreada.

En esta imagen el procedimiento de coloreado que se describe en el tutorial ha sido sencillo, pues el fondo tiene un color o tonalidad más o menos uniforme. Si en lugar de una pared hubiese un paisaje, la cosa sería mucho más complicada.

De esta forma, la guía cuya referencia enlazamos a continuación, vendrá bien para convertir nuestras fotos en blanco y negro a fotos a todo color, siempre y cuando éstas no sean muy complicadas (por ejemplo con muchas personas vestidas de forma diferente, fondos urbanos abigarrados, muchos objetos presentes, etc).

El autor del tutorial ha empleado una técnica sencilla de coloreado mediante pinceles, apoyándose en los modos de fusión de las capas. Dependeremos por tanto de nuestra propia habilidad en buena medida.

En cualquier caso, para visitar el tutorial, dirigirse a la web del mismo:

Cómo colorear imágenes en blanco y negro con Photoshop | Cristalab.com

Leer más...