Fazendo um botão estilo web

9 02 2008

1- Abra uma nova imagem em branco do tamanho desejado;

ScreenHunter_01 Feb. 09 14.55

2- Usando a ferramenta de seleção retângulo arredondado selecione uma parte da imagem;

ScreenHunter_02 Feb. 09 14.55

3- Escolha a cor desejada e com a ferramenta de preenchimento colorize o interior da seleção e depois oculte a seleção (ctrl+d);

ScreenHunter_03 Feb. 09 14.56

4- Novamente com a ferramenta de seleção retângulo arredondado selecione uma parte na região superior da figura. Depois vá em filtro> cor> gradiente> direção: de cima para baixo e faça como na imagem a seguir:

ScreenHunter_07 Feb. 09 15.01 ScreenHunter_04 Feb. 09 14.57

5- Oculte a seleção (ctrl+d);

6- Agora novamente usando a ferramenta de seleção retângulo arredondado, selecione agora uma parta da região inferior (embaixo)  com a mesma medida que utilizou na de cima. Depois vá em filtro> cor> gradiente> direção: de baixo para cima como na imagem a seguir:

ScreenHunter_08 Feb. 09 15.01 

7- Oculte a seleção, escreva dentro do botão o que você quiser, depois ajunte as camadas,vá em imagem> recorte automático e salve como jpeg se for de seu gosto.

ScreenHunter_06 Feb. 09 15.00

mathesss]


Ações

Informações

4 respostas para “Fazendo um botão estilo web”

9 05 2008
Diego (15:54:29) :

Olá,queria dizer que seu blog é SHOW, gostei muito dele aprendi muito.
Gostei desse botão de web.
Na parte de downloads desse blog ten alguns programas e tem esse botão láh.
Comop ativo ele? Por exemplo, quando vc clica nele, vc vai a um site.
Como fasso isso?
Obrigado

17 05 2008
Quarto Mosqueteiro (23:17:11) :

Olá Diego, muito obrigado por ter gostado do blog.
Isso que eu fiz chama-se lincar uma imagem, o que é feito através do código:

nos links é obrigatório o uso do “http://”

17 05 2008
Quarto Mosqueteiro (23:17:38) :
24 07 2008
Mary (14:20:32) :

Olá.

Não fiz esse tutorial ainda, pois estou baixando o Photofiltre Studio novamente.

Meu PC foi formatar e perdi ele (¬¬)

Eu amei esse tuto!

Eu estava mesmo precisando de um botão para um site.

Muito obrigada!

Deixe um comentário

Você pode usar estas tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>