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

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






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






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






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

COMENTÁRIOS

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo