La guía definitiva para componer imágenes en Photoshop

Sep 12, 2025
Cómo
[dieciséis]

De todos los proyectos de Photoshop, composición de imágenes en un marco fantástico es quizás la búsqueda más placentera y creativa. En esto Tutorial de Photoshop Le mostraremos cómo disparar, construir y terminar de convencer a Photoshop Composites como la imagen de arriba.

Lo hemos descompuesto en cinco etapas diferentes: selecciones, refinamiento, máscaras, composición y toques de acabado. En cada etapa, encontrará consejos en profundidad en las herramientas y la configuración utilizada. Hemos creado un desvalor de Mcenroe, inspirado en Mcenroe, pero puede usar un flujo de trabajo similar para hacer todo tipo de composites increíbles, ¡vaya donde sea que tu imaginación lo lleve!

  • Los 62 mejores pinceles gratis de Photoshop

Descarga los archivos del proyecto. aquí en tu PC o Mac.

01. Selecciones

El primer paso para hacer un montaje es cortar las partes que le gustaría combinar. Aquí es donde vienen tus habilidades de selección. Al utilizar la poderosa variedad de herramientas de selección de Photoshop, podemos aislar partes de nuestras imágenes. Así es cómo...

Varita mágica

Magic Wand lives up to its name by making hard work much easier

[dieciséis] Varita mágica hace frente a su nombre haciendo un trabajo duro mucho más fácil

Este cabello de perro sería una pesadilla para seleccionar manualmente, pero un par de clics con la varita mágica recoge el fondo en segundos. Desmarque Visite con contiguo y mantenga presionado mientras se hace clic para agregar a la selección inicial, luego invertirlo (Seleccionar & gt; inverso) para seleccionar el sujeto en su lugar. Para mayor control, intente aislar el fondo con rango de color (Seleccionar & gt; rango de color).

Herramienta de selección rápida

Quick Selection can become a go-to composite selection tool

[dieciséis] La selección rápida puede convertirse en una herramienta de selección compuesta de ir a compuesto.

La herramienta de selección rápida se destaca a aislar objetos complicados, de hecho, es nuestra herramienta Go-to para la mayoría de las selecciones al hacer compuestos. Pintar sobre un objeto y la herramienta buscará los bordes. Si sale mal, sostenga alt y pinta para restar. A medida que agrega y reste, la herramienta aprende más sobre los colores que desea orientar y realizar con mayor precisión.

Máscara rápida

Quick Mask makes it easy to add or remove components

[dieciséis] Máscara rápida hace que sea fácil agregar o eliminar componentes

Después de hacer una selección, aquí hay una característica útil que le permite eliminar o agregar componentes adicionales para ajustar la selección. Presione Q para activar o desactivar el modo de máscara rápida. Pone una superposición rosa sobre partes no seleccionadas. Ahora puede pintar con la herramienta de pincel configurada en blanco o negro para agregar o restar partes de la imagen de la selección, o pintar gris para agregar áreas de semi-transparencia.

Selecciones de herramientas de pluma

Sometimes shortcuts just won't do the job...

[dieciséis] A veces los atajos simplemente no harán el trabajo ...

Las herramientas de selección inteligentes como la selección rápida, el rango de color y el área de enfoque son excelentes plazos, pero a veces una selección manual es la única forma de hacer el trabajo. Es especialmente útil con objetos limpios y de filo como la manija de la raqueta aquí. Haga clic para agregar puntos de anclaje y arrastre para líneas curvas. Una vez completado, haga clic con el botón derecho en la ruta y elija Hacer selección.

02. Abogando el borde

Después de usar las herramientas de selección para aislar parte de una imagen, la siguiente etapa es mejorar la selección para hacerlo lo más perfecto posible. Solo hay una herramienta para el trabajo aquí: el comando de borde de refinamiento. Como verás, alberga varias características útiles en uno ...

Abierto de abineradero

Use Refine Edge to check the Smart Radius

[dieciséis] Use el borde de refino para verificar el radio inteligente

Para ingresar al borde de refino, haga clic en el botón en la barra de opciones cuando se está utilizando cualquier herramienta de selección, o alternativamente, vaya a Seleccionar & GT; Refinar borde. Comience marcando el radio inteligente, luego aumente ligeramente el radio. Verifique que muestre radio para ver exactamente lo que se incluye en el área de refinamiento.

Expandir el radio

Grab every little background pixel

[dieciséis] Agarra cada pequeño fondo pixel

La clave para recoger todos los detalles finos en la piel aquí es pintar sobre el área con la herramienta Refine RADIUS. Esto amplía el área a lo largo del borde de selección en el que el comando buscará píxeles similares, por lo que le permite agarrar todo ese fondo adicional ocultando entre los pelos.

Contraste

Experiment with backgrounds and contrasts

[dieciséis] Experimenta con fondos y contrastes.

Presione F para recorrer diferentes puntos de vista, evaluando su trabajo contra diferentes fondos. A veces, agregar un toque de contraste y el borde de cambio negativo puede aprietar el borde alrededor de los pelos complicados y los detalles difusos. Una vez hecho, configure la salida en la máscara de capa y haga clic en Aceptar.

03. Máscaras de capa

Layer Masks let you control what's visible or hidden

[dieciséis] Las máscaras de la capa te permiten controlar lo que es visible u oculto

Una vez que la selección es tan perfecta, ya que puede hacerlo, el siguiente paso es cambiarlo a una máscara de capa. De esta manera, usted controla exactamente lo que es visible u oculto. Puede ser que, si la selección es lo suficientemente buena para comenzar, no necesita hacer nada a la máscara en absoluto. Pero si es necesario, puede entrar y afinar lo que se revela o no ...

¿Qué es una máscara de capa?

Una máscara de capa es simplemente una función que le permite ocultar partes de una capa, revelando así el contenido de las capas a continuación. Como tal, las máscaras son muy útiles para hacer composites: significan que puedes juntar diferentes objetos sin tener que recurrir a herramientas destructivas como el borrador.

¿Cómo hago uno?

Haga clic en el icono Agregar máscara en el panel Capas, luego simplemente comience a pintar con la herramienta de pincel configurada en negro para ocultar partes de una capa. Si ya ha hecho una selección de parte de la capa, haga clic en el icono de máscara para convertir la selección a una máscara. Alternativamente, vaya a través del borde de refino y ajuste la salida a la máscara de capa.

¿Qué miniatura?

Cuando agrega una máscara, aparece un poco de miniatura máscara en el panel Capas junto a la miniatura que muestra los contenidos de la capa. La clave es realizar un seguimiento de lo que se resalta: si la miniatura de la capa se resalta en lugar de la máscara, la pintura negra simplemente agregará píxeles negros a la imagen.

04. Comenzar composición

Ahora ha logrado recortar todos los elementos separados que entrarán en su montaje, es hora de reunirlos. Esto puede ser como un ajuste de un rompecabezas. Es donde tus habilidades en la transformación y posicionamiento se acercan.

La herramienta de movimiento

La herramienta de movimiento es esencial para posicionar y transformar diferentes formas en un compuesto. Coge la herramienta y compruebe la capa de selección automática en las opciones de la herramienta en la parte superior, de modo que pueda resaltar capas haciendo clic en una imagen que pertenece a esa capa. Verifique que muestre los controles de transformación también para un cuadro delimitador que le brinda acceso rápido a las opciones de transformación.

Combinando imágenes

Hay algunas formas de copiar diferentes imágenes en un documento. Nos gusta arrastrarlos a través de Windows de imagen con la herramienta Mover (o hasta una pestaña y luego hacia abajo). Alternativamente, haga clic con el botón derecho en una capa, elija Duplicar y seleccione una imagen diferente en el desplome de destino. Otras opciones son usar Archivo & GT; Coloque incrustado, o simplemente para copiar y pegar.

Capas de transformación

A medida que posicione todas las partes diferentes, deberá usar la transformación para girar, cambiar el tamaño y, a veces, las capas de urdimbre. Pulse CMD / CTRL + T o (si está habilitado) Haga clic en el cuadro delimitador para transformar una capa. Puede hacer clic con el botón derecho mientras se transforma para todas las diferentes opciones como Warp y Skew. Mientras cambia de tamaño, mantenga presionado CAMBIO para mantener las proporciones originales de la imagen, o mantenga presionado ALT para cambiar el tamaño del punto central.

Objetos inteligentes

El cambio de tamaño de una capa de píxeles para hacerlo más pequeño, eliminará en realidad algunos de los píxeles de ese elemento, lo que está bien si desea mantenerlo más pequeño, pero no tan bueno si cambia de opinión y desea volver a ser más grande. Para salvaguardar esto, puede hacer clic con el botón derecho en la capa y elegir convertir a un objeto inteligente. Ahora puede transformar un elemento tanto como desee sin pérdida de calidad, y también usar filtros no destructivamente.

05. construir la base

The shirt forms the base of the composite image

[dieciséis] La camisa forma la base de la imagen compuesta.

Primero vaya a la imagen de la camisa: esta será la base para todos los demás efectos a medida que traiga diferentes partes del cuerpo de perros.

06. Ampliar y organizar

A background wall is put in place

[dieciséis] Una pared de fondo se pone en su lugar

A continuación, puede seleccionar una parte de la pared y copiarla a una nueva capa. Agrandarlo, luego arrástrelo hacia la parte inferior.

07. Arrastrar y transformar

Position the dog in the shirt

[dieciséis] Posicionar al perro en la camisa.

Ahora traiga la cabeza del perro de recorte arrastrándolo con la herramienta Mover, luego transformándola en su lugar por el collar.

08. Pintar para esconderse.

Paint out surplus dog details

[dieciséis] Pintura sobre los detalles del perro excedente

Resalte la máscara en miniatura. Pinta negra para ocultar las partes del perro que no quieres, revelando la camisa.

09. Terminando la cabeza

Parts of the dog are copied across

[dieciséis] Partes del perro se copian a través de

La izquierda de la cabeza es complicada, ya que el cuerpo del perro hace que sea difícil de cortar. Copia sobre una porción del lado derecho.

10. Creando el cuello

A patch of fur is dropped behind the shirt

[dieciséis] Se cierra un parche de piel detrás de la camisa.

A continuación, rellene el espacio alrededor del área del cuello. Seleccione un pedazo de piel de perro de un disparo, arrástrelo y colóquelo debajo de la capa de la camisa.

11. Coloque la pata

A paw is tucked into a sleeve

[dieciséis] Una pata está metida en una manga.

Traiga una pata, colóquela y conviértela a un objeto inteligente. Agregue una máscara para ocultar la parte superior para que salga debajo de la camisa.

12. Forma un brazo

The arm is bent towards the racket

[dieciséis] El brazo está doblado hacia la raqueta.

Puede usar Puppet Warp (Edit & GT; Puppet Warp) para remodelar el brazo trazando y arrastrando alfileres, creando una curva en el codo.

13. Crea una copia de brazo.

The left arm is copied and flipped for the right arm

[dieciséis] El brazo izquierdo se copia y se voltea para el brazo derecho.

Duplique la capa del brazo y deseche el filtro de la deformación de títeres que aplicó, luego gire la capa y colóquela en el otro lado.

14. Trae la pelota.

A tennis ball is scaled and deployed

[dieciséis] Una pelota de tenis es escalada y desplegada.

Cortar y traer la pelota, transformándolo para cambiar el tamaño. Arrastre debajo de la capa del brazo para que parezca que se está llevando a cabo.

15. Escalado de la raqueta

The racket is rotated to match the rest of the image

[dieciséis] La raqueta se gira para que coincida con el resto de la imagen.

Para reducir la longitud de la manija de la raqueta, traiga otro asa. Gírelo para que coincida con el ángulo del existente. Arrastre la capa debajo de la capa de pata.

16. Creando un telón de fondo

A sky background is positioned

[dieciséis] Un fondo de cielo está posicionado.

Finalmente, traiga una imagen del cielo azul, colocando la capa sobre el fondo simple y la opacidad que reduce un poco.

17. Toques de acabado.

Final tweaks tie the image together

[dieciséis] Tweaks finales atan la imagen juntos

Una vez que todas las piezas están en su lugar, ayuda a que la escena se vea realista si agrega algunos efectos en la parte superior de todo. Piense en todas las características de una imagen: tonos, ruido, profundidad de campo) y luego apliquen esas mismas características al compuesto, y todo pronto se gelará juntos ...

Capas de clonación

It's time to tidy up imperfections

[dieciséis] Es hora de ordenar las imperfecciones.

Inevitablemente habrá algunos parches desordenados que necesitan ordenar. Aquí está donde entra la herramienta Clone. Configura la herramienta para probar todas las capas y hacer una nueva capa en la parte superior de la pila; O agregue una capa justo por encima de la parte que desea solucionar y configurar la herramienta para degustar la corriente y abajo, por lo que ignora todas las capas por encima de ella en la pila.

Oscuridad

Create shadows in new layers

[dieciséis] Crea sombras en nuevas capas.

Para agregar sombras, haga nuevas capas por encima de las partes de la imagen que desea afectar, luego pinte con negro en una opacidad baja. Aquí queremos agregar una sombra en la manija de la raqueta para que se vea como si el perro lo sostenga. Arrastre una nueva capa sobre la capa de la manija, luego agarre la herramienta del cepillo, colóquela en negro a 20% de opacidad, y pinte sobre el mango para oscurecerlo.

Viraje

Toning is a great way to give the image a uniform appearance

[dieciséis] Tonificación es una excelente manera de darle a la imagen una apariencia uniforme.

Una vez que todas las piezas están en su lugar, agregue algunos efectos en la parte superior de todo para un look unido. Puede usar cualquier método que le guste para tonificar: nos gustan las capas de ajuste de búsqueda de color, el filtro RAW de la cámara y los complementos de la recolección NIK. Aquí hemos utilizado Analog Efex Pro de la colección NIK (ahora gratis) para agregar un efecto vintage. Primero haga una capa fusionada en la parte superior de la pila con Cmd / ctrl + shift + alt + e , luego agregue el efecto a la capa.

Este artículo se publicó originalmente en Photoshop práctico: Suscríbete aquí.

Artículos relacionados:

  • Los 42 mejores complementos de Photoshop
  • Cómo usar los puntos de control en Photoshop
  • Consigue creativo con los modos de mezcla de Photoshop

Cómo - Artículos más populares

Cómo hacer un logotipo en Photoshop

Cómo Sep 12, 2025

[dieciséis] Antes de comenzar con cómo hacer un logotipo en Photoshop, deberíamos dirigirnos al elefante en la habitación. Ph..


Crea un efecto de texto de vapor animado

Cómo Sep 12, 2025

[dieciséis] Agregar efectos al texto puede agregar un nuevo nivel de compromiso e interés. Efectos tales como tipografía kiné..


Cómo prototipo Una aplicación móvil con origami Studio

Cómo Sep 12, 2025

En un mundo donde los usuarios tienen altas expectativas de su experiencia en la Web y el móvil, la creación de prototipos y la evaluación del usuario es clave. Ahora es común que se iter..


Construye una aplicación de diseño de material con 2

Cómo Sep 12, 2025

[dieciséis] El material angular es un marco de componentes de la interfaz de usuario que implementa la especificación de diseño de m..


Cómo agregar video a PDF interactivos

Cómo Sep 12, 2025

Una imagen vale más que mil palabras, y un video vale un millón. El video puede transmitir más información más rápido que las imágenes de impresión o estáticas. Puede hacer que los d..


Cuatro principios de la estrategia UX

Cómo Sep 12, 2025

[dieciséis] Una experiencia de usuario estelar ( Ux ) La estrategia es un medio para lograr la interrupción en el mercado ..


Cómo dibujar un paisaje con pastels

Cómo Sep 12, 2025

[dieciséis] Este post te enseñará cómo dibujar un paisaje con pasteles. Cuando use pasteles blandos, puede dibujar y pintar al mism..


Cómo diseñar interfaces móviles fáciles de usar

Cómo Sep 12, 2025

[dieciséis] Algunos diseños móviles sufren un problema: pueden lucir geniales en la superficie, pero comenzar a usarlos y pronto des..


Categorías