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:

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

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

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

Jake aka @killerrabbitmedia prefers working on a Wacom Intuos because it's easy to carry and super durable. He also loves pixel art and Asperite because it blends artistry with technical skill. There's a long tutorial video on our YouTube explaining how Jake achieved this look. Go check it out! #madewithwacom #wqcomintuos #intuos #wacomtablet #pixelart #artistsoninstagram
315 6
Enjoy this stylized illustration created by @bonehaus inspired by his recent trip to Amsterdam. ⁣ ⁣ He goes full circle, collecting inspiration and reference, sketching in #AdobePhotoshop, illustrating in #AdobeIllustrator, and then right back to #photoshop for finalizing color and texture 🔄✌️⁣ ⁣ Once in Illustrator, Kirk outlines and traces the major shapes of his sketch, then removes the lines and focuses instead on shapes and shadows. ⁣ ⁣ "I start building in more shadows and more details to help separate any of the shapes that are struggling without that outline. I like my art without a ton of outline, so I prefer the challenge of using some shadows and highlights and stuff to separate them.”⁣ - @bonehaus⁣ Head to the #WacomBlog to read the full interview! ⁣ #MadeWithWacom #WacomCintiqPro #DigitalIllustration #adobeillustrator #Photoshop
307 1
El óleo perfecto para tus ideas es tan delgado como un espejo. 🪞🌾 Descubre la magia de Wacom Movink, nuestro primer lienzo digital OLED. Video creado por la maravillosa @martinab.illustrations 🌹 #WacomMovink #creativeprofessionals #creativesonthego #tabletadigital #artedigital
432 4
#WacomSale⁣ The festive season is upon us, and adventure calls! 🏁✈️🌎⁣ Unleash your creativity anywhere with a #WacomMovink.⁣ Shop now through the link in our bio!⁣
113 2
📝 Managing license requests and agreements is an essential part of protecting your work as a professional artist. And in this tutorial we show you how to do it easily. Wacom Yuify allows you to easily view, approve, or reject requests, ensuring your creative rights are secured. Streamlining the process means more control over your art and less hassle. 🔒 Ready to simplify your license management? 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
77 2
🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Cintiq 16! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/20 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
909 578
Therapeutic break! Let's draw some Winnie stickers with @konistudio on a #WacomOne 13. 🧣❄️🌲 #Wacomworkspace #madewithwacom #artistsoninstagram #artistlife
676 13
How to draw fire without burning yourself 🧯🔥 @lplucas thank you for this important service. Stay cozy and stay safe out there friends ✌️ #madewithwacom #drawingtips #digitalartist #digitalart #wacomtips
138020 103
How do you keep inspired during ordinary days? @buttersketch shares a glimpse into her creative process, full of graphic novels, picture books, music, journaling and art materials. "“I really love bribing myself with new materials,” she confesses with a smile. “I think it helps my brain bypass the anxiety of starting, because now I’m focused on just playing.” - @buttersketch✌️ #Wacomworkspace #WacomMovink #creativeprofessional #artistlife #artistsoninstagram #creativeinspiration
230 2
As an artist, protecting your work can feel impossible. Watermarks distort your art, and even then, they can be removed. Many have felt the frustration of seeing creations copied without credit - and that’s why Wacom Yuify exists ✨ —it adds an invisible mark to your work, keeping it safe and traceable without compromising its beauty. 🔒 Ready to protect your art? Visit Yuify.com for more info. Now available for @escapemotions #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
150 2
Reimagining everyday objects by adding a little bit of magic is easy with a little ingenuity, patience and curiosity. Thank you @monsieur_arefin for walking us through your process and showing us how you edit using Wacom Intuos Pro 🥰 #madewithwacom #photoshop #photoediting #ConnectedInk2024 #artistsoninstagram
270 5
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @yeseniaropesu, you're the lucky winner. Thanks to everyone who participated. Stay tuned for this week's giveaway coming up soon! 🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you FOUR incredible giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're starting strong with a Wacom Intuos M – perfect for creative hobbyists and art teachers alike! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/13 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
991 669
Este mensaje de error sólo es visible para los administradores de WordPress
Error: No hay ninguna cuenta conectada para el usuario 17841445048021802.