Hoje vou mostrar algumas maneiras simples e eficazes de estender um plano de fundo no Photoshop. Se você gosta de vídeos, aqui está um rápido tutorial em vídeo do canal Envato Tuts+ no YouTube para aprender como estender uma imagem no Photoshop:
O que você precisará
Antes de começarmos a aprender como estender um plano de fundo no Photoshop, aqui estão os ativos que foram utilizados durante a produção do tutorial:
O que você aprenderá neste tutorial do Photoshop
- Como estender uma imagem com fundo sólido no Photoshop
- Como estender uma imagem no Photoshop usando a opção Content-Aware Scale
- Como estender um plano de fundo no Photoshop com o complemento Image Extend
1. Como estender uma imagem com fundo sólido no Photoshop
Passo 1
Vamos começar abrindo nossa primeira imagem. Bater Controle-O e selecione a imagem.
![Abrindo uma imagem no Photoshop](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1990/posts/107644/image-upload/_0003_1.jpg?ssl=1)
![Abrindo uma imagem no Photoshop](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1990/posts/107644/image-upload/_0003_1.jpg?ssl=1)
![Abrindo uma imagem no Photoshop](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1990/posts/107644/image-upload/_0003_1.jpg?ssl=1)
Passo 2
Para estender o fundo de uma imagem com fundo sólido no Photoshop, tudo que você precisa fazer é clicar Alt-Control-C e mude o Altura para 3.000 pixelse, em seguida, altere o Cor da extensão da tela para a cor do seu fundo usando o Ferramenta de seleção de cores.
![Estendendo o plano de fundo no Photoshop](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1990/posts/107644/image-upload/_0002_2.jpg?ssl=1)
![Estendendo o plano de fundo no Photoshop](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1990/posts/107644/image-upload/_0002_2.jpg?ssl=1)
![Estendendo o plano de fundo no Photoshop](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1990/posts/107644/image-upload/_0002_2.jpg?ssl=1)
Veja como nossa imagem deve ficar agora:
![imagem com fundo estendido](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1990/posts/107644/image-upload/_0001_3.jpg?ssl=1)
![imagem com fundo estendido](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1990/posts/107644/image-upload/_0001_3.jpg?ssl=1)
![imagem com fundo estendido](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1990/posts/107644/image-upload/_0001_3.jpg?ssl=1)
etapa 3
Se você tiver linhas onde as cores não combinam, você pode corrigi-las com o Ferramenta Pincel de Recuperação para Manchas (J). Basta pintar essas linhas com esta ferramenta.
![usando ferramenta de cura local](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1990/posts/107644/image-upload/_0000_4.jpg?ssl=1)
![usando ferramenta de cura local](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1990/posts/107644/image-upload/_0000_4.jpg?ssl=1)
![usando ferramenta de cura local](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1990/posts/107644/image-upload/_0000_4.jpg?ssl=1)
![imagem final depois de usar a ferramenta pincel de recuperação de manchas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1990/posts/107644/image-upload/Untitled_1_2.jpg?ssl=1)
![imagem final depois de usar a ferramenta pincel de recuperação de manchas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1990/posts/107644/image-upload/Untitled_1_2.jpg?ssl=1)
![imagem final depois de usar a ferramenta pincel de recuperação de manchas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1990/posts/107644/image-upload/Untitled_1_2.jpg?ssl=1)
2. Como estender uma imagem no Photoshop usando a opção de escala sensível ao conteúdo
Passo 1
Vamos tentar outro método. Abra sua imagem e Duplo click na camada Plano de fundo para rasterizar a camada.
![Rasterizando o fundo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/Rasterizing%20the%20background.jpg?ssl=1)
![Rasterizando o fundo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/Rasterizing%20the%20background.jpg?ssl=1)
![Rasterizando o fundo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/Rasterizing%20the%20background.jpg?ssl=1)
Passo 2
Então bata C para ativar o Ferramenta de corte.
etapa 3
Arraste as linhas da ferramenta de corte para estender o fundo conforme necessário.
![estendendo o fundo no Photoshop com uma ferramenta de corte](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/extending%20background%20in%20Photoshop%20with%20a%20crop%20tool.jpg?ssl=1)
![estendendo o fundo no Photoshop com uma ferramenta de corte](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/extending%20background%20in%20Photoshop%20with%20a%20crop%20tool.jpg?ssl=1)
![estendendo o fundo no Photoshop com uma ferramenta de corte](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/extending%20background%20in%20Photoshop%20with%20a%20crop%20tool.jpg?ssl=1)
Passo 4
Agora pressione Alt-Shift-Control-C para ativar o Escala sensível ao conteúdo ferramenta. Segurar Mudança e arraste as linhas para estender o fundo da imagem.
![estendendo um histórico com ferramenta de escala com reconhecimento de conteúdo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/extending%20a%20background%20with%20content%20aware%20scale%20tool.jpg?ssl=1)
![estendendo um histórico com ferramenta de escala com reconhecimento de conteúdo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/extending%20a%20background%20with%20content%20aware%20scale%20tool.jpg?ssl=1)
![estendendo um histórico com ferramenta de escala com reconhecimento de conteúdo](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/extending%20a%20background%20with%20content%20aware%20scale%20tool.jpg?ssl=1)
Esta será a aparência da sua imagem:
![resultado de imagem estendida](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/extended%20image%20result.jpg?ssl=1)
![resultado de imagem estendida](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/extended%20image%20result.jpg?ssl=1)
![resultado de imagem estendida](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/extended%20image%20result.jpg?ssl=1)
Etapa 5
A Content Aware Scale é uma ótima ferramenta quando você trabalha com imagens de paisagens, pois não há problema se alguns elementos naturais, como água, grama e arbustos, ficarem um pouco esticados ou comprimidos, mas não recomendo usar esse método com retratos, pois isso pode afetar as proporções faciais e fornecer resultados como este:
![por que você não deve usar conteúdo compatível com retratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/why%20you%20should%20not%20use%20content%20aware%20with%20portraits.jpg?ssl=1)
![por que você não deve usar conteúdo compatível com retratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/why%20you%20should%20not%20use%20content%20aware%20with%20portraits.jpg?ssl=1)
![por que você não deve usar conteúdo compatível com retratos](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/why%20you%20should%20not%20use%20content%20aware%20with%20portraits.jpg?ssl=1)
3. Como estender um plano de fundo no Photoshop com o complemento Image Extend
Passo 1
A técnica anterior pode fazer com que algumas áreas da imagem pareçam desfocadas e você pode perder a qualidade da imagem. Para evitar isso, vamos tentar o complemento ga-analytics#sendElementsClickEvent”>Image Extend. Abra a imagem que deseja usar e vá para Janela > Extensões > Extensão de imagem para abrir o complemento.
![abrindo o complemento de extensão de imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/opening%20the%20extend%20image%20addon.jpg?ssl=1)
![abrindo o complemento de extensão de imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/opening%20the%20extend%20image%20addon.jpg?ssl=1)
![abrindo o complemento de extensão de imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/opening%20the%20extend%20image%20addon.jpg?ssl=1)
Passo 2
Aqui você pode escolher qual lado do fundo deseja estender e quantos pixels deseja adicionar. Vamos marcar Sensível a Conteúdo e então defina todos os lados para 200 pixels.
![configurando o complemento de extensão de imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/setting%20up%20the%20extend%20image%20addon.jpg?ssl=1)
![configurando o complemento de extensão de imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/setting%20up%20the%20extend%20image%20addon.jpg?ssl=1)
![configurando o complemento de extensão de imagem](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/setting%20up%20the%20extend%20image%20addon.jpg?ssl=1)
etapa 3
Depois disso, basta clicar Ampliar e espere um pouco.
![resultado de imagem estendida com addon](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/extended%20image%20result%20with%20addon.jpg?ssl=1)
![resultado de imagem estendida com addon](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/extended%20image%20result%20with%20addon.jpg?ssl=1)
![resultado de imagem estendida com addon](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/extended%20image%20result%20with%20addon.jpg?ssl=1)
Trabalho incrível, agora você terminou!
Aqui está o nosso resultado final! Usando esses métodos simples, você pode estender o plano de fundo de praticamente qualquer imagem. Não se esqueça de experimentar o complemento ga-analytics#sendElementsClickEvent”>Image Extend, pois é uma ferramenta realmente útil, com ótimas opções e bons resultados.
![resultado final](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/Final%20result.jpg?ssl=1)
![resultado final](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/Final%20result.jpg?ssl=1)
![resultado final](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/Final%20result.jpg?ssl=1)
Acompanhe-nos em nosso canal Envato Tuts+ no YouTube se quiser assistir a um tutorial passo a passo sobre como estender uma imagem no Photoshop:
Por último, gostaria de recomendar um produto da ga-analytics#sendElementsClickEvent”>Envato Elements, que pode ajudá-lo a estender um plano de fundo no Photoshop com apenas alguns cliques:
ga-analytics#sendElementsClickEvent”>Extensão de imagem: Kit de recorte e expansão (ZXP)
Image Extend é um complemento que o ajudará a aumentar suas imagens estendendo suas bordas. Ele manterá a qualidade da sua imagem e ajudará a evitar áreas desfocadas, pois este complemento cria novos dados de pixel e preenche áreas com base no conteúdo existente. Este painel será muito útil se você precisar estender o plano de fundo no Photoshop para uma série de imagens.
![Image Extend - Kit de recorte e expansão](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D850/uploads/users/1381/posts/37366/image-upload/Image%20Extend%20-%20Clipping%20%26%20Expansion%20Kit.jpg?ssl=1)
![Image Extend - Kit de recorte e expansão](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D630/uploads/users/1381/posts/37366/image-upload/Image%20Extend%20-%20Clipping%20%26%20Expansion%20Kit.jpg?ssl=1)
![Image Extend - Kit de recorte e expansão](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width%3D360/uploads/users/1381/posts/37366/image-upload/Image%20Extend%20-%20Clipping%20%26%20Expansion%20Kit.jpg?ssl=1)
Explore mais recursos incríveis do Photoshop
Se você quiser aprender mais dicas e truques do Photoshop, confira estes tutoriais incríveis: