Imagem de recurso de mesclagem do tutorial do Photoshop

Como criar uma impressionante colagem de fotos combinadas no Adobe Photoshop

28 de abril de 2024

Talvez você já esteja usando o Adobe Photoshop há algum tempo ou talvez esteja apenas começando. Há muitas maneiras de fazer todos os tipos de edição no software, bem como todos os tipos de dicas, truques e hacks para fazer as coisas de forma mais simples e fácil.

Neste tutorial, Colin Smith, o criador do PhotoshopCAFE, demonstra como mesclar fotos, misturá-las perfeitamente em uma colagem digital e adicionar um efeito de texto na parte superior.

Assista ao vídeo abaixo para ver o tutorial do Adobe Photoshop ou continue lendo para ver um resumo das instruções!


Neste tutorial do Adobe Photoshop, mostraremos a você como mesclar imagens e criar uma colagem de fotos.

1. Carregar imagens

Portanto, a primeira etapa é trazer as três imagens com as quais vamos trabalhar. Crie uma pasta, caso ainda não o tenha feito, e coloque as imagens nela.

No Photoshop, selecione File > Scripts > Load Files into Stack (Carregar arquivos na pilha). Isso colocará todos eles em um único documento. Pressione Browse, localize a pasta que você criou, selecione as imagens e clique em OK. O Photoshop criará um novo documento e soltará as três imagens, uma sobre a outra.

Imagem de photoshop de Colin Smith

2. Cortar tela

Agora, pressione Ctrl/Cmd+0 e o zoom será reduzido para que possamos ver a imagem inteira.

Agora, vamos cortar a imagem no tamanho que vamos usar. Use a ferramenta Cortar (atalho C). Certifique-se de que a opção Delete Cropped Pixels (Excluir pixels cortados) não esteja marcada. Se ele fizer isso, na verdade cortará as outras partes da imagem.

Imagem de photoshop de Colin Smith

3. Mover e redimensionar a camada de imagem

Use a Ferramenta Mover (tecla de atalho M) e posicione uma imagem sobre a outra onde vamos mesclá-la com a outra imagem.

No meu exemplo, vou arrastar a imagem da mulher para a parte superior esquerda e colocar o pessoal do ônibus à direita. Redimensione suas imagens usando a ferramenta Transformar (Ctrl/Cmd+T) para que elas tenham o tamanho desejado.

Dica: tente evitar redimensionar as imagens para torná-las maiores, pois isso pode criar pixelização. Fazer isso um pouco é aceitável, especialmente para imagens menores e para a Internet, mas para imagens maiores ou para impressão, não é uma boa ideia.

Imagem de photoshop de Colin Smith

4. Mesclar imagens

Portanto, primeiro, crie uma máscara de camada na parte superior. Com a camada superior selecionada no painel de camadas, clique no botão New camada Mask (Nova máscara de camada ).

Pressione a tecla D para redefinir as cores do primeiro plano e do plano de fundo para preto e branco. Selecione a ferramenta Gradiente (tecla de atalho G). Use a amostra de primeiro plano para fundo ou de preto para branco na pasta Basics. Defina a direção do gradiente como Linear e Opacity como 100.

Agora, com a máscara de camada selecionada, arraste o mouse da borda direita da imagem para a esquerda. A mescla deve remover a borda da foto, como na imagem abaixo. Se você quiser misturar mais, arraste-o para mais longe. Para obter uma mistura mais suave, você começará mais longe e arrastará mais para fora.

Imagem de photoshop de Colin Smith

5. Aplique a sobreposição

Para criar uma sobreposição, usaremos a terceira imagem como uma textura de fundo mesclada com as outras duas. Neste exemplo, estamos usando uma camada de mapa com aparência vintage. Revele essa camada em sua pilha de camadas. Use a ferramenta Transformar (Ctrl/Cmd+T) para redimensionar a camada de modo a cobrir toda a tela.

Dica: se a forma estiver mudando quando você a estiver arrastando, mantenha pressionada a tecla Shift para restringi-la.

Imagem de photoshop de Colin Smith

Altere o modo de mesclagem usando o menu no painel de camada. Há muitos efeitos diferentes que podem ser obtidos e com os quais você pode brincar. Experimente diferentes tipos de modos de mesclagem, dependendo do tipo de imagem com que estiver trabalhando. Para este tutorial, selecionaremos Overlay e definiremos Opacity como 52%. Veja como as coisas estão começando a se misturar um pouco melhor agora.

Imagem de photoshop de Colin Smith

Agora, vamos remover a sobreposição das faces dos modelos. Crie uma nova máscara de camada e selecione-a. Pressione a tecla X para definir o preto como a cor do primeiro plano. Selecione a ferramenta Brush Tool (tecla de atalho B) > Soft Round Brush. Defina a Opacidade como 100.

Imagem de photoshop de Colin Smith
Imagem de photoshop de Colin Smith

Agora, pinte as áreas em que deseja remover completamente a sobreposição, como os rostos dos objetos. Em seguida, reduza a Opacity (Opacidade ) para cerca de 18 e continue esmaecendo a sobreposição nas áreas em que você acha que o efeito pode ser suavizado - talvez as roupas e/ou os equipamentos dos sujeitos, ou partes do plano de fundo que você deseja que fiquem mais visíveis.

Imagem de photoshop de Colin Smith

6. Adicionar um efeito de cor usando um gradiente

Primeiro, certifique-se de que a camada esteja selecionada, e não a máscara de camada.

Escolha duas cores, de preferência um tom quente e um tom frio, usando a ferramenta Conta-gotas (tecla de atalho I). Você pode escolher cores da imagem clicando ou arrastando o mouse enquanto o painel Color Picker estiver aberto. Para este tutorial, foram usadas as cores#b65d23 (Primeiro plano) e#6ba1b4 (Plano de fundo).

Agora, no painel de camada, vá para Adjustment camada > Gradient. A janela Gradient Fill será aberta. Altere o Gradient Type (Tipo de gradiente ) para Foreground (Primeiro plano) e Background (Plano de fundo ), e você poderá ver as cores que escolhemos. Defina o ângulo como 1,46.

Agora, no painel de camadas, altere o modo de mesclagem para Color. Isso aplica a cor do nosso gradiente na imagem, permitindo que todos os detalhes da imagem sejam exibidos.

Imagem de photoshop de Colin Smith

Agora, vamos mesclar as cores originais com a camada de gradiente de cor. Reduza a Opacidade da camada de ajuste de gradiente para 20% e, em seguida, ajuste de acordo com seu gosto.

Imagem de photoshop de Colin Smith

7. Adicionar texto com efeito de sombra projetada

Use a ferramenta Type Tool (atalho: tecla T). A fonte usada aqui é a Nexa Rust Sans, que pode ser baixada e usada gratuitamente para uso pessoal, mas você pode usar a que quiser. Para este tutorial, digitamos "ADVENTURE". Altere a cor para Branco (#FFFFFF) e redimensione para grande.

Selecione a camada com seu tipo. No painel de camadas, clique em Effects (Efeitos) > Drop Shadow (Sombraprojetada).

Na janela Estilo de camada que se abre, verifique se a guia Sombra projetada está marcada. Clique aqui. Defina a Opacity (Opacidade ) como 100, Distance (Distância ) como 0. Altere o Size (Tamanho ) de acordo com sua preferência (na verdade, isso se refere à suavidade da borda da sombra). Defina Preenchimento como 10%.

Dica: se quiser ver como será o resultado final do efeito de texto, vá para Blending Options (Opções de mistura ) e você verá Opacity ( Opacidade) e Fill Opacity (Opacidade de preenchimento), como no painel de camadas. Reduza o Fill Opacity para 0 e você verá que ele oculta as texturas, mas ainda permite que o efeito apareça.

Imagem de photoshop de Colin Smith

Agora, com a camada de tipo selecionada, duplique (Ctrl/Cmd+J) a camada. Defina Opacity e Fill como 100.

Queremos mesclar a camada duplicada com a camada original mais transparente abaixo dela para criar um efeito de gradiente. Portanto, primeiro, crie uma máscara de camada na camada do tipo duplicado. Selecione novamente a Gradient Tool (tecla de atalho G). Pressione a tecla D para redefinir as cores do primeiro plano e do plano de fundo para preto e branco. Em seguida, use o gradiente linear como antes, agora arrastando de cima para baixo. Defina Opacity como 50%.

Se achar que a imagem está muito escura, você pode alterar o modo de mesclagem para Screen (Tela), o que a tornará mais clara. Observe que podemos obter uma sensação completamente diferente dependendo do modo de mesclagem, portanto, faça experiências com diferentes modos.

É isso aí! Veja nossa imagem final abaixo. Esperamos que você tenha gostado desse projeto criativo.

Imagem de photoshop de Colin Smith
Colin Smith Foto do perfil

Sobre o apresentador:

Colin Smith usa o Adobe Photoshop profissionalmente há 20 anos. Ele faz treinamentos para a Adobe e a Apple e escreveu 20 livros. Em seu canal no YouTube, PhotoshopCAFE, ele tem centenas de tutoriais e dicas fáceis de seguir sobre o Photoshop, além de tutoriais sobre o Lightroom e vídeos ocasionais sobre tecnologia fotográfica ou drones.

Para obter mais informações ou para ver mais recursos gratuitos de Colin para o Adobe Photoshop, visite o site do Photoshop Cafe ou confira sua biblioteca de treinamento premium.


Publicações relacionadas:

Expanda sua criatividade — Flexione seu Movink! Editando fotos em qualquer lugar com Amyboyy

Expanda sua criatividade — Flexione seu Movink! Editando fotos em qualquer lugar com Amyboyy

Os melhores tutoriais gratuitos para começar a manipular fotos com o Adobe Photoshop

Os melhores tutoriais gratuitos para começar a manipular fotos com o Adobe Photoshop

Ben Von Wong: A irrelevância como combustível para gerar ação coletiva

Ben Von Wong: A irrelevância como combustível para gerar ação coletiva

Wacom Cintiq Pro, um item indispensável para fotógrafos profissionais

Wacom Cintiq Pro, um item indispensável para fotógrafos profissionais

Conecte-se com a Wacom nas mídias sociais

Have you ever tried masking out a person using a mouse? 🫢 @ruthiesmagicalcamera did and it really sucked. 🤷🏻‍♀️ Ruthie likes to have full control over every single detail on her photo composites, and editing with a Wacom pen allows her to get really deep in the details, with razor sharp precision, as if she were painting over her photos 💃✍️📸🌾 Check her out trying out the new #WacomMovink! PS. The Wacom Movink is now on sale! #photoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
54 0
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
329 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
313 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
439 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
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @dumartrigali, 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 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
912 582
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
138568 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
271 5