no , , , ,

Tutorial: Efeito de vidro quebrado para fotos

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

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.

$ s Comentários

Deixe uma resposta
  1. 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!!

  2. 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

  3. 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! 🙂

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

  5. 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.
    tutoriaisphotoshop.blogspot.com/2007/02/criando-cones-do-iphone.html

  6. 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.

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

  8. 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!! 🙂

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

  10. 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

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

  12. 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?

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

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

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

  16. 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!! 🙂

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

    i20.tinypic.com/vbz8j.jpg

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

    Obrigado

  18. Ola outra vez. Aqui tem mais uma imagem.

    i20.tinypic.com/2ywzfkm.jpg

    ele fica desfocado logo apos usar o Paint Bucket Tool.

    Me ajude se conseguir!

    obrigado

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

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

  21. 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….

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

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

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

  25. 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 =)

  26. Oi Gabriel, então basta seguir o tutorial até o passo 10 e parar por ali, obrigado pela visita!! 🙂

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

    =DDD

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

  29. 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…

  30. 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…

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

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

  33. 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

Deixe uma resposta

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

treze + treze =

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

Tutorial: Montagem com uma foto dentro de uma taça

Corrigindo fotos que ficaram sombreadas.