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:

Obi Arisukwu’s 5-Step Digital Painting Process on Wacom Cintiq Pro 22

Obi Arisukwu’s 5-Step Digital Painting Process on Wacom Cintiq Pro 22

Como cortar o cabelo de um plano de fundo ocupado no Adobe Photoshop, com o PiXimperfect

Como cortar o cabelo de um plano de fundo ocupado no Adobe Photoshop, com o PiXimperfect

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

Vera Brosgol on her creative career journey, the difference between traditional and digital art, and the benefits of starting small

Vera Brosgol on her creative career journey, the difference between traditional and digital art, and the benefits of starting small

Conecte-se com a Wacom nas mídias sociais

Remember when @thebunbunshopofficial made us a sweet Valentine's postcard on her Wacom Cintiq 🐇🎈🩷 🌹💘 This Valentine’s Day, skip the store-bought and get creative! Whether it's a hand-drawn sketch, a digital masterpiece, or a heartfelt design, crafting something unique shows how much you truly care. Not only will you save money, but you’ll also prove that artists are the ultimate romantics. 💖✨ So, what are you creating for someone special this year? Share your creations with us! #madewithwacom #ValentinesDayArt #WacomLove
172 1
Kicking off Black History Month with @imjoshualeonard 🙏 Check out his full character design tutorial on YouTube. (Head to our stories 👆) Joshua is an incredible character designer, 2D animator, and concept artist on a mission to create diverse, inclusive, and impactful characters that challenge stereotypes. This month, let's come together to celebrate and uplift Black artists worldwide, shining a light on their talent, creativity, and contributions. 🥊❤️‍🔥 #blackhistorymonth #blackartist #blackartmatters #madewithwacom
160 35
Sometimes a little change of scenery is all you need to get creative. ⁣ Gather your things (don't forget that tablet 😉) and step outside 🎒⁣ What do you carry in your bag when when you're whipping up magic on the move? ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals ⁣
135 1
Picture the café you ducked into after an art show,⁣ or the library where you dove into research.⁣ Maybe it's the bed you sank into to take a breather.⁣ Then, in a moment of inspiration, you grab your Wacom #Movink and make it happen, the idea flowing before it slips away. 🍂🌬️🪁📕✍️⁣ ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals
152 1
Get lost in the details like @danidiamondphotography 📷☕🔍 Experience color like never before with the Wacom Cintiq Pro 27! With 99% Adobe RGB, 98% DCI-P3, and over 1 billion colors, your photos will pop with incredible accuracy. 🎨 Plus, with HDR Gamma support, stunning 4K resolution, and a smooth 120Hz refresh rate, your photo editing sessions will feel more immersive than ever. 😍 And with its ergonomic design, it’s the most comfortable way to edit for long hours without any strain. #wacomworkspace #CintiqPro27 #wacomcintiqpro #photoediting #retouching #photography
736 5
Today we celebrate the 𝐍𝐚𝐭𝐢𝐨𝐧𝐚𝐥 𝐇𝐚𝐧𝐝𝐰𝐫𝐢𝐭𝐢𝐧𝐠 𝐃𝐚𝐲 🤩! Ever wished you could learn calligraphy? We asked @afinkandink to teach us some basics to get you started. ✏️✒️🖊️✍️🖋️ Doesn't she make it look so easy? #nationalhandwritingday #Handwriting #DigitalInk #DigitalPen #WacomPen #calligraphy #creativelettering #lettering #moderncalligraphy #madewithwacom
152 6
Calling all newbies! 📣📣📣 Try these three exercises to help you master your digital pen ✍️ #Wacom #WacomTips #wacomtablet #drawingtips #drawingtablet #digitalart #wacompen #wacomintuos #wacomintuospro
583 13
Today, we lift our heads high and draw one another in even tighter. 🤲🥹⁣ ⁣ We extend our deepest sympathies to all those enduring the aftermath of the distressing fires in Los Angeles. The sorrow wrought by this tragedy is close to our hearts, and in this time of trial, we embrace our community with unwavering support.⁣ ⁣ Art by the wonderful @yingshiart ⁣ ⁣
847 6
Change is scary sometimes. It also requires time. 🫠 For @adam_theillustrator, it took some time to switch the mouse over a stylus, but he never looked back. 💪 Do you remember what it was like for you? How many tries did it take you to master drawing with a tablet? What advice do you have for new users? #wacomtablet #wacomintuospro #digitalartist #digitalart #wacom #wacompen
2135 65
Time flies when you're absorbed in the details, hyper focusing on every stroke and thinking about every line. 👀🤓🧐🔍🐲 Love seeing @andrezgalviz_art taking advantage of his beautiful Cintiq Pro 24 canvas to sculpt for hours. #madewithwacom #Wacomworkspace #wacomcintiq #CintiqPro #3dmodeling #3dsculpting #3dart
1085 10
Don't mind us, we're out here mesmerized watching @andreaalice.nz make petals 🌺🌸💜🖌️ What beautiful things are you making today? Tag us #MadeWithWacom Now go feast your eyes and check out Andrea's stunning botanical prints. #creativeprofessionals #digitalart #artistsoninstagram
392 8