Tutorial de Photoshop Mezclar imagen característica

Cómo crear un impresionante collage de fotos combinadas en Adobe Photoshop

28 de abril de 2024

Quizá lleves un tiempo utilizando Adobe Photoshop, o quizá estés empezando. Hay muchas formas de hacer cualquier tipo de edición en el software, así como todo tipo de consejos, trucos y hacks para hacer las cosas de forma más sencilla y fácil.

En este tutorial, Colin Smith, creador de PhotoshopCAFE, muestra cómo unir fotos, mezclarlas a la perfección en un collage digital y añadir un efecto de texto encima.

Mira el vídeo de abajo para ver el tutorial de Adobe Photoshop, ¡o sigue leyendo para ver un resumen de las instrucciones!


En este tutorial de Adobe Photoshop, vamos a mostrarte cómo mezclar imágenes y crear un collage de fotos.

1. Cargar imágenes

Así que el primer paso es traer las tres imágenes con las que vamos a trabajar. Crea una carpeta si aún no lo has hecho y pon las imágenes en ella.

En Photoshop, elige Archivo > Scripts > Cargar archivos en la pila. Esto va a ponerlos todos en un solo documento. Pulsa Examinar, busca la carpeta que has creado, selecciona las imágenes y haz clic en Aceptar. Photoshop va a crear un nuevo documento y soltará las tres imágenes, una encima de la otra.

Colin Smith imagen photoshop

2. Lienzo de recorte

Ahora pulsa Ctrl/Cmd+0, y eso alejará el zoom para que podamos ver toda la imagen.

Ahora vamos a recortar la imagen al tamaño que vamos a utilizar. Utiliza la herramienta Recortar (enlace C). Asegúrate de que la opción Eliminar píxeles recortados no está marcada. Si lo hace, en realidad recortará las otras partes de la imagen.

Colin Smith imagen photoshop

3. Mueve y redimensiona la capa de imagen

Utiliza la Herramienta Mover (tecla de enlace M), y coloca una imagen encima de la otra en el lugar donde vamos a mezclarla con la otra imagen.

En mi ejemplo, voy a arrastrar la imagen de la mujer a la parte superior izquierda y a poner a la gente del autobús a la derecha. Cambia el tamaño de tus imágenes utilizando la herramienta Transformar (Ctrl/Cmd+T) para que tengan el tamaño que deseas.

Consejo: Intenta evitar redimensionar las imágenes para hacerlas más grandes - puede crear pixelación. Hacerlo un poco está bien, sobre todo para imágenes pequeñas y para Internet, pero para imágenes más grandes o para imprimir, no es una buena idea.

Colin Smith imagen photoshop

4. Mezclar imágenes

Así que, primero, crea una máscara de capa encima. Con la capa superior seleccionada en el Panel de capas, haz clic en el botón Nueva máscara de capa.

Pulsa la tecla D para restablecer los colores de primer plano y fondo a blanco y negro. Selecciona la Herramienta Degradado (tecla de enlace G). Utiliza la Muestra de primer plano a fondo o de negro a blanco de la carpeta Básicos. Establece la dirección del degradado en Lineal y la Opacidad en 100.

Ahora, con la máscara de capa seleccionada, arrastra el ratón desde el borde derecho de la imagen hacia el izquierdo. La mezcla debe eliminar el borde de la foto, como en la imagen de abajo. Si quieres mezclar más, arrástralo más. Para una mezcla más suave, empezarás más lejos y arrastrarás más lejos.

Colin Smith imagen photoshop

5. Aplicar superposición

Para crear una superposición, utilizaremos la tercera imagen como textura de fondo mezclada con las otras dos. En este ejemplo, estamos utilizando una capa de mapa de aspecto vintage. Desoculta esa capa en tu pila de capas. Utiliza la herramienta Transformar (Ctrl/Cmd+T) para cambiar el tamaño de la capa y cubrir todo el lienzo.

Consejo: Si la forma está cambiando mientras la arrastras, mantén pulsada la tecla Mayús y eso la limitará.

Colin Smith imagen photoshop

Cambia el modo de Mezcla utilizando el menú del panel capa. Hay muchos efectos diferentes que se pueden conseguir y con los que puedes jugar. Prueba distintos tipos de modos de fusión según el tipo de imágenes con las que trabajes. Para este tutorial, vamos a seleccionar Superponer, y establecer la Opacidad en 52%. Mira cómo las cosas empiezan a mezclarse un poco mejor ahora.

Colin Smith imagen photoshop

Ahora vamos a eliminar la superposición de las caras de los modelos. Crea una Nueva Máscara de capa y Selecciónala. Pulsa la tecla X para establecer el negro como color de primer plano. Selecciona la Herramienta Pincel (tecla de enlace B) > Pincel Redondo Suave. Ajusta la Opacidad a 100.

Colin Smith imagen photoshop
Colin Smith imagen photoshop

Ahora pinta sobre las zonas en las que quieras que desaparezca por completo la superposición, como las caras de los sujetos. A continuación, baja la Opacidad a aproximadamente 18, y sigue difuminando la superposición en las zonas donde creas que se puede suavizar el efecto -quizá la ropa y/o el equipo de los sujetos, o partes del fondo que quieras que sean más visibles-.

Colin Smith imagen photoshop

6. Añade un efecto de color utilizando un degradado

Primero, asegúrate de que tienes seleccionada la capa, no la máscara de capa.

Elige dos colores, idealmente un tono cálido y otro frío, utilizando la Herramienta Cuentagotas (tecla de enlace I). Puedes elegir colores de la imagen haciendo clic o arrastrando el ratón mientras el panel Selector de color está abierto. Para este tutorial, se utilizaron los colores#b65d23 (Primer plano) y#6ba1b4 (Fondo).

Ahora, en el Panel de capa ve a Capa de ajuste > Gradiente. Se abrirá la ventana Relleno de degradado. Cambia el Tipo de degradado de Primer plano a Fondo, y podrás ver los colores que elegimos. Ajusta el Ángulo a 1,46.

Ahora, en el Panel de capa, cambia el modo de fusión a Color. Lo que hace esto es aplicar el color de nuestro degradado sobre la imagen dejando que se vean todos los detalles de la imagen.

Colin Smith imagen photoshop

Ahora vamos a mezclar los colores originales con la capa de degradado de color. Reduce la Opacidad de la capa de ajuste de degradado al 20%, y después ajústala a tu gusto.

Colin Smith imagen photoshop

7. Añadir texto con efecto de sombra

Utiliza la Herramienta Tipo (enlace: tecla T). La fuente utilizada aquí es Nexa Rust Sans, que puede descargarse y utilizarse gratuitamente para uso personal, pero puedes usar la que quieras. Para este tutorial, escribimos "AVENTURA". Cambia el color a Blanco (#FFFFFF) y cambia el tamaño a grande.

Selecciona la capa con tu tipo. En el Panel de capa, haz clic en Efectos > Sombra.

En la ventana Estilo de capa que se abre, asegúrate de que la pestaña Sombra paralela está marcada. Haz clic aquí. Ajusta la Opacidad a 100, la Distancia a 0. Juega con el Tamaño según tus preferencias (en realidad se refiere a la suavidad del borde de la sombra). Ajusta Relleno al 10%.

Truco: Si quieres ver cómo va a ser el resultado final del efecto texto, ve a Opciones de fusión y verás Opacidad y Opacidad de relleno, igual que tenemos en el panel capa. Reduce la Opacidad de Relleno a 0 y verás que oculta las texturas, pero sigue permitiendo que se vea el efecto.

Colin Smith imagen photoshop

Ahora, con la capa de tipo seleccionada, Duplica (Ctrl/Cmd+J ) la capa. Ajusta Opacidad y Relleno a 100.

Queremos mezclar la capa duplicada con la capa original más transparente que hay debajo para crear un efecto de degradado. Así que, primero, crea una máscara de capa en la capa de tipo duplicado. Selecciona de nuevo la Herramienta Degradado (tecla de enlace G). Pulsa la tecla D para restablecer los colores de primer plano y fondo a blanco y negro. Después utiliza el degradado lineal como antes, ahora arrastrando de arriba a abajo. Ajusta la Opacidad al 50%.

Si te parece que la imagen es demasiado oscura, puedes cambiar el modo de fusión a Pantalla, que la aclarará. Observa que podemos obtener una sensación completamente distinta dependiendo del modo de fusión, así que experimenta con distintos.

Eso es. Aquí tienes nuestra imagen final. Esperamos que te haya gustado este proyecto creativo.

Colin Smith imagen photoshop
Colin Smith Foto de perfil

Sobre el presentador:

Colin Smith lleva 20 años utilizando profesionalmente Adobe Photoshop. Realiza cursos de formación para Adobe y Apple y ha escrito 20 libros. En su canal de YouTube, PhotoshopCAFE, tiene cientos de tutoriales y consejos de Photoshop fáciles de seguir, así como tutoriales de Lightroom y vídeos ocasionales sobre tecnología fotográfica o drones.

Para más información o para ver más recursos gratuitos de Adobe Photoshop de Colin, visita el sitio web Photoshop Cafe, o echa un vistazo a su biblioteca de formación premium.


Entradas relacionadas:

Los mejores tutoriales gratuitos para iniciarse en la manipulación fotográfica con Adobe Photoshop

Los mejores tutoriales gratuitos para iniciarse en la manipulación fotográfica con Adobe Photoshop

Flexiona tu creatividad - ¡Flexiona tu Movink! Editar fotos sobre la marcha con Amyboyy

Flexiona tu creatividad - ¡Flexiona tu Movink! Editar fotos sobre la marcha con Amyboyy

Ben Von Wong: La irrelevancia como combustible para generar acción colectiva

Ben Von Wong: La irrelevancia como combustible para generar acción colectiva

Wacom Cintiq Pro, imprescindible para los fotógrafos profesionales

Wacom Cintiq Pro, imprescindible para los fotógrafos profesionales

Conecta con Wacom en las redes sociales

Brushstrokes, along with subject matter, color and types of media, often identify the author of a piece without a signature or overt documentation. 🖌️ The same concept applies to digital art. With Yuify, you can embed your authorship in your work, while allowing for hassle-free licensing and easy collaboration. ⁣ ⁣ Join the Wacom team for a look at Yuify, including the steps for registering artwork with your unique proof of creation, retrieving and identifying the creators of pieces of art and creating and honoring licenses that you have chosen.⁣ ⁣ Register via the link in bio. ☝️⁣ ⁣ #Wacom #WacomYuify #Yuify #creativerights
94 0
Register for an amazing FREE webinar TOMORROW at 1pm PST with the amazing @aaronblaiseart! ❄️🐻‍❄️🤍 Learn from one of our favorite animation mentors as he walks us through the process of creating amazing animal characters like the main character of his animated short, Snowbear.  Sign up through the link in our bio ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
518 10
Want to learn how to create licenses for your artwork? @zeythehuman walks you through how to easily set up licenses* in Wacom Yuify, ensuring your work is protected. From using templates to customizing your own agreements, it has never been easier  to manage your creative rights. Ready to protect your art?🔑 Register for free at Yuify.com ‌ *Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
107 1
Let's dive in with @alexferreiraa to learn how to improve our poses using the #WacomMovink and the 2D workflow to push them to the next level. Check out the full video through the link in our bio or head to @animationflow.academy YouTube channel.  #animationflow #madewithwacom #characteranimation
285 4
Looking for a gift that will thrill a 7-year-old, a dad, or a co-worker? 🎁⁣ Get them a #WacomIntuos!⁣ ⁣ Perfect for sketching, animation, comics, photo retouching, and note-taking, it's a gift that will keep on giving. ⁣ ⁣ Now on sale on the Wacom US estore 🏷️⁣ #WacomSale
165 1
When author and @verabee had a fast deadline approaching, she was away from home and away from her usual work setup 😱 Enter Wacom Movink, a truly portable and powerful pen display she could use anywhere. Watch the full video on our YouTube to hear her full #WacomMovink review, and to see her spot illustration process. And make sure to look out for Return to Sender, publishing in 2025! #movink #creativeprofessionals #madewithwacom #creativesonthego #digitalart
154 0
@zeythehuman reminds us that sharing your art with the world is essential, but so is protecting it. Yuify helps artists safeguard their work and identity, so you can showcase your creativity without worry. 🔒 Want to know how to protect your art? Visit Yuify.com for more info. Now available for @clipstudioofficial #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
130 6
Let's create a little magic this season...❄️🪄💜⁣ Art by the one and only @aaronblaiseart⁣ #animation #madewithwacom #aaronblaise #snowbear
1418 6
✍🏻 El lápiz insignia para la sensación definitiva Wacom Pro Pen 3 no es un diseño genérico pensado para todo el mundo. En cambio, es el compañero definitivo para los creativos profesionales y promete la mejor experiencia de lápiz. Wacom está comprometida con su afirmación de "ofrecer la mejor experiencia con el lápiz" y no deja piedra sin mover para cumplir esta promesa. Diseñado para ofrecer adaptabilidad y precisión, el Wacom Pro Pen 3 ofrece opciones de personalización sin precedentes, lo que lo convierte en una herramienta esencial para los profesionales del arte digital, el diseño y otros campos. 🚀 Descubre cómo el Pro Pen 3 está redefiniendo las posibilidades creativas. Enlace en la biografía. #OrgulloDeWacom #WacomProPen3 #digitalink
243 15
👻 No puedes huir ni esconderte de estas pesadillas digitales 🏃🏻😅 Añade las tuyas en los comentarios a continuación ⬇️ #FelizHalloween #WacomMovink
495 10
🎥 Tutorial: Cómo crear una exportación en Wacom Yuify ¿Listo para llevar tus proyectos creativos al siguiente nivel? ¡Únete a la artista Zeynep Alpay @zeythehuman mientras te muestra los sencillos pasos para exportar tu trabajo en Wacom Yuify! Tanto si trabajas en ilustraciones detalladas como en diseños, saber cómo exportar sin problemas es esencial. 💼✨ ¡Toma el control de tus derechos digitales con estos consejos fáciles de seguir y aprovecha al máximo #WacomYuify! Regístrate gratis en Yuify.com #Yuify #GestiónDeDerechosDigitales #DerechosCreativos #HechoConWacom
87 1