no , , , ,

Tutorial: Efeito 3d em foto

Preview Descrição: Efeito que dá a impressão de que sua foto tem 3 dimensões e está saindo da moldura.

  • [message]
    • ##check##AVISO: Efeito 3d em foto

      • 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

revisado dia 30/03/08.

01. Para este tutorial iremos usar esta imagem.

Efeito 3d em foto

02. Começaremos criando um “Photo-frame” (será a borda de nossa foto) desenhando uma seleção com o Polygonal Lasso Tool (letra L do teclado), crie uma seleção como a da foto abaixo e salve a seleção com o nome de frame, para isso vá em Select> Save Selection.

Efeito 3d em foto

03. Considerando que tudo que estiver fora da seleção que criamos antes serão as partes que irão “sair” da foto, selecione estas partes com a ferramenta que achar melhor, no caso a ferramenta Lasso Tool pode ajudar bastante (letra L do teclado), caso não saiba como usar esta ferramenta clique aqui, depois de selecionada as partes pressione Ctrl+J para copiar as partes selecionadas para uma nova layer, retirando a visibilidade das outras layers a nova layer com as partes selecionadas deve ficar como a da foto abaixo.

Efeito 3d em foto

04. Selecione a primeira layer que contém a imagem original, pressione CtrlJ para duplicar a layer e carregue a seleção que você salvou como “frame” no passo 02 indo em Select> Load Selection. Inverta a seleção pressionando Ctrl+Shift+I e clique em Delete. Inverta a seleção novamente pressionando Ctrl+Shift+I e vá em Select> Modify> Contract use o valor de 15 pixels. Salve esta seleção com “innerframe” indo em Select> Save Selection.

Agora, carregue a seleção salva como “frame” e depois carregue a seleção salva como “innerframe” indo em Select> Load Selection e escolha “subtract from selection”, você terá um resultado parecida com este.

Efeito 3d em foto

05. Crie uma nova Layer pressionando Ctrl+Shift+Alt+N e pressione a letra G do teclado para selecionar a Gradient Tool (caso a Paint Bucket Tool apareça selecionada pressione Shift+G) preencha com um gradiente que vai do branco até um cinza claro. Branco no topo `a direita e o cinza claro na parte inferior esquerda.

06. Crie uma nova layer abaixo do “frame layer” pressionando Ctrl+Shift+N e carregue a seleção chamada “frame” indo em Select> Load Selection, pinte ela de preto. Retire a seleção pressionando Ctrl+D e aplique Filter> Blur> Gaussian Blur com valor para Amount de 5.

Efeito 3d em foto

07. Agora vá em Edit> Transform> Skew e arraste um pouco para baixo.

Efeito 3d em foto

08. Deixe a opacidade da layer por volta de 60%.

Efeito 3d em foto

09. Agora pinte a layer que está abaixo de todas com a cor preferida, sua imagem está terminada.

Efeito 3d em foto

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. opaa..
    as coisas meio corridas, mas sempre arrumando um tempinho pra passar por aqui, e ver os tutos x)
    muito interessante esse, demerei um pouco mas consegui fazer.. ja vou tentar em outras fotos p ver como fica xP
    legal mesmo..
    valeuu

  2. Sou iniciante em photoshop, e estou completamente viciada nesses tutoriais, conforme vou fazendo, dá para fazer coisas realmente incriveis, de uma imagem, surgem outras variações. Parabéns pelo blog e continue sempre ajudando quem é iniciante como eu.

    Abraços.

  3. Obrigado Melayne De Almeida, qualquer coisa é só mandar um recado, volte sempre!!

  4. andre sugai,vlw mesmo pela moral,em poucos dias aprendi muito aqui no blog ou (site) de vcs…abração
    espero que vcs coloquem mais dicas de efeitos e etc!!!

  5. Oi robson, eu que agradeço a visita!!, acompanhe os tutoriais, teremos mais efeitos como este, abraços e volte sempre!!

  6. Olha eu sou iniciante no photoshop e gostei muito desse tutorial só que não consegui fazer, gostaria que você fizesse um tutorial mais detalhado. valeu!!!!!!!

  7. Oi anônimo, em qual parte você teve dificuldades?? obrigado pela visita!!

  8. estou começando no photoshop tem como vc posta outro exemplo um poko mais detalhado giz

  9. Oi giz, em qual parte você teve dificuldades? postarei outros tutoriais sobre esta técnica sim :), obrigado pela visita!!

  10. tou com dificuldades na parte 4 ja que não tou vendo como carregar a imagem original… so vejo a 2ºparte e quando carrego vai branca sem nada

  11. Oi Nelson, na verdade no passo 4 você carrega a seleção e não a imagem, a seleção deve ter sido salva no passo 2 para ser usada no 4, obrigado pela visita!! 🙂

  12. ta complicado conseguir não tou conseguindo chegar a parte de carregar …talvez sem 1 tutorial mais minicioso para os mais fraquinhos com print screens das opções quando escolhes no adobe…sera dificil la chegar….

  13. André, isso é que é um grande serviço pela net. Você está provando que a net é sim um meio de informar e não de mostrar besteiras. Parabéns pela sua iniciativa em poder passar para aquelas pessoas (de graça), um excelente trabalho. Abraços

  14. André ñ consegui fazer, quando vc pede no passo 3, pra selecionar e deletar é parte q fica fora da seleção? ,esmo q eu selecione e delete, o fundo ñ fica trasnparente fica branco…e as camadas tbm passo 6, só fica uma camada, como fazer para selecionar outras camadas? tenho q criar?
    please help me!
    obrigada!

  15. Oi Nelson, desculpe a demora na resposta, vou dar uma revisada neste tutorial colocando mais passos ok? obrigado pela visita!!

    Oi Fernando, eu que agradeço a visita!! volte sempre!!

    Oi Fernanda, você salvou a seleção no passo 2? aguardo sua resposta, obrigado pela visita!!

    Oi Marta, o fundo pode estar ficando branco por você estar trabalhando com a layer Background, para evitar isso o ideal é que quando você abrir a foto que irá trabalhar pressionar Ctrl+J para duplicar esta layer e trabalhar com a cópia da layer (retire a visualização da layer Background) assim, quando deletar algo da layer que foi copiada você terá o fundo transparente, quando se trabalha na layer Background diretamente e se deleta alguma parte dela o Photoshop preenche o fundo com a cor de Background que está definida na paleta de ferramentas, se você mudar para vermelho ou verde verá que quando deletar alguma parte a mesma será preenchida com a cor que foi definida, no passo 6 não entendi muito bem sua pergunta, mas em cada layer você tem uma parte do desenho, bom, aguardo sua resposta ok? obrigado pela visita!!

  16. Olá, André!
    Em primeiro lugar parabéns pela sua boa vontade em publicar tutoriais bem interessantes. Eu estou tentando fazer este tutorial, mas estou tendo dificuldades. Uma delas, no item 3 quando vc diz “selecione as partes que irão “sair” da foto” e “depois de selecionada as partes delete o restante”, eu não entendi o que vc quis dizer e nem como fazer. Dá pra explicar melhor? Aguardo seu retorno e muito obrigada novamente pelo seu blog.

    Terpsícore

  17. Oi Terpsícore, o que eu quis dizer foi que neste passo iriamos selecionar primeiro a parque que gostariamos de preservar na foto, isto é, as partes que devem ficar na composição final, feito a seleção nestas partes nós invertemos a seleção e pressionamos delete para apagar tudo que seja desnecessário, espero ter ajudado, obrigado pela visita!! 🙂

  18. Que tipos de foto seriam mais adequadas pra fazer esse efeito 3d??

  19. Oi Silvia, acho que não tem foto certa para aplicar este tipo de efeito, tudo depende da criatividade mesmo, mas facilita se a foto for tirada com o intuito da aplicação do efeito :), obrigado pela visita!!

  20. bonito efeito.. infelizmente não estou a conseguir fazer :. Parabens Andre. Excelentes tutos 🙂

  21. Oi Tre, pode deixar que postarei uma maneira mais simples de realizar este efeito ok? obrigado pela visita!!

  22. adorei esse tutorial, mas preciso falar com vc arrespeito de um efeito que nao encontrei aqui e faz é tempo q procuro na internet pra fazer e na oconsigo, é um efeito de background muito interessante.. meio que digital não sei nem como descrever, so mostrando, por favor entra em contato comigo luisemoreira[at]yahoo.com.br assim quem sabe vc saiba fazer esse efeito show para por aqui no blog.

    muito obrigada.
    Luise

  23. Oi Luise, você não tem uma imagem de exemplo? obrigado pela visita!!

  24. Eu adoro esses tutoriais, pois estou completamente viciada em photoshop, mesmo sendo apenas uma amadora no assunto. Mas este Tutorial 3D em foto, confesso que não consegui fazer. Acho quefaltou mais detalhes nas explicações.Para quem é iniciante a sensação é de que está faltando muitos detalhes funadamentais para conclusão do trabalho. Por favor reveja e refaça se necessário pois estou louca para aprender a fazer este tutorial. Obrigada e Parabéns!

  25. Oi Kal, postei estes dias outra técnica que consiste no mesmo efeito de uma forma mais simples, mesmo assim vou revisar novamente este tutorial ok? obrigado pela visita!!

    Imagem pulando para fora da moldura.
    tutoriaisphotoshop.blogspot.com/2008/01/imagem-pulando-para-fora-da-moldura.html

  26. Boa Noite,André Sugai,Gostaria que o senhor entrasse em contato com a minha pessoa,Pois,Estou necessitando um profissional em Photoshop,Caso esteja interessado envie um e-mail para leoluch[at]gmail.com,Falando que o SR.André Sugai,Do Tutoriais Photoshop.net,Que irei te enviar uma proposta.Urgente,Entre em contato se estiver interessado

  27. cara…to meio novato em photoshop e pra mim q sou iniciante seus tutoriais são muito bons…vlw cara
    abraço

  28. Cara … Sem palavras pra esse site.. perfeito, os melhores tutoriais.

  29. Bom dia, André.

    Em primeiro lugar, parabéns pelo site. Realmente é muito valioso para todos.

    Minha dúvida é a seguinte: estou fazendo os passos da forma que estão no tutorial, inclusive utilizando a mesma imagem para entender os passos mas, o que está acontecendo é que a borda da foto fica por cima, dividindo a prancha, o braço e esse outro negocinho que não sei o nome.

    Onde será que estou errando?

    Você poderia me ajudar?

    Fico no aguardo, grande abraço!!!

    leandro.magalhaes.ro@terra.com.br

  30. Conforme disse o “Anônimo”, está faltando uma parte no tutorial para explicar como fazer para que a borda da foto não fique por cima da parte que “sai” da foto. Na montagem que fiz também ocorreu o mesmo problema.
    Aguardo a correção do tutorial.
    Um abraço.

  31. Ao principio estava tudo a correr muito bem, mas depois não consegui fazer… A explicação depois torna-se confusa =S

  32. Ola Andre, parabéns pela sua boa vontade em cololocar esse tutorial… mas realmente, do passo 2 ao passo 3 não da pra entender o que fazer.
    por favor, poderia explicar melhor ?

  33. Ei, pelo oq vi gostei muitomas tem um probleminha ! QUAL É ESSE PHOTOSHOP?? Sério, eu não sei o nome dele. Eu já vi outras montagens e efeitos feitos em fotos mas eu até agora não consegui descobrir o nome dele ! Me digam por favor, eu já perguntei pra tantas outras pessoas que eu já to quase desistindo! (Aí tá escrito PHOTOSHOP, mas na verdade existem milhares de photoshop's e eu quero exatamente esse !)^^

  34. Vc só trabalha coom PhotoShop ou Gimp Também???

    By:kalewl

    kalel_leo[at]hotmail.com

Deixe uma resposta

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

15 + 8 =

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

Tutorial: Redemoinho Rosa

Seminários Adobe na Expo Paralela – 18/11/06 – Adobe