Criando um botão verde para sites.

Descrição: Neste tutorial veremos como criar um botão usando layer styles e filtros. 01. Pressione Ctrl+N para criar um novo docum...

Preview Descrição: Neste tutorial veremos como criar um botão usando layer styles e filtros.

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, certifique-se de que a opção Shape Layers esteja ativada, defina o Radius da ferramenta em 8 pixels, crie um retângulo como o da foto abaixo.

tutoriaisphotoshop.net

02. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

03. Vá em Layer> Layer Style> Inner Shadow, use a cor #3a7010.

tutoriaisphotoshop.net

04. Vá em Layer> Layer Style> Gradient Overlay, defina o gradiente com as cores #589221 e #7bae28.

tutoriaisphotoshop.net

05. Vá em Layer> Layer Style> Stroke, defina a cor como #3a7010.

tutoriaisphotoshop.net

06. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

07. Com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o shape para ativar a seleção, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, clique e arraste a seleção 1 pixel para baixo, pressione Delete para eliminar a cor.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

08. Com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o shape do botão para ativar a seleção, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor preta.

tutoriaisphotoshop.net

09. Vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriaisphotoshop.net

10. Vá em Filter> Blur> Motion Blur e defina os valores abaixo.

tutoriaisphotoshop.net

11. Pressione Ctrl+L para abrir a caixa de Levels, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

12. Pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

13. Mude o modo de blend da layer para Linear Dodge, reduza a opacidade da layer para 35%.

tutoriaisphotoshop.net

14. Escolha a cor #3f7717, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer.

tutoriaisphotoshop.net

15. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

Site de origem: http://www.photoshopease.com/photoshoptutorials/designing-green-button/

COMENTÁRIOS

  1. Dúvida.
    Uso o Photoshop em pt-BR, consigo achar todas as descrições q estão nas figuras, porém a unica q esta tirando meus cabelos é o significado de "screen", pois não estou achando e isso esta dificultando um pouco as minhas artes.
    Desde já agradeço.

    ResponderExcluir
  2. Screen é o modo de blend embaixo de clarear

    ResponderExcluir

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