em , , , ,

Tutorial: Como usar uma foto como background para ela mesma

Preview Descrição: Como estilizar uma imagem para que ela seja background dela mesma.

  • [message]
    • ##check##AVISO: Como usar uma foto como background para ela mesma

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+O e abra a foto a ser trabalhada, para este tutorial iremos usar a imagem abaixo.

Como usar uma foto como background para ela mesma

02. Sua paleta de layers deve estar como a da foto abaixo.

Como usar uma foto como background para ela mesma

03. Pressione Ctrl+J duas vezes para duplicar a layer, sua paleta de layers irá ficar como a da foto abaixo.

Como usar uma foto como background para ela mesma

04. Clique no ícone do olho para retirar a visibilidade da layer que está acima de todas as outras.

Como usar uma foto como background para ela mesma

05. Clique na layer do meio.

Como usar uma foto como background para ela mesma

06. Pressione a letra I(i) do teclado para selecionar a Eye Dropper Tool.

Como usar uma foto como background para ela mesma

07. Com a Eye Dropper Tool selecionada clique em alguma área para selecionar uma cor a ser usada no Background que será criado.

Como usar uma foto como background para ela mesma

08. A cor escolhida irá aparecer como cor de Foreground na paleta de ferramentas.

Como usar uma foto como background para ela mesma

09. Agora clique no ícone de New Adjustment Layer no rodapé da paleta de layers

Como usar uma foto como background para ela mesma

10. Escolha a opção Hue/Saturation na lista que irá abrir.

Como usar uma foto como background para ela mesma

11. Clique na opção Colorize.

Como usar uma foto como background para ela mesma

12. Sua imagem irá ficar assim.

Como usar uma foto como background para ela mesma

13. Defina o valor de Saturation em 50 e Lightness em 75.

Como usar uma foto como background para ela mesma

14. Clique em Ok, sua imagem irá ficar como a imagem abaixo.

Como usar uma foto como background para ela mesma

15. Clique na layer 1 e vá em Edit> Transform> Flip Horizontal.

Como usar uma foto como background para ela mesma

16. Clique na frente da layer que está sem visibilidade para restaurar sua visibilidade novamente.

Como usar uma foto como background para ela mesma

17. Clique na primeira layer (a que está acima de todas), agora pressione Ctrl+T para ativar a Free Transform Tool, pressione a tecla Shift+Alt e clique sobre uma das pontas da foto, arraste com as teclas pressionadas para aumentar a imagem proporcionalmente.

Como usar uma foto como background para ela mesma

18. Pressione Enter quando estiver do tamanho adequado, agora clique no ícone de Layer Styles no rodapé da paleta de layers.

Como usar uma foto como background para ela mesma

19. Selecione a opção Stroke na lista que irá abrir.

Como usar uma foto como background para ela mesma

20. Clique na opção Colors para escolher uma cor para a borda.

Como usar uma foto como background para ela mesma

21. Aqui você pode escolher a cor que achar melhor, como a janela de cores foi aberta usamos a cor do vestido para criar a borda da foto, para isto basta clicar sobre a foto, ao tirar o mouse de cima da caixa de cores a Eye Dropper Tool automaticamente irá aparecer.

Como usar uma foto como background para ela mesma

22. Agora defina o tamanho da borda e se ela será para dentro da imagem ou para fora, defina como na foto abaixo.

Como usar uma foto como background para ela mesma

23. Agora escolha opção Drop Shadow.

Como usar uma foto como background para ela mesma

24. Ao abrir a caixa de Drop Shadow clique na caixa ao lado da opção Blending Mode.

Como usar uma foto como background para ela mesma

25. Assim que a caixa de cores abrir clique em algum ponto da foto, para este efeito escolhemos a cor do rosto do noivo.

Como usar uma foto como background para ela mesma

26. Agora defina os valores abaixo.

Como usar uma foto como background para ela mesma

27. Clique em Ok, para sair da caixa de Layer Style e sua imagem deverá estar como a imagem abaixo.

Como usar uma foto como background para ela mesma

28. Pressione a letra V do teclado para selecionar a Move Tool.

Como usar uma foto como background para ela mesma

29. Com a layer que contém a foto de fundo selecionada clique e arraste a foto até ajudar a seu gosto, aqui subimos a foto para que o rosto do casal ficasse em evidência.

Como usar uma foto como background para ela mesma

30. Agora pressione Ctrl+T para ativar a caixa de Free Transform, redimensione a imagem caso seja necessário, clique em um dos pontos diagonais e com a tecla Shift pressionada clique e arraste para redimensionar até achar um tamanho que fique bom.

Como usar uma foto como background para ela mesma

31. Ao final sua imagem ficará assim.

Como usar uma foto como background para ela mesma

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para AnônimoCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

25 Comments

  1. ADOREI!!! Adoro o seu blog. Vc é muito gentil dividindo seus conhecimentos. Continue assim.
    Fiz a foto e ficou muito legal, só tem um problema, como salvar? Fui em FILE / Save AS / salvou no meu PC mas com um quadro assim PSD PS que só abre com o photshop. Tem como salvar no formato Jpeg, porque quero levar para impressão em papel de fotografia. Obrigada.

  2. Boa tarde, saudações de Portugal!
    André, tenho acompanhado o seu blog e feito muitos dos tutoriais aqui apresentados, parabéns pelo excelente trabalho.
    Tenho (ainda) poucos conhecimentos de Photoshop, mas o seu blog dá-me o entusiasmo necessário para continuar… 🙂
    Gostaria que me explicasse se, neste efeito com foto de background, é possivel que a foto original, a que se mantém colorida, fique com um formato geométrico diferente. Um coração, por exemplo, acho que ficava muito bem nesta montagem em particular. Devo aplicar alguma máscara?
    Obrigada pela atenção e continue com o excelente trabalho! Cumprimentos, Lucinha

  3. ola andre! tou a gostar imenso do blog todos os dias paxo por aki! XD

    precisava de sua ajuda!
    eu n sei se este tutorial serve para o k kero.
    mas aki vai…

    eu kero fazer uma montagem tipo a capa dos pink floyd. Aquela em que a imagem principal serve de quadro espetado na parede em sequencia.

    vou deixar o link para voce ver…
    upload.wikimedia.org/wikipedia/en/d/d4/PinkFloyd-album-ummagummastudio.jpg

    obrigado
    espero resposta 😉

  4. presente de dia dos namorados now ;D

    aeaheuaehuae

    cara, amo seu blog *-*

    parabéns por tudo, sou apaixonada por esse negócio de editar imagens, web design e coisas do tipo

    seu blog é simplesmente um luxo 😀

    ajuda muito, com certeza!!

    parabéns de novo, quando crescer quero ser assim XDD

    beijão o/

  5. Oi Rita, dá para fazer no Photoshop 7 sim, a última versão do Photoshop que foi lançada é a CS3 (10.0) para adquirir basta baixar pelo site da Adobe, você pode usar a versão de testes por 30 dias e se gostar, registrar, obrigado pela visita!!

  6. Oi André, seu blog é muito bom, vc é muito talentoso. Gostaria de saber se posso usar esses tutoriais no photoshop 7, pois é o que eu tenho. caso contrário, como consigo o mais atual, o que vc usa.

  7. Oi Salu se a layer tem o cadeado não teria como aparecer a opção de Blending Options, clicando duas vezes sobre a layer o que deveria aparecer era a opção de layer, onde ao clicar em Ok o cadeado sumiria, você tem certeza que esta layer está trancada com o ícone de cadeado? obrigado pela visita e desculpe a demora na resposta!!

    Oi Anônimo, a sua paleta de layers está como a do tutorial?, no caso quando você pressione Ctrl+T qual a mensagem que o Photoshop apresenta? obrigado pela visita, volte sempre!!

  8. Oi André!!! Parabéns pelo blog, tem ajudado muita gente inclusive a mim a aprender coisas genias!
    Tô com uma dúvida… vc disse q para retirar o cadeado, basta clicar duas vezes na layer e clicar ok, só q quando faço isso ele vai para estilo de camadas… será q vc sabe dizer pq?
    Por favor me ajuda!
    Abraço

  9. Oi Anônimo, muito estranho, é a primeira vez que vejo alguém reclamar de não conseguir ver nenhuma foto, você está acessando o blog de alguma rede fechada, tipo lan-house ou serviço? dá uma confirmada no Firefox indo em Ferramentas> Opções> Conteúdo e vê se a opção Carregar Imagens Automaticamente esta marcada, obrigado pela visita, espero que consiga arrumar aí 🙂

  10. Oi Glaucia, obrigado pela visita!! volte sempre!! 🙂

    Oi Pedro Viegas, eu que agradeço a visita e os elogios ao blog, muito obrigado e volte mais vezes!! 🙂

    Oi Gessy Sekhmet, qual navegador você usa? já testei no firefox, internet explorer e no netscape e nunca vi isso acontecer, muito estranho, obrigado pela visita e pelos elogios ao blog, volte mais vezes!! 🙂

    Oi Blog do Huno, obrigado pelos elogios ao blog!! volte sempre!! 🙂

    Oi Raphael, o Photoshop não é o programa ideal para criar banners de internet mas pode deixar que irei pesquisar um tutorial bacana para isso, obrigado pela visita!! 🙂

    Oi Tiago, obrigado pelo elogio ao blog pelas visitas e por ter assinado o feed, obrigado mesmo!! 🙂

    Oi Anônimo, quando fizer se precisar de ajuda é só mandar um recado ok? obrigado pela visita e volte sempre!!

    Oi Edu, a partir de outubro começarei a colocar os créditos, só não fiz isso até hoje pois sempre baixo muitos tutoriais e vou selecionando os que acho interessante, o ruim disso é que as url´s são perdidas no processo, afinal de contas estou baixando uma página, mas em todo caso obrigado pela visita!! 🙂

    Oi Luluzinha, você tem algum modelo para que eu pudesse ver? obrigado pela visita e desculpe a demora na resposta, volte sempre!!

    Oi Amigos & Agregados , a layer em que você está tentando aplicar a Transform Tool possui um cadeado? se sim clique duas vezes sobre esta layer e pressione Ok para retirar o cadeado, depois é só pressionar Ctrl+T e aplicar a Transform Tool :), espero que resolva, obrigado pela visita!!

  11. Apesar de não estar usando photoshop com tanta frequencia atualmente, continuo acompanhando o blog sempre atraves do rss. deixo aki o meu parabéns, pois este blog em pouco tempo se tornou o melhor acervo de tutoriais de photoshop para iniciantes e usuários intermediários, os tutoriais sempre simples e bem explicados como devem ser. espero que mantenha o blog por mto tempo. obrigado e parabéns mais uma vez.

  12. Parabéns por seus tutoriais. De grande utilidade. Até um tempinho atrás não manjava nada de photoshop. Hoje já consigo fazer algumas coisinhas…rss

    Gostaria um dia se vc pudesse fazer um tutorial de como fazer banners para paginas internet.

    Parabéns mais uma vez!

  13. Nossa os tutorias de vcs são simplesmente os melhores!!!

    Extremamente bem explicados, perfeito para aguém como eu que está aprendendo agora!!!

    Muitíssimo obrigado e continue com esse ótimo trabalho!!!

  14. Olá André!
    Gostaria de te dar os parabéns pelo blog. To aprendendo agora a brincar com o PS e teu blog tá sendo de uma utilidade absurda.

    Por sinal, mt lindo os efeitos xD

    Tem um detalhe, entretanto, não consigo ver algumas fotos, principalmente qdo tuto é um pouco mais longo, este último por exemplo eu não consegui ver todo. Eu fiz, só não sei se ficou certinho ^^!

    No mais, é parabéns memso e muito obrigada por compartilhar o conhecimento que tu tens!
    Vlw!!!!
    =D

  15. Comecei a utilizar o photoshop à uma semana e pouco e não sabia nem abrir uma imagem, mas os seus tuturiais são simplesmente brutais, bem explicados, com efeitos muito giros e com todas aquelas coisas que eu sempre via nas revistas, e outdoors e sabia que não podia ser o fotografo sozinho, sem a ajuda magica de um Expert como você.

    muito obrigado pelos tuturiais, é realmente fantástico como você está disposto a ajudar toda uma comunidade com os seus conhecimentos.

    eu adorei e já consegui fazer o efeito desta montagem. um abraço, boa sorte.

Colagem com varias fotos.

Como criar uma galeria de fotos em Flash pelo Photoshop em poucos cliques.