Páginas

domingo, 5 de setembro de 2010

Criando Buttons no Photoshop


Hoje eu decidi publicar um tutorial mostrando como se faz Buttons no Photoshop, é algo que aprendi fazer faz tempo, mas não uso muito, então não deve ficar tão legal, mas quem sabe eu atualizo e coloco um melhor.

Dicas: Antes de começar leia todo o tutorial. Clique nas imagens para amplia-las. Se tiver Dúvidas deixe nos comentários ou se preferir clique aqui e me mande um email com sua dúvida e eu te ajudarei.

  • Programas usados:  Photoshop CS3

Você precisa criar um novo documento (Ctrl +N), depois Selecione a ferramenta Paint Bucket Tool (letra G) e preencha todo o documento de preto. Crie uma nova layer (Ctrl+Shift+Alt+N) e selecione a ferramenta Elliptical Marquee Tool (letra M) e com a tecla Shift pressionada faça um circulo e preencha-o com qualquer cor, no meu caso eu usei azul.


Agora vá em Layer → Layer Style → Drop Shadow e faça como nas imagens abaixo:



Depois mude para Inner Shadow ali no canto esquerdo.


Agora no mesmo canto esquerdo selecione Inner Glow.


Agora selecione o Gradiente Overlay no mesmo canto esquerdo.


Agora selecione o Satin no canto esquerdo.



Depois que terminar clique em OK e a sua imagem deve ficar parecida com essa:


Crie uma nova Layer(Ctrl+Shift+Alt+N), selecione a Elliptical Marquee Tool (letra M) e crie uma elipse como na imagem abaixo. Selecione a Gradient Tool (letra G) e escolha um gradiente que vá do branco para o transparente e preencha o interior da elipse como na imagem.


Duplique a Layer (Ctrl +J), retire a visibilidade da Layer original, Com a tecla Ctrl pressione a miniatura da Layer copiada na paleta de layers para ativar a seleção, selecione a Elliptical Marquee Tool (letra M) com a tecla Alt pressionada crie outra elipse sobre a seleção que tem ali, assim você vai retirar uma parte da seleção fazendo com que a imagem fique parecida com a imagem abaixo. (Se for necesário vá em Select → Transform Selection para ajustar o tamanho do gradiente editado).


Duplique novamente a Layer (Ctrl +J), pressione Ctrl +T para que abra a caixa de Free Transform. Clique com o botão direito do mouse dentro da caixa de Free Transform e clique em Flip Horizontal e depois em Flip Vertical. Posicione a copia no canto inferior esquerdo como na imagem abaixo:



Selecione a caixa de Free Transform e posicione a elipse no canto superior direito, assim como na imagem abaixo: 



Ative novamente a visibilidade da layer. Cliquer na layer do circulo azul e defina o Fill em 0%, sua imagem deve ficar parecida com essa:




Abra a imagem que deseja colocar no Button, selecione-a (Ctrl+A), copie-a (Ctrl+C) e depois cole-a embaixo da layer do circulo azul. Vá acertando a imagem de acordo com o seu gosto e quando terminar,clique na miniatura da layer do círculo com a tecla Ctrl pressionada para ativar a seleção ao redor do círculo. Depois clique na layer da imagem que estiver sendo usada, pressione inverta a seleção (Ctrl+Shift+I) e pressione Delete, seu Button deve ficar parecido com o da imagem abaixo:



 No fim seu Button deve ficar parecido com esse. Se você praticar, com o tempo seu button vai melhorando. O meu ficou bem feinho, mas o seu ficará melhor.

Obrigada pela atenção e espero que tenha gostado,  em breve postarei mais dicas e tutoriais.