Tutorial: Efeito de vidro quebrado para fotos

COMPARTILHE:

Como deixar sua foto com aparência de vidro estilhaçado.

Preview Descrição: Como deixar sua foto com aparência de vidro estilhaçado.

  • [message]
    • ##check##AVISO: Efeito de vidro quebrado para fotos

      • 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+N para criar um novo documento e defina os valores abaixo.

Efeito de vidro quebrado para fotos

02. Agora pressione a letra G do teclado para selecionar a Paint Bucket Tool, escolha a cor branca e pinte o documento, pressione a letra L do teclado para selecionar a Lasso Tool e crie uma seleção como a da foto abaixo.

Efeito de vidro quebrado para fotos

03. Pressione Ctrl+Alt+Shift+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Paint Bucket Tool e escolha a cor preta, preencha a nova layer com a cor preta, logo após pressione Ctrl+T para abrir a caixa de Free Transform e rotacione como na foto abaixo.

Efeito de vidro quebrado para fotos

04. Novamente pressione Ctrl+Alt+Shift+N para criar uma nova layer e repita os passos anteriores para ir criando várias formas diferenciadas (sempre em layers diferentes) como na foto abaixo.

Efeito de vidro quebrado para fotos

05. Pressione Ctrl+O para abrir a foto que será aplicada, depois de abrir a foto pressione Ctrl+A para selecionar seu conteúdo e Ctrl+C para copiar.

Efeito de vidro quebrado para fotos

06. Volte ao documento em que criamos as formas variadas e pressione Ctrl+V, pressione Ctrl+J para duplicar a layer da imagem e crie uma cópia para cada forma criada anteriormente, deixe sua paleta de layers como a da foto abaixo.

Efeito de vidro quebrado para fotos

07. Agora com a tecla Ctrl pressionada clique sobre a miniatura da forma criada na layer Shape 6 para selecionar seu formato, clique na layer acima (image 6) e depois clique no ícone de Add Layer Mask (o ícone de um retângulo com um círculo no meio) que existe no rodapé da paleta de layers, faça isso em todas as layers

Efeito de vidro quebrado para fotos

08. Agora retire a visualização de cada forma criada (as layers shape) clicando no ícone do olho que existe na frente de cada layer.

Efeito de vidro quebrado para fotos

09. Agora clique na layer que está acima de todas (no caso do tutorial a layer image 6) e vá em Layer> Layer Style> Drop Shadow e defina os valores a seguir.

Efeito de vidro quebrado para fotos

10. Depois clique sobre a layer e pressione o botão direito do mouse, escolha a opção Copy Layer Style, clique sobre as outras layers com o botão direito e escolha a opção Paste Layer Style, faça isso em todas as layers visíveis e sua imagem deverá ficar como a imagem abaixo.

Efeito de vidro quebrado para fotos

11. Caso queira colocar uma outra imagem por trás basta abrir a imagem como foi feito no passo 5, copiar e colar neste documento e posicionar a layer abaixo de todas as outras, ao final sua imagem irá ficar como a imagem abaixo.

Efeito de vidro quebrado para fotos

COMENTÁRIOS

BLOGGER: 40
  1. Muito legal!

    adoro efeitos que oarecem reais!

    vlw

    ResponderExcluir
  2. Cara venho vendo seu blog e muitas coisas ja fiz muito legias mesmo....

    eu ja procurei, num digo em todos, mais em muitos tutos seus e num consegui ainda ver como mudar o fundo de uma foto, tirar o que ta e colocar outro, so vi o de tirar...tem ou vc num fez ainda?

    obg!!

    ResponderExcluir
  3. ahuaahuahuahuau que combinação louca que eu fiz andré juntei o tutorial de ontem com o de hj ai da impressao que ja houve briga pos casamento uhauhauhauha

    ResponderExcluir
  4. Oi FireDog, obrigado pela visita! volte sempre!! :)

    Oi Enrique, sabe quando abrimos duas fotos clicamos em uma e arrastamos para cima da outra? basta fazer isso e colocar a layer da foto que foi adicionada abaixo do objeto ou pessoa que você queira, antes porém você terá que remover o fundo e depois fazer isso.. não é muito complicado, obrigado pela visita!!

    Oi Thiago, posta na net pra gente ver, obrigado pela visita! :)

    ResponderExcluir
  5. Mais uma grande obra do Mestre Sugai....
    Sempre venho buscar desta fonte, embora neófito em photoshop...
    Gostaria que desse umas dicas sobre a textura constante da barra principal do blog!

    sucesso!

    ResponderExcluir
  6. Oi EFigueiredo, para o Header do Blog eu usei esta técnica, não é nada muito complicado mas dá um efeito bem legal :), volte sempre!!

    Criando ícones do iPhone.
    http://tutoriaisphotoshop.blogspot.com/2007/02/criando-cones-do-iphone.html

    ResponderExcluir
  7. Isso aí tá parecendo tudo, menos vidro... O_o

    ResponderExcluir
  8. Hahaha, tentei né :P, obrigado pela visita!! :)

    ResponderExcluir
  9. Olá André! Parabéns por seu trabalho. Esse Blog é 10. Não tenho nenhuma experiência em Photoshop, mas gosto muito e tenho aprendido com suas dicas. Gostaria de saber como dar um efeito de pespectiva a uma foto. Obrigado.

    ResponderExcluir
  10. Parabens por seu trabalho so queria um dica como faço para troca um fundo de um foto?

    ResponderExcluir
  11. Oi Flavio, criar o efeito de perspectiva não é muito difícil não, bom se eu não entendi errado né, você pode fazer assim, pressione Ctrl+O para abrir a foto que deseja, depois Ctrl+J para duplicar a layer, pressione Ctrl+Alt+Shift+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Paint Bucket Tool (lata de tinta), pinte de qualquer cor esta layer e depois Ctrl+[ para deixar esta layer no meio das duas layers da foto escolhida, feito isso clique na layer que está acima de todas as outras, (que é a layer copiada da foto original) pressione Ctrl+T para abrir a Transform Tool, você verá uma caixa com alguns pesquenos quadrados ao redor da sua imagem, clique com o botão direito do mouse sobre sua imagem e veja as opções, uma delas será a opção Perspective, que dá a possibilidade de distorcer a imagem dando a impressão de perspectiva, espero que seja isso o que procura, se não for mande outro recado ok? obrigado pela visita e pelo elogio ao blog!! :)

    ResponderExcluir
  12. Oi Maxwell, um monte de gente vem me perguntando isso, em breve irei postar um tutorial explicando passo a passo como fazer ok?, obrigado pela visita!! volte sempre!! :)

    ResponderExcluir
  13. Oi Andre. Gostaria que me ajudasse.
    No passo 6, quando mostra a sua imagem, a layer "shape 1" está diferente do meu. Ou seja, no meu, aparece toda branca e sem nenhuma parte preta seleccionada, tal como no seu. Que estarei a fazer de errado?
    cumprimentos

    ResponderExcluir
  14. Oi Anônimo, no passo 3 você preencheu a seleção com a cor preta? obrigado pela visita!! :)

    ResponderExcluir
  15. Eu acho que não compreendi muito bem a partir do passo 3. Pois não percebo como shape 1 vem a preto. Poderia explicar melhor?

    ResponderExcluir
  16. Oi Anônimo, no passo 2 criamos a seleção certo? então no passo 3 com a seleção ainda ativa pressionamos Ctrl+Shift+Alt+N para criar uma nova layer e depois pressionamos a letra G do teclado para selecionar a Paint Bucket Tool (lata de tinta) e com a cor preta clicamos dentro da seleção para pintar de preto :), esse processo é repetido tantas vezes quanto você achar necessário para criar outros pedaços de vidro, espero que ajude, obrigado pela visita e desculpe a demora!!

    ResponderExcluir
  17. Passo 7:

    Eu não consigo clicar sobre o "Adicionar máscara de camada" (retangulo com o círculo no meio), ele está "apagado", desativado, sei lá...

    Sou super iniciante no PS, e gostaria de conseguir fazer isso. Cheguei até o passo 6 sem problemas, mas não dah certo o 7.

    Abraço! Parabéns pelo site!

    ResponderExcluir
  18. AMIGO SITE BEM LOKO APRENDENDO MUITO
    HEHE FIKAR FERA EM PHOTOSHOP POR SUA KAUSA
    SE TIVER UM
    E-MAIL MSN
    ME FALE MAS O QUE SERIA DE MIM SE ESSE SITE NAO EXISTE
    SERIA MAIS UMAA PESSOA ""DEMENTE""
    NA MAO DO PHOTOSHOP
    MAS TO APRENDO... BRIGADAO

    GRATAAAAAAAAAAAA

    ResponderExcluir
  19. Oi Tercilio, você clicou na layer antes de pressionar o ícone de Add Layer Mask? quando não existe nenhuma layer selecionada ele costuma ficar meio apagado mesmo, obrigado pela visita!! :) desculpe a demora na resposta!!

    Oi Jussana, obrigado pela visita!! espero que possa aprender bastante aqui no blog!! volte sempre!! :)

    ResponderExcluir
  20. Mt legal! Bom trabalho. Mas eu tentei fazer e ficou assim!

    http://i20.tinypic.com/vbz8j.jpg

    Pode dar uma olhadela e me dizer o que ta de errado?

    Obrigado

    ResponderExcluir
  21. Ola outra vez. Aqui tem mais uma imagem.

    http://i20.tinypic.com/2ywzfkm.jpg

    ele fica desfocado logo apos usar o Paint Bucket Tool.

    Me ajude se conseguir!

    obrigado

    ResponderExcluir
  22. Oi Bruno, assim que selecionar a Lasso Tool olhe na barra de opções da ferramenta no alto da tela, vá na opção Feather e defina o valor de 0 pressione Enter e faça uma seleção, dessa vez deve ficar normal, o que deve estar acontecendo é que deve haver algum valor para o Feather que acaba por suavizar sua seleção por isso você tem as bordas esfumaçadas e os cantos arredondados, obrigado pela visita, volte sempre!! :)

    ResponderExcluir
  23. Oi Andre, já consegui solucionar o meu problema! A imagem ficou mt legal! Obrigado e continue com o bom trabalho!

    ResponderExcluir
  24. Amigão... você é demais... eu super contente por ter encontrado este site sobre tutoriais de photoshop e ainda....super profissional... valew... vou aprender demais aqui....

    ResponderExcluir
  25. Oi Adiel, eu que agradeço sua visita!! volte sempre!! quando precisar é só deixar um recado ok? :)

    ResponderExcluir
  26. olá, gostaria de saber se esse efeito pode ser aplicado em uma só foto, ou tem q ser em 2... se for possivel aplicar em uma foto só, me explica como faz..

    obrigado!!

    []'s

    ResponderExcluir
  27. Oi Gabriel, dá para fazer em uma foto sim, o processo é o mesmo, a única coisa que iria mudar seria o fundo da foto, ao invés de usar a foto das pedras você pinta o fundo de um cor qualquer... não sei se era isso que você queria saber mas qualquer coisa mande outro recado ok? obrigado pela visita!!

    ResponderExcluir
  28. olá, então o que eu quero dizer é que ao invés de ter três fotos(flor, pedra e céu) eu quero apenas a do céu... formando o efeito de foto quebrada, sabe? entao ficaria só uma... no caso a do céu que eu posso substituir por outra =)

    ResponderExcluir
  29. Oi Gabriel, então basta seguir o tutorial até o passo 10 e parar por ali, obrigado pela visita!! :)

    ResponderExcluir
  30. Caramba, tô bolada com seu blog!
    Parabéns... Já está nos meus favoritos mew!

    =DDD

    ResponderExcluir
  31. Oi Jessica, obrigado pela visita!! se puder dê um voto para o blog no iBest, estamos em 3º até agora!! volte sempre!!

    ResponderExcluir
  32. maneeeeeeeeeeeeeeeeiro seu blog cara, parabens... to aprendendo altas paradas...
    so nao consegui uma coisa nesse post, qndo vou clicar nas 2 layers para criar a mascara, o botao de criar a mascara fica inativo...
    abraço e sucesso...

    ResponderExcluir
  33. conseguir, porem muito besta esse tutorial!

    ResponderExcluir
  34. Ficou muito faça mesmo o tutorial mais quando fui fazer aki em ksa nao deu certo, sendo q segui como estar ai. So q ao inves de o fundo da partes q nao tem os supostos vidros ficarem branco para depois colocar outra foto qualquer, fica é a foto mesmo nao branca se é q mim comprende...

    ResponderExcluir
  35. Muito bom, parece até real.

    vou fazer com umas fotos.

    ResponderExcluir
  36. Acompanho seu site e acho ele muito bom.
    Tutorial otimo, só que estou com um problema na parte 7 quando eu selecione a shape e a layer nao é possível apertar o botao Add Layer Mask.
    Uso a versao CS4

    ResponderExcluir
  37. quando eu aperto para Add Layer Mask ela não funciona me ajuda por favor!

    ResponderExcluir
  38. Tutorial muito mal feito. Nota zero, falta explicações.

    ResponderExcluir
  39. Certamente agradeço a bela iniciativa de compartilhar conhecimento, mas acho que o tutorial tem 'furos', isto é, algumas coisas poderiam ser mais bem explicadas a fim de definir melhor as ações do leitor. Infelizmente não consegui fazer o efeito funcionar... Talvez uma revisão no tutorial melhore os pontos fracos e resolva o problema que alguns usuários (como eu) tiveram.

    Ainda assim, obrigado pela iniciativa!
    Continue com o belo trabalho!

    Abraço

    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,154,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,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito de vidro quebrado para fotos
Tutorial: Efeito de vidro quebrado para fotos
Como deixar sua foto com aparência de vidro estilhaçado.
https://www.andresugai.org/Tutoriais/09.2007/T07/imagem11.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/09/efeito-de-vidro-quebrado-para-fotos.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/09/efeito-de-vidro-quebrado-para-fotos.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