em , , , , ,

Tutorial: Efeito de vidro quebrado para fotos

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

01. Pressione Ctrl+N para criar um novo documento e defina os valores abaixo.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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

40 Comments

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Corrigindo fotos que ficaram sombreadas.