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:

Aproveitando ao máximo sua Wacom com Pablo Muñoz Gómez — Dica 10: Como fazer backup de suas configurações personalizadas da Wacom

Aproveitando ao máximo sua Wacom com Pablo Muñoz Gómez — Dica 10: Como fazer backup de suas configurações personalizadas da Wacom

Aproveitando ao máximo sua Wacom com Pablo Muñoz Gómez, Dica 9: Outros dispositivos e recursos da Wacom

Aproveitando ao máximo sua Wacom com Pablo Muñoz Gómez, Dica 9: Outros dispositivos e recursos da Wacom

Aproveitando ao máximo sua Wacom com Pablo Muñoz Gómez, Dica 8: Ferramentas essenciais da Wacom para o ensino

Aproveitando ao máximo sua Wacom com Pablo Muñoz Gómez, Dica 8: Ferramentas essenciais da Wacom para o ensino

Como desenhar uma ilustração estilizada no Adobe Illustrator, com Kirk Wallace, também conhecido como Bone Haus

Como desenhar uma ilustração estilizada no Adobe Illustrator, com Kirk Wallace, também conhecido como Bone Haus

Conecte-se com a Wacom nas mídias sociais

It's assembly time! 🔨📏💪🪛 Watch @hannarybak_ upgrade her #WacomWorkspace with the Wacom Flex Arm. Are you good at assembling things? We think Hanna made it look like a breeze. #wacomcintiq #CintiqPro #digitalart #artistlife #creativeprofessionals
282 9
New year's resolution: spend more time outside! 🌞🌼🌿🪴⁣ Where's your favorite place to draw? ⁣ With the Wacom Movink, you can transform any charming park nook or quaint café into your creative haven.⁣ Video by the lovely @ho_yingching
271 3
#HappyNewYear2025⁣ Just as the snake sheds its skin, we're encouraged to release fears and opening ourselves up to growth and renewal. ⁣ ⁣ May 2025 be a year of profound transformation 💙✨⁣ ⁣ Art by @here_4_cheese and calligraphy by @miki.amn ⁣ #Wacom #MadeWithWacom ⁣
2514 10
Kick off the new year with a new digital canvas. 🖌️🎨 Wacom One 12 is now on sale 🤘🤘🤘 Head to the Wacom estore to save. #WacomSale #WacomOne #wacomtablet
154 4
Quais são seus recursos favoritos da Intuos Pro? Para @adam_theillustrator, é deslocar/rolar, o atalho de teclado com zoom de três dedos e a opção de alternar a exibição para monitores duplos ✍️✨ #intuospro #wacomtips #wacomtablet #digitalartist #digitalart #adobeillustrator
736 26
Você já tentou mascarar uma pessoa usando um mouse? @ruthiesmagicalcamera fez e foi realmente uma porcaria. 🤷🏻‍♀️ Ruthie gosta de ter controle total sobre cada detalhe em suas composições fotográficas, e a edição com uma caneta Wacom permite que ela se aprofunde nos detalhes, com uma precisão afiada, como se estivesse pintando sobre suas fotos 💃✍️📸🌾 Veja como ela experimenta o novo #WacomMovink! PS. O Wacom Movink já está à venda! #photoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
443 9
Jake aka @killerrabbitmedia prefere trabalhar em uma Wacom Intuos porque é fácil de transportar e super durável. Ele também adora arte em pixels e asperita porque combina arte com habilidade técnica. Há um longo vídeo tutorial em nosso YouTube explicando como Jake conseguiu esse visual. Vá dar uma olhada! #madewithwacom #wqcomintuos #Intuos #wacomtablet #pixelart #artistsoninstagram
456 6
Aproveite esta ilustração estilizada criada por @bonehaus inspirada em sua recente viagem a Amsterdã. Ele dá uma volta completa, coletando inspiração e referência, desenhando em #AdobePhotoshop, ilustrando em #AdobeIllustrator e depois volta para #photoshop para finalizar a cor e a textura 🔄✌️ Uma vez no Illustrator, Kirk delineia e traça as principais formas de seu esboço, depois remove as linhas e se concentra nas formas e sombras. " Começo a criar mais sombras e mais detalhes para ajudar a separar qualquer uma das formas que estão enfrentando dificuldades sem esse contorno. Gosto da minha arte sem muitos contornos, então prefiro o desafio de usar algumas sombras, realces e outras coisas para separá-las.” - @bonehaus Acesse o #WacomBlog para ler a entrevista completa! #MadeWithWacom #WacomCintiqPro #DigitalIllustration #adobeillustrator #Photoshop
389 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
524 5
📝 Gerenciar solicitações e contratos de licença é uma parte essencial da proteção de seu trabalho como artista profissional. E neste tutorial, mostramos como fazer isso facilmente. O Wacom Yuify permite que você visualize, aprove ou rejeite solicitações com facilidade, garantindo que seus direitos criativos sejam protegidos. Simplificar o processo significa mais controle sobre sua arte e menos complicações. 🔒 Pronto para simplificar seu gerenciamento de licenças? 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
88 2
O sorteio desta semana está encerrado agora. ✌️✌️✌️ Parabéns @dumartrigali, você é o sortudo vencedor. Obrigado a todos que participaram. Fique ligado no sorteio desta semana em breve! 🎉✨ Dezembro de brindes está AQUI! ✨🎉 A magia do Natal está chegando e estamos entusiasmados em oferecer brindes semanais durante todo o mês de dezembro! 🎁 Volte toda sexta-feira para ter a chance de desembrulhar algo incrível! ✨ Nesta semana, estamos oferecendo uma Wacom Cintiq 16! 🎨 Veja como entrar: 🎅 Siga @wacom e @wacomedu ❤️ Curta esse post 🌟 Marque um amigo + seu criador favorito! O sorteio desta semana termina em 20/12 às 9h PST. O vencedor será marcado nesta publicação e somente contatado por meio de contas oficiais da Wacom. Seja extremamente cauteloso se for contatado via DM — certifique-se de que o remetente seja @wacom ou @wacomedu antes de compartilhar qualquer informação pessoal. 📩 Só pediremos seus detalhes de envio se você ganhar! Boa sorte 🍀 #Wacom #WacomForEducation #WacomGiveaway
936 585