[Photoshop] Como fazer botões para web

COMO CRIAR BOTÕES PARA WEB USANDO O PHOTOSHOP CS4

Galerinha, mauz ai esse tempo que estou off, mais meu monitor queimou, estou usando o computador do trabalho de meu pai, e chega de desculpite e vamos ao que interessa

Vocês aprenderão vários modos de criar botões para web, talvez esse seja meu maior tuto postado aqui, vou colocar somente um por agora depois eu posto outros modos, esse tuto é muito útil para quem quer criar ou modificar algum site ( espero que seja usado aqui no fórum). Exemplo de botão:



Primeiro, crie um novo arquivo no PS 200x200 pixels. Faça um retângulo com a rounded retangle tool, deixe o radius em 10 pixels:Dê um duplo click na sua layer para abrir a janela de efeitos. Vá em gradient overlay, clique no gradientizinho e faça um gradiente como esse:

os dois tons de cinza são 434343 e o preto é 000000 ( numeração hexadecimal ).Depois, na janela de efeitos, vá em stroke, selecione 1 px de espessura e a cor 363636. vá em inner glow e faça um gradient com a cor primaria c0c0c0 e a cor secundaria transparente:

deixe a opacidade em 60% e a espessura em 9 pixels. Seu botão deve ter ficado assim:

Novamente com a rounded retangle tool, faça um retângulo menor na parte superior do botão, com radius 10 pixels. Com a tecla CTRL pressionada, click sobre a layer do novo retângulo, para fazer a seleção. Faça CTRL + SHIFT + ALT + N para criar uma nova layer, pegue a gradient tool e faça o gradient dentro da seleção. Exclua a layer do retangulo menor e veja o resultado:

Vocês também podem fazer de outro modo. Faça um retângulo arredondado como do modo anterior, com radius 10. Segure a tecla CTRL e click no shape. Agora, faça CTRL + SHIFT + ALT + N para criar uma nova layer, vá em select>modify>contract e contraia a seleção por 1 px. Com a gradient tool, passe um gradient por toda a seleção, a cor primaria é branco ( 000000 ) e a secundaria transparente. Deve ficar assim:

Desenhe com a caneta uma seleção meio curva na layer do gradient, como mostra a imagem:
Agora aperte Delete, e seu botão está finalizado.

Está de Parabéns Soul Filter

O efeito utilizado no tutorial(pelo que eu saiba se chama aqua) é realmente muito utilitário e simplismente um colírio para os ólhos de todos,bem mas eu realmente aprendi uma coisa importante com seu tutorial.Que o efeito não só se concretiza com o gradiente radial no fundo do botão,mas também com gradiente Linear !

Muito Bom Até merece um Fix

-Tópico Fixado-

A muito obrigado, era disso que eu estava presizando mesmo.Não sou bom em Design pois sempre achei meio complicado em mecher em Photoshop , mas agora evolui um pouco.

Vlw

Outro modo de fazer botões, muito comum aqui no fórum, é estilo windows
vista, primeiro faça um arquivo 200 x 200 pixels, e com a retangular
marquee tool, faça uma seleção retangular, depois vá no menu
Select>Modify>Smooth e escolha 1 pixel, como mostra a imagem:

Com
a ferramenta gradient, defina um gradient com a cor primária 2d2d2d e a
cor secundária 3c3c3c, use os efeitos Inner Glow com a cor primária
c0c0c0 e a secundária transparente, e stroke com a cor 363636, com a
espessura de 1 px. Crie uma nova layer e com a Retangular Marquee Tool
faça uma seleção na metade do seu retângulo, e com a Gradient Tool,
faça um gradient com a cor primária branco e a secundária transparente,
passe sobre toda a sua seleção e dê uma opacidade de 65%.Seu botão deve
ficar assim: