Combine duas imagens no Adobe Photoshop - Leão e um moinho de vento em um campo

Como combinar duas fotografias no Adobe Photoshop, com Colin Smith

28 de janeiro de 2024

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

Neste tutorial, Colin Smith, o criador do PhotoshopCAFE, demonstra uma maneira fácil de fazer uma das coisas mais simples, porém mais procuradas, no Adobe Photoshop: combinar duas imagens em uma. Mas ele também mostra como fazer com que fique bonito!

Clique aqui para fazer o download das imagens que Colin usa para que você possa acompanhá-lo! Assista ao vídeo abaixo para ver o tutorial do Adobe Photoshop ou continue lendo para obter todos os detalhes.


Neste tutorial do Photoshop, combinaremos duas imagens e faremos com que elas pareçam pertencer uma à outra.

Tamanhos e posicionamento das imagens

Agora, a primeira coisa a fazer é observar o tamanho da imagem quando estiver combinando as duas. Portanto, vá para Dimensões do documento e anote o tamanho. Isso é para evitar qualquer problema de resolução das coordenadas. Você deseja pegar a imagem maior e colocá-la em cima da imagem menor. Dessa forma, estamos apenas diminuindo a escala e nunca aumentando nada, pois isso suaviza a imagem e a faz perder qualidade.

Recorte de um leão no Adobe Photoshop

Vamos escolher a ferramenta Mover e, com a ferramenta Mover selecionada, vamos arrastar e soltar isso nos outros documentos. Portanto, basta arrastá-la, mas sem soltá-la - vá para a guia e a segunda imagem será aberta. Vá para o meio e não o solte ainda! Mantenha pressionada a tecla Shift e, em seguida, solte-a. O motivo pelo qual mantivemos pressionada a tecla Shift é que ela o centralizará. E se olharmos agora para a camada, combinamos as duas imagens em uma só.

Obviamente, queremos recortar o leão e combinar a cor para que pareça realista, portanto, essa é a próxima etapa. Primeiro, certifique-se de que a ferramenta Mover esteja selecionada e pressione Ctrl-T ou Command-T para Transformar livremente. Vamos dimensionar um pouco o leão para que ele se encaixe em nossos limites.

Se não estiver configurado para se transformar proporcionalmente, esse é outro uso da tecla Shift: ao arrastar a imagem, mantenha pressionada a tecla Shift para mantê-la na mesma proporção. Além disso, se você mantiver pressionada a tecla Alt ou Option, poderemos dimensioná-lo a partir do meio.

Então, vamos arrastar isso para o meio e pressionar Enter. Agora podemos ver a imagem inteira. Vamos cortar nosso leão!

Cortando o leão

Portanto, vá até o menu Tools (Ferramentas) e escolha a ferramenta Object (Objeto) ou Quick Selection Tool (Seleção rápida). Não importa qual, pois cada uma delas nos dará a opção Select Subject (Selecionar assunto). Clique em Select Subject, e a IA do Photoshop fará a seleção para você!

Neste momento, queremos corrigir as áreas de pelo, portanto, vamos escolher Select and Mask. E agora estamos no espaço de trabalho Selecionar e Mascarar. O que queremos fazer é usar a Ferramenta Cabelo, que é o pincel Refinar, e contornar as bordas aqui dos cabelos longos, o que nos ajudará a obter uma seleção melhor.

Recorte de um leão no Adobe Photoshop

Muito bem, algumas outras pequenas configurações que ajudam nas seleções: em Radius (Raio), vamos definir como 1 e, em seguida, ativar a opção "decontaminate colors" (descontaminar cores) na parte inferior e clicar em OK.

Temos o nosso leão! Vamos redimensioná-lo e posicioná-lo. Pressione Ctrl-T ou Command-T para Free Transform e, mais uma vez, vamos dimensionar isso e podemos movê-lo para a posição.

Misturando os pés

Agora, o que precisamos fazer é mesclar esses pés para que pareçam estar realmente na grama.

Portanto, vamos nos certificar de que estamos selecionando nossa máscara de camada. Não a camada, mas a máscara próxima a ela. E vamos pegar um pincel. Com o pincel, vamos pintar de preto. O preto ocultará a camada e o branco a exibirá. E depois, com o pincel, vamos passar o pincel ao redor dos pés.

Mistura de pés de leão no Photoshop

Portanto, agora o leão está afundando na grama e não contornando a parte superior dela.

Cores que combinam

O que precisamos fazer agora é combinar a cor do leão com o restante da imagem e, em seguida, criar uma sombra para combinar com a sombra aqui. Então, em primeiro lugar, vamos combinar as cores com a camada do leão selecionada. Selecione a camada do leão, não a máscara. Pegue a ferramenta Mover, acesse o menu Imagem, selecione Ajustes e clique em Corresponder cor.

Portanto, com Match Color, o que queremos fazer é combinar a cor do nosso plano de fundo com a cor do nosso primeiro plano. Em fonte, você verá que todas as suas guias abertas estão lá. Certifique-se de escolher a mesma imagem em que está trabalhando. Em seguida, em camada, selecione a camada que está combinando - no nosso exemplo, ela se chama Background. Quando você selecioná-lo, ele assumirá imediatamente a cor do plano de fundo.

Agora, isso é um pouco forte demais, e é para isso que serve o controle deslizante de atenuação. Portanto, se olharmos para o Fade, à esquerda está a nova cor e, se arrastarmos o mouse até a direita, ele terá a nossa cor original.

Portanto, o que queremos fazer é encontrar a combinação certa entre os dois. Assim, à medida que o movemos para a esquerda, trazemos mais dessa nova cor. E só precisamos encontrar uma boa combinação e descobrir onde ela combina com seu olho. Clique em OK.

Correspondência de cores no Photoshop

Adição de uma sombra

Agora, por que não adicionamos uma bela sombra para que ela combine com o moinho de vento aqui? Com nossa camada selecionada, vamos até o pequeno botão "fx" para efeitos de camada e escolheremos Drop Shadow. Defina Opacity como 100, Distance, Size e Spread como zero. Isso criará uma sombra preta sólida. E se eu arrastar, você poderá ver que essa é a sombra que será criada. E vamos usar isso apenas como uma pequena máscara.

Primeiro, vamos separar essa sombra em uma camada totalmente nova. Se clicarmos com o botão direito do mouse em Effects e clicarmos em Create camada, será criada uma bela camada preta a partir da sombra que criamos.

Selecione a camada de sombra, clique na ferramenta Mover e, agora, vamos para Transformação livre pressionando Ctrl-T ou Command-T. Clique com o botão direito do mouse no leão e selecione Flip Vertical.

Adição de sombra no Photoshop

Agora, arraste-o para baixo e você verá que as sombras estão começando a aparecer embaixo do leão. Se você observar a sombra da imagem original, percebe como ela está se movendo um pouco para o lado? Isso é chamado de distorção. Vamos distorcer a sombra de nosso leão.

Então, vamos clicar com o botão direito do mouse e escolher skew. E se o arrastarmos, observe como podemos distorcer isso. Então, vamos copiar o ângulo que estamos vendo da outra sombra e alinhar os pés.

Ainda não está parecendo muito realista; temos mais algumas coisas a fazer. Primeiro, vou aplicar um desfoque na borda. Selecione a camada da sombra, vá até Filter (Filtro), depois Blur (Desfoque) e selecione Gaussian Blur (Desfoque Gaussiano). Mova o controle deslizante até que fique bom - estou levando-o para cerca de 14,8. Clique em OK.

Desfoque gaussiano no Photoshop

Agora vamos reduzir nossa Opacity. Certifique-se de que a camada de sombra ainda esteja selecionada e, nas propriedades da camada, ajuste a opacidade para baixo para que a sombra se misture um pouco melhor ao plano de fundo.

Agora, há outras coisas que poderíamos fazer, como mapas de deslocamento e outras coisas, mas quero manter isso simples porque este é um tutorial para iniciantes. Portanto, a última etapa é um pequeno truque que eu inventei e que funciona bem quando você está combinando camadas e quer apenas unir tudo. E isso é feito aplicando um pouco de cor a ele.

Combine tudo com uma sobreposição de cores

No menu de camada, clique no ícone de camada Novo preenchimento ou Ajuste e selecione Cor sólida. Podemos escolher qualquer cor que quisermos; vamos usar um tom de cor quente aqui. Selecione sua cor e clique em OK.

Certifique-se de que essa camada de cor esteja selecionada e altere o Blend Mode dela para Color only (Somente cor). A cor vai mudar e todo o resto permanecerá intacto. Agora, queremos mesclar essa cor com a cor original.

Portanto, vamos reduzir a opacidade dessa camada até o fim e, em seguida, aumentá-la um pouco para ver como fica quando começamos a aplicar algumas dessas cores. Observe como isso realmente une tudo!

Combine duas imagens no Adobe Photoshop - Leão e um moinho de vento em um campo

Para os iniciantes, eu queria simplificar esse procedimento. Há muitas coisas diferentes que eu poderia ter feito, e criei muitos outros tutoriais que mostram como fazer todas essas outras coisas, como mapas de deslocamento e correspondência de cores mais precisa, e coisas diferentes como essas. Talvez o próximo que você queira examinar seja o Layer Masking for Beginners (Máscara de camada para iniciantes).


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.

Siga-o e seu trabalho no YouTube, Instagram, Facebook e Twitter.

Publicações relacionadas:

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 5: Como usar o 'modo de precisão'

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 5: Como usar o 'modo de precisão'

Comparação entre Affinity e Adobe para criar um marcador de página, com Vivienne Le

Comparação entre Affinity e Adobe para criar um marcador de página, com Vivienne Le

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 4: Como criar um menu radial personalizado

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 4: Como criar um menu radial personalizado

Finanças com Klarma

Shop now pay later with Klarna.

Only on the US eStore.

Shop now>

Conecte-se com a Wacom nas mídias sociais

Add a dash of magic to everyday moments🫖⏱️🥃🥄🃏✨ Our friend @monsieur_arefin shows us that sometimes all we need is already around us. Look around and reimagine the ordinary. It's amazing what a glue gun and some editing can do 😍 Stay tuned for part two! 2️⃣✌🏾 #madewithwacom #photoediting #artistlife #artistsoninstagram #inspiration #ConnectedInk2024
258 8
Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️ Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! #animation #2danimation #aaronblaise #MadeWithWacom
522 13
Black Friday Deals are here 🖤🎁🛒⁣ Head to our Amazon store to discover our exclusive #BlackFriday deals. ⁣ Whether you're a beginner artist or a pro, we have something for you!⁣ Head to the link in our bio or our stories to save! ⁣ Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣ #christmasgifts #holiday #deals #shopping #amazon #wacomsale
109 2
Hey 👋 Artists of Europe! We’ve got some exciting news for you! 🎉 Wacom Europe now has its very own INSTAGRAM ACCOUNT — created just for YOU! Follow @wacomeurope and get ready for: ✨ Creative tips & tricks 🎨 Get inspired by incredible artists 📅 Stay updated on local events 💡 Enjoy exclusive promotions Let’s celebrate creativity together and join the Wacom community 🚀 Follow us here 👉 @wacomeurope #CreativeCommunity #WacomArtists #WacomCommunity
183 19
When the brain won't quit playing tricks 🧠👯‍♂️🖌️ Switching to digital can be hard but not impossible, right @lplucas? What are some of the things you struggle with as you transition from analog to digital? Tell us in the comments 👇🏼 #madewithwacom #digitalartist #digitalart #artistsoninstagram #artistlife #wacomtablet #wacomtips
1694 15
Você já pensou em se tornar um designer de joias?  Como parte do #CareerDevelopmentMonth, estamos entusiasmados em compartilhar algumas carreiras diversas entre os usuários da Wacom. ✍️ Conheça Quincy Vadan (@champagne_corpse), designer independente de joias e artista-proprietária da Vadan Jewelry. Quincy compartilha todo o processo de criação de uma coleção de cápsulas de três peças. Sua configuração, incluindo a Wacom #CintiqPro, possibilita que ele permaneça completamente independente e assuma o controle da grande maioria de seu processo criativo. Acesse o link na biografia para assistir ao vídeo completo! #Wacom #MadeWithWacom #WacomForEducation #Jewelry #JewelryDesigner #SilverJewelry #ConnectedInk #ConnectedInk2024
149 21
Inscreva-se em um incrível webinar GRATUITO AMANHÃ às 13h PST com o incrível @aaronblaiseart! ❄️🐻‍❄️🤍 Aprenda com um de nossos mentores de animação favoritos enquanto ele nos orienta no processo de criação de personagens animais incríveis, como o personagem principal de seu curta de animação, Snowbear.  Inscreva-se pelo link em nossa biografia ☝🏼 #wacomwebinar #wacomconnectedink #digitalart #artwebinar
686 11
Quer saber como criar licenças para sua arte? @zeythehuman explica como configurar facilmente licenças* no Wacom Yuify, garantindo que seu trabalho esteja protegido. Desde o uso de modelos até a personalização de seus próprios contratos, nunca foi tão fácil gerenciar seus direitos criativos. Pronto para proteger sua arte? 🔑 Registre-se gratuitamente em Yuify.com. *O licenciamento Yuify está disponível apenas em regiões selecionadas e pode exigir acordos adicionais para casos específicos não cobertos pelo License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
114 1
Vamos nos aprofundar com @alexferreiraa para aprender como melhorar nossas poses usando o fluxo de trabalho #WacomMovink e 2D para levá-las ao próximo nível. Confira o vídeo completo por meio do link em nossa biografia ou acesse o canal @animationflow .academy no YouTube.  #animationflow #madewithwacom #characteranimation
315 4
Procurando um presente que emocionará uma criança de 7 anos, um pai ou um colega de trabalho? 🎁 Dê a eles um #WacomIntuos! Perfeito para desenhar, animar, quadrinhos, retocar fotos e fazer anotações, é um presente que continuará sendo oferecido. Agora à venda na Wacom US estore 🏷️ #WacomSale
191 6