Cómo integrar una persona en una foto de forma sencilla con Photoshop

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Hola chic@s.

Ayer después de publicar mi tutorial - http://forobeta.com/tutoriales-de-diseno-grafico/390000-mezcla-2-fotos-adobe-photoshop.html
algunos usuarios me comentaron que les hubiese gustado que la chica se viera integrada en la playa y no "fundida" con la foto inferior.

He estado haciendo algunas pruebas y creo que puedo explicaros una técnica sencilla para llevar a la gente de un escenario a otro (ojo porque requieren algo de práctica).

No va a funcionar con todas las fotos, lo ideal es que el fondo tenga un buen contraste, pero he hecho algunos ajustes personales para que pueda ser más sencillo manejarlo.

Además es la base para otros sistemas más manuales, en este caso lo que nos interesa es que podamos extraer el pelo de forma sencilla que sería donde más se complica el trabajo.

¿QUÉ NECESITAS?

- El programa Adobe Photoshop (puedes bajar una versión demo de la web de Adobe)
- La foto de la persona que vas a llevar a la playa (o cambiar de fondo), en mi caso voy a usar esta imagen gratutita:
Young woman sends a kiss | JÉSHOOTS | Photos for business or personal use in high resolution for free
- La foto que usaremos de fondo, en mi caso voy a usar esta foto
Palm Tree Beauty Free Stock Photo - Free Images

Son bastantes pasos así que trataré de ser lo más conciso posible, no voy a explicar cómo usar las herramientas básicas de Photoshop (pinceles, aerógrafos, etc) o cómo cambiar de color, si tienes dudas pregunta pero me saltaré esos pasos.

PARTE 1 - MEJORANDO EL CONTRASTE DE LA IMAGEN

PASO 1. -

Baja y/o abre la foto de la persona con la que vas a trabajar:

En mi caso lo haré con esta foto:
IMG_6627b-773x515.jpg


Nos aseguramos de que la foto está en modo RGB (imagen > modo > RGB - debe estar activado)

PASO 2. -

Duplicamos la capa de FONDO con el botón derecho (duplicar fondo), podemos dejar el nombre por defecto

PASO002.webp

PASO002a.webp

PASO002b.webp


PASO 3. -

Accedemos al menú IMAGEN > APLICAR IMAGEN (sé que es un menú poco usado, pero allá vamos)

PASO003.webp

PASO 4. -

Aplicamos los ajustes adecuados para que la imagen tenga más contraste, en mi caso voy a aplicar los siguientes, puedes probar con otros por supuesto

PASO004.webp


PARTE 2 - CREANDO UNA MÁSCARA AUTOMÁTICA

A continuación lo que vamos a crear es una máscara automática, ya que el fondo de nuestra imagen no está bien definido (aunque lo hemos mejorado en la parte anterior), habrá zonas que trabajaremos a mano, la zona que nos interesa más es la del pelo, que es la más complicada de trabajar manualmente.

PASO 5. -

Hacemos clic en la paleta CANALES para activarla.

PASO005.webp

PASO 6. -

Con el botón derecho sobre el canal azul, seleccionamos DUPLICAR CANAL AZUL, aceptamos el nombre automático por defecto

PASO006.webp

PASO 7. -

Si es necesario dejamos activado sólo el canal COPIA AZUL haciendo clic sobre el, y dejamos sólo visible el ojo de esa capa

Ajustamos el contraste de este nuevo canal, para ello haremos uso de IMAGEN > AJUSTAR > NIVELES.

PASO007.webp

Llevaremos los dos deslizadores de la gráfica de los extremos hacia el centro hasta que la imagen tenga mayor contraste (que el interior de la persona se vuelva todo lo negro que podamos sin perder el borde)

PASO007b.webp

Aceptamos

PARTE 3 - REFINANDO LA MÁSCARA

PASO 8. -

Como la idea es que la persona esté completamente cubierta con el color negro, y como vemos en el resultado anterior que hay zonas blancas, tomamos el aerógrafo con un pincel de bordes algo difuminados y vamos pintando todo el interior de la mujer (puedes tener la imagen original a la vista para no equivocarte).

En mi caso la he pintado de esta forma hasta que que se intuya la silueta de la chica (puedes activar la capa-canal RGB para guiarte):

PASO008.webp

PASO 9. -

Hacemos clic en el botón CARGAR CANAL COMO SELECCIÓN

PASO009.webp


PASO 10. -

Invertimos la selección con el menú SELECCIÓN > INVERTIR

PASO010.webp

PASO 11. -

Hacemos clic en EL CANAL RGB para volver a activar la foto y salir del modo de edición de CANALES y activamos la paleta de CAPAS

PASO011.webp

PASO 12. -

Eliminamos la capa que usamos para mejorar el contraste

PASO012.webp


PARTE 4 - CREANDO EL FOTOMONTAJE

PASO 13. -

Hacemos doble clic en la capa fondo para cambiarle el nombre, ya que la capa fondo no acepta máscaras que es lo que usaremos para crear el fotomontaje. Podemos dejar el nombre por defecto.

PASO013.webp

PASO 14. -

Hacemos clic en el botón MÁSCARA, verás que algunas partes de la imagen se vuelven transparentes TENEMOS YA EL TRABAJO MÁS COMPLICADO REALIZADO, ¿HA ESTADO DIFÍCIL?

PASO014.webp

PASO 15. -

Abrimos la imagen de la playa

PASO015.webp

PASO 16. -

Arrastramos el icono de capa de la chica sobre la imagen de la playa

PASO016.webp

PASO 17. -

Con la herramienta MOVER Y ESCALAR UBICAMOS EL TAMAÑO Y POSICIÓN DE LA chica

PASO017.webp

PASO 18. -

Haciendo clic en el icono de la máscara pintamos con el aerógrafo suavemente con colores blanco y negro para tapar o descubrir las partes de la imagen que nos sobran o nos faltan.

PASO018.webp

PASO 19. -

Disfruta del resultado

PASO019.webp

Nota - si es necesario ajustar el brillo/contraste de la imagen para que quede bien integrado con el fondo, recordar seleccionar la miniatura de capa y no la máscara para ello

---

¿Complicado?

- Os confienso que la imagen de la chica está bastante complicada de trabajar, con otras imágenes os será mucho más fácil
- Os confieso que no estoy seguro de que hayan quedado bien todos los pasos, descubrí un bug en Photoshop y me acoplaba las capas sin ningún sentido...
 

Adjuntos

  • PASO006.webp
    PASO006.webp
    94,5 KB · Visitas: 288
no se ve nada que es photoshop 🙂
 
no se ve nada que es photoshop 🙂

No entendí el comentario, pero cualquier duda me comentáis, ojalá con una mención para que pueda responder rápido.

El trabajo lo hice mientras iba desarrollando el tutorial, por supuesto se puede mejorar mucho más, o sea, apenas di unas pinceladas rápidas para armarlo, no voy a echarme todo el día para un tutorial jajajaa....
 
No esta nada mal el tutorial, pero como bien has dixo con más dedicación pienso que se le podria reducir ese pixelado que se te ha quedado cuando has recortado la imagen de la mujer.

Saludos.
 
No esta nada mal el tutorial, pero como bien has dixo con más dedicación pienso que se le podria reducir ese pixelado que se te ha quedado cuando has recortado la imagen de la mujer.

Saludos.

Fue algo que hice a correr sólo para mostrar el tutorial. De hecho escogí una foto algo complicada para que se viera que no es tan difícil hacer fotomontajes con este sistema, podría haber escogido una imagen de una chica con un fondo azul de cielo (de hecho el primer intento lo hice así pero me pareció que los usuarios se Forobeta se las tienen que ver con imágenes de todo tipo y no sólo imágenes fáciles).

Creo que aparte del resultado (que puede ser mejor o peor), la idea es que los usuarios aprendan los trucos y herramientas de los que disponen.

He hecho trabajos de retoque fotográfico que me han llevado varios días, pero como digo, para un tutorial no creo que sea la idea.
 
Fue algo que hice a correr sólo para mostrar el tutorial. De hecho escogí una foto algo complicada para que se viera que no es tan difícil hacer fotomontajes con este sistema, podría haber escogido una imagen de una chica con un fondo azul de cielo (de hecho el primer intento lo hice así pero me pareció que los usuarios se Forobeta se las tienen que ver con imágenes de todo tipo y no sólo imágenes fáciles).

Creo que aparte del resultado (que puede ser mejor o peor), la idea es que los usuarios aprendan los trucos y herramientas de los que disponen.

He hecho trabajos de retoque fotográfico que me han llevado varios días, pero como digo, para un tutorial no creo que sea la idea.

Solo era un comentario explicando que se puede mejorar a más. Pero en pocas palabras muy buen tutorial.

Saludos.
 
Yo si lo noto 😕 😕 sera que soy bien detallista y ademas tambien diseñador pero uno uso PS uso Firework

Creo que lo dijo en modo irónico por el desenfoque de los bordes de la chica ¿ o no [MENTION=730]Guataro[/MENTION] ?
 
HA!!!!! tengo que practicar,me perdí en medio del manual XD,yo por lo regular para separar la imagen uso la herramienta extracción,pero este método que presentas tu se me hace mas preciso
Gracias por el aporte,seguiré practicando!!
 
HA!!!!! tengo que practicar,me perdí en medio del manual XD,yo por lo regular para separar la imagen uso la herramienta extracción,pero este método que presentas tu se me hace mas preciso
Gracias por el aporte,seguiré practicando!!

Cualquier duda me avisas, la herramienta EXTRAER se eliminó en las últimas versiones de Photoshop.
 
Me gusto mucho, se ve bastante autentica la imagen. Lo intentare hacer por diversión. :encouragement:
 
[MENTION=1576]ramonjosegn[/MENTION] gracias por el tutorial.
Me gustaría saber, ¿cómo hacer las fachas que tienen las imágenes?
 
[MENTION=1576]ramonjosegn[/MENTION] gracias por el tutorial.
Me gustaría saber, ¿cómo hacer las fachas que tienen las imágenes?

¿A qué te refieres con "las fachas"?

Para mí esa palabra significa algo así como "la mala ropa que lleva alguien"...
 
Mira me refiero a esto, a la raya indicadora amarilla.
Ver el archivo adjunto 56399

Como he comentado en varias ocasiones hago los tutoriales con el SOFTWARE

ZONER PHOTO STUDIO PRO

Realmente con la versión PRO PROMOCIONAL QUE REGALAN A VECES.

Puedes buscar tutoriales con algo como "ramonjosegn zoner photo", he publicado varios, aunque no he publicado cómo hacer flechas y sólo están disponibles en la versión profesional.

También comprimo las imágenes con ese programa para mis blogs, y también creo las imágenes para imágenes destacadas en Wordpress con el mismo programas.

Lamentablemente me parece que la versión 15 era la mejor, las nuevas versiones no me acaban de convencer, lo único que aportaron en la versión 16 fue el doble explorador y no sé si en la 16 ó la 17 añadieron alineación...
 
Muy buen tutorial, aunque podría mejorarse la técnica explicada 🙂
 
Muy buen tutorial, aunque podría mejorarse la técnica explicada 🙂

Gracias, mi intención siempre es que los usuarios que comienzan con Adobe Photoshop puedan ir aprendiendo sobre la marcha.

Por supuesto se podrían redefinir los bordes, usar algún plugin especial como el viejo Mask Pro o incluso mejorar el brillo y contraste hasta que coincidan con el de la foto. Pero la idea no era complicar tanto el tutorial, creo que ya estaba bastante largo...
 
Creo que no es de las mejores técnicas
 
Última edición:
Creo que no es de las mejores técnicas

Quizás no, pero sirve para que los usuarios se familiaricen con un buen número de técnicas.

Lo ideal sería con la pluma, pero poner a explicar cómo funciona la pluma sin ser "in situ" sería realmente complejo...
 
Atrás
Arriba