Fazendo uma UserBar Imprimir E-mail

Para seguir o tutorial, faça o download do material usado nesse tutorial:

  • Fonte Tutos04 (Disponível apenas para usuários registrados. Para se registrar, clique aqui)
icon Font Tutos04 (18.52 kB)

 

01. Abra um novo arquivo. Nesse exemplo utilizei o tamanho 350x19. 

 

02. Crie uma nova camada e nomei-a como "Imagem". Abra a imagem que você deseja colocar na sua userbar e jogue na camada criada. Se a imagem ficar muito grande, redimensione a imagem apertando CTRL + T e ajustando a altura e largura da imagem.

Para mover a imagem, apenas clique em cima da imagem e arraste até o arquivo aberto da user bar

 

03. Vamos fazer as Scan Lines agora. Abra um novo arquivo com tamanho de 3 pixels de largura e de altura. Escolha o fundo como transparente.

 

04. Dê o máximo de zoom no documento (1600%). Com a ferramenta Lápis e com a cor preta, faça uma diagonal com mostra a figura.

Ferramenta Lápis (Pencil)

 

05. Defina agora a scan line criada como padrão: Edit... Define Pattern...

 

06. Abra agora o documento da sua UserBar. Crie uma nova camada e defina como "Scan Lines". Preencha a camada: Edit... Fill..

Não esqueça de escolher o seu padrão (scan lines), como mostra a imagem abaixo.

 

07. Defina a opacidade da camada Scan Lines como 25%

 

08. Com a fonte "fonte_tutos04" (Você encontra o download dessa fonte no começo desse tutorial), escreva seu texto com a cor branca no canto direita, utilizando as configurações de texto como mostra a figura abaixo.

 

09. Nas opções de estilo da camada do texto, coloque um Stroke de 1px da cor preta.

 

10. Crie uma nova camada e nomei-a como "Desfoque". Com a ferramenta de Seleção Elíptica, faça um meio círculo, como mostra a imagem abaixo.

Ferramenta de Seleção Elíptica (Eliptical Marquee)

 

11. Com a ferramenta Lata de Tinta e utilizando a cor branca, pinte a seleção feita. Após pintar, retire a seleção apertando CTRL + D.

Ferramenta Lata de Tinta (Paint Bucket)

 

12. Diminua a opacidade da camada "Desfoque" para 30%

 

13. Crie uma nova camada e nomei-a como "Borda". Faça a seleção de todo o documento apertando CTRL + A. Aplique uma borda fazendo os seguinte passos: Edit... Stroke..Coloque 1 px de largura e utilize a cor preta. Depois altere para 30% a opacidade da camada "Borda".

 

14. Veja o resultado Final:

 

Veja outros exemplos que criei:

 

 

Faça o download do .psd desse tutorial!

icon Userbar (866.58 kB)

 


 

Webtutoriais:73311B9A