em ,

Criando um botão de download para seu site.

Preview Descrição: Neste tutorial veremos como criar um botão de download com shape layers, filtros e algumas ferramentas.

tutoriaisphotoshop.net

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

01. Pressione Ctrl+N para criar um novo documento e defina os valores abaixo.

tutoriaisphotoshop.net

02. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada e crie um shape como na foto abaixo.

tutoriaisphotoshop.net

03. Agora vá em Layer> Layer Style> Gradient Overlay e defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

04. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, defina os valores abaixo e escreva a palavra Download.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

05. Defina os valores abaixo e escreva ZIP File.

tutoriaisphotoshop.net

06. Pressione a letra U do teclado para selecionar a Custom Shape Tool, certifique-se de que a opção Shape Layers esteja selecionada, escolha a cor #bee000, clique em Shape na barra de opções da ferramenta e escolha o shape de seta, com a tecla Shift pressionada clique e arraste para criar o shape, vá em Edit> Transform Path> Rotate 90CW para rotacionar o shape, pressione a letra V do teclado para selecionar a Move Tool e posicione como na foto abaixo.

tutoriaisphotoshop.net

07. Pressione a letra P do teclado para selecionar a Pen Tool, certique-se de que a opção Paths esteja selecionada e crie um Shape como o da foto abaixo.

tutoriaisphotoshop.net

08. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush com o tamanho de 1 pixel, escolha a cor #2c4314, pressione a letra A do teclado para selecionar a Direct Selection Tool, pressione Ctrl+Shift+Alt+N para criar uma nova layer, clique com o botão direito do mouse dentro do Path criado e escolha a opção Stroke Path, escolha a opção Brush e desmarque a opção Pen Pressure, clique em Ok, clique na layer da seta e vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

09. Pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja ativada, escolha a cor branca e crie um shape como o da foto abaixo, defina a opacidade da layer entre 20 a 60%, vá em Layer> Create Clipping Mask.

tutoriaisphotoshop.net

10. Pressione a letra P do teclado para selecionar a Pen Tool novamente, certifique-se de que a opção Paths esteja selecionada, crie um path como o da foto abaixo, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush com o tamanho de 1 pixel, clique com o botão direito do mouse dentro do Path criado e escolha a opção Stroke Path, escolha a opção Brush e desmarque a opção Pen Pressure, clique em Ok.

tutoriaisphotoshop.net

11. Agora vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

tutoriaisphotoshop.net

12. No final seu botão de Download estará como na foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://graphicsmake.com/photoshop-tutorials/making-download-button/

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.

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.

Pincel de Zorro.

Inspiração, Cartazes de Rock: Olivia Tremor Control.