em , , , ,

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

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

tutoriaisphotoshop.net

(adsbygoogle = window.adsbygoogle || []).push({});

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.

tutoriais photoshop

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.

tutoriais photoshop

03. Crie um shape como o da foto abaixo.

tutoriais photoshop

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

tutoriais photoshop

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

tutoriais photoshop

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

tutoriais photoshop

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

tutoriais photoshop

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

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

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

tutoriais photoshop

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

tutoriais photoshop

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

tutoriais photoshop

12. Escolha a cor #7a7a7a.

tutoriais photoshop

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

tutoriais photoshop

14. Escreva uma palavra qualquer.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

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

tutoriais photoshop

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

tutoriais photoshop

site de origem: http://www.dreevoo.com/en/content.php?id=1378

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.

O que você acha?

Deixe um comentário

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.

Premier Automne, uma bela animação sobre o inverno e o verão.

Download: 20 set’s de ícones para websites.