Páginas

Photoshop: Como criar um botão para website usando o Photoshop



Descrição: Neste tutorial veremos como criar letras com aspecto de letras magnéticas que são fixadas em quadros de metal, para isso usaremos layer styles e diversos recursos do Photoshop.

01. Pressione Ctrl+N para criar um novo documento, defina um tamanho qualquer com 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra U do teclado para selecionar a Rounded Rectangle Tool.

02. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, escolha a opção Shape e defina o valor de Radius em 12 pixels.

03. Crie um shape como o da foto abaixo.

04. Clique com o botão direito do mouse sobre a layer escolha a opção Rasterize.


05. Vá em 
Layer> Layer Style> Gradient Overlay e defina os valores abaixo, clique na amostra de gradiente.

06. Clique no ponto de Color Stop para definir a cor.

07. Escolha a cor #e6e9e2 caso queira utilizar a mesma cor usada no tutorial.


08. Mantenha a segunda cor como branca, pressione Ok.


09. Agora vá em 
Layer> Layer Style> Stroke, defina os valores abaixo e escolha a cor #b7b7b7.



10. Pressione a letra T do teclado para selecionar a 
Horizontal Type Tool.


11. Selecione a fonte desejada, no caso deste tutorial a fonte escolhida foi a Segoe UI.


12. Escolha a cor #7a7a7a.


13. Clique e arraste para criar uma seleção ao redor do shape.


14. Escreva uma palavra qualquer.

15. Clique no ícone de Commit para finalizar a edição da palavra.

16. No final seu botão estará como o da foto abaixo.

Post:[ +Emerson Souza ]


Instituto IINTTEC

A IINTTEC está a mais de 10 anos no mercado, e a mais de 10 anos capacitando alunos para um futuro brilhante, formando profissionais de postura e qualificação, ensinando todo o conhecimento necessário para que o aluno se torne um profissional completo no mercado de trabalho.

Nenhum comentário:

Postar um comentário