Tutorial: Efeito 3d em foto

COMPARTILHE:

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

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


COMENTÁRIOS

BLOGGER: 44
  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

    ResponderExcluir
  2. Valeu Márcio!!! apareça sempre que puder!!! abraços!!

    ResponderExcluir
  3. 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.

    ResponderExcluir
  4. Belo Trabalho ...
    parabéns

    ResponderExcluir
  5. Valeu!! fico contente que tenha gostado, volte sempre!!

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

    ResponderExcluir
  7. 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!!!

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

    ResponderExcluir
  9. 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!!!!!!!

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

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

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

    ResponderExcluir
  13. 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

    ResponderExcluir
  14. 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!! :)

    ResponderExcluir
  15. 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....

    ResponderExcluir
  16. 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

    ResponderExcluir
  17. Chego ate o quarto passo mas não consigo carregar =/

    ResponderExcluir
  18. 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!

    ResponderExcluir
  19. 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!!

    ResponderExcluir
  20. 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

    ResponderExcluir
  21. 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!! :)

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

    ResponderExcluir
  23. 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!!

    ResponderExcluir
  24. bonito efeito.. infelizmente não estou a conseguir fazer :\. Parabens Andre. Excelentes tutos :)

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

    ResponderExcluir
  26. 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@yahoo.com.br assim quem sabe vc saiba fazer esse efeito show para por aqui no blog.

    muito obrigada.
    Luise

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

    ResponderExcluir
  28. 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!

    ResponderExcluir
  29. 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.
    http://tutoriaisphotoshop.blogspot.com/2008/01/imagem-pulando-para-fora-da-moldura.html

    ResponderExcluir
  30. Seria otimo se posta-se as imagens junto a cada passo née..

    ResponderExcluir
  31. 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@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

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

    ResponderExcluir
  33. as imagens não estão aparecendo

    ResponderExcluir
  34. Cara ... Sem palavras pra esse site.. perfeito, os melhores tutoriais.

    ResponderExcluir
  35. 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

    ResponderExcluir
  36. 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.

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

    ResponderExcluir
  38. uito legal se eu conseguise fase ^~^ só muito burro

    ResponderExcluir
  39. 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 ?

    ResponderExcluir
  40. 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 !)^^

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

    By:kalewl

    kalel_leo@hotmail.com

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,412,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,517,outubro,745,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,163,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,476,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito 3d em foto
Tutorial: Efeito 3d em foto
Efeito que dá a impressão de que sua foto tem 3 dimensões e está saindo da moldura.
https://www.andresugai.org/Tutoriais/11.2006/T06/imagem8.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2006/11/efeito-3d-em-foto.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2006/11/efeito-3d-em-foto.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar