Design & UX

17 jul, 2009

Crie um efeito de papel rasgado

Publicidade

1. Crie um novo documento com o tamanho desejado. Eu utilizei 600 x 250
pixels. Dê um duplo clique na camada background para desbloqueá-la e adicione
um gradiente esverdeado.

 

2. Crie uma nova camada, nomeie como “cinza”, a posicione acima da camada de
fundo e preencha com a cor E1E1E1. Vá em Filter > Noise > Add Noise e
configure com as definições abaixo.

 

3. Selecione a ferramenta laço e crie um buraco nesta camada ‘cinza’ com as
bordas serrilhadas que será o formato do papel rasgado.

4. Pressione Delete e em seguida clique duas vezes na camada para aplicar um
estilo Drop Shadow com as definições abaixo.

 

5. Sua imagem deve estar parecida com esta.

 

6. Crie uma nova camada chamada “branca”, acima da cinza, e preencha,
evidentemente, com a cor branca. Selecione a ferramenta laço novamente e crie
outro buraco um pouco maior que o da camada ‘cinza’. Para facilitar, diminua a
opacidade (aqui usei 30%).

 

7. Pressione Del uma vez que a seleção esteja feita e após isso retorne a
opacidade para 100%. Adicione um estilo Drop Shadow com os ajustes abaixo.

 

8. Você deverá ter algo parecido com isto.

 

9. Acesse este link e baixe a textura de papel. Adicione-a como uma camada acima da camada
‘branca’. Com a ferramenta varinha mágica selecione o buraco da camada ‘branca’
e clique na camada da textura para pressionar Del. Defina a opacidade da camada
da textura em 40%.

 

10. Em seguida crie uma nova camada, selecione a ferramenta de seleção
retangular, crie um pequeno retângulo com a altura aproximada do buraco e
preencha com a cor branca. Com a ferramenta laço faça um serrilhado nas bordas
do retângulo e o gire um pouco conforme a figura abaixo. Depois vá em Select
> inverse e pressione a tecla Delete. Para este tutorial pintei de vermelho.

 

11. Ainda na camada do retângulo adicione os estilos configurados como nas
imagens abaixo.

 

12. Você deverá ter algo parecido com isto.

 

13. Debaixo da camada ‘retângulo’ crie uma camada de nome “sombra” e desenhe
um círculo usando a ferramenta de seleção elíptica. Pinte-a de preto e vá em
Filter > Blur > Gaussian Blur com radius de 7 pixels. Altere a opacidade
desta camada para 15%

 

15. Agora basta acrescentar (na camada ‘cinza’) a imagem que será vista
através do rasgo do papel. Para um melhor resultado, aplique um estilo Inner
Shadow.

 

É isso.

 

Até semana que vem!

Rodrigo Piva

*

Site de origem:
[url=http://hv-designs.co.uk/2008/12/08/ripped-paper-effect-tutorial/]http://hv-designs.co.uk/2008/12/08/ripped-paper-effect-tutorial/[/url]