Fazendo botões para sites e blogs no PhotoFiltre

17 07 2008

No PhotoFiltre é possível fazer botões bem bacanas para sites ou até mesmos blogs. Veja alguns exemplos que criei:

pagebuttons

Vamos aprender a criá-los de maneira prática e moderna.

1- Crie uma imagem em branco, de largura 700 e altura 500, por exemplo;

2- Utilize a seleção que quiser, no meu caso a elipse, e selecione uma parte qualquer da figura:

qz1

3- Vá em filtro> cor> gradiente (degradê). Se você quiser criar um botão verde, na cor 1 utilize o verde mais escuro que tiver e na cor 2 o mais fraco que quiser. O mesmo se aplica para as outras cores. Usarei a cor laranja. Ajuste da seguinte maneira:

qz2

4- Vá em filtro> estilizar> contorno progressivo. Diminua a opacidade para 80% e coloque a cor mais escura que você utilizou para fazer o gradiente (degradê):

qz3

5- Dê Ctrl+D para ocultar a seleção;

6- Clique mais uma vez na ferramenta de seleção que você usou e faça uma pequena seleção na parte de cima da figura. Veja abaixo:

qz5

7- Vá novamente na opção Gradiente (Degradê). Mude o modo para monocromático e use a cor branca com 80% de opacidade. Veja abaixo:

qz6

Nota: Se quiser dar esse efeito de gradiente (degradê) branco também na parte de baixo, arraste a seleção para a parte de baixo e no gradiente, mude a direção dessa maneira:

asasasaaa

8- Dê Ctrl+D para ocultar a seleção;

qz7

9- Escreva o texto como quiser. Se você estiver utilizando a versão STUDIO, dê Shift+Enter para mesclar as camadas;

10- Vá no menu Imagem> Recorte Automático;

11- Se quiser diminuir o tamanho do botão, vá em Imagem> Tamanho da imagem e faça as alterações desejadas.

12- Recomendo salvar o botão no formato PNG.

Sem tatulo 8

Resultado:

button5


Ações

Informações

8 respostas

17 07 2008
Mariana

oi
eu gostaria de saber como fazer montagens com fotos no photofiltre studio

Atenciosamente,

Mariana

17 07 2008
Quarto Mosqueteiro

Olá Mariana, seja bem vinda ao site.

Aqui tem um monte de tutoriais úteis.

Especifique o tipo de montagem que vc busca fazer para que eu possa ajudá-la.

18 07 2008
Amanda

Oii gentee!
brigadãoo,aprendi a fazee um monte de coisaa novaa!
si quiserem,add lá no msn!
amanda_mhp272@hotmail.com

28 07 2008
Kaito

Eu fiz seu tutorial!!!

Olha meu resultado!
http://img241.imageshack.us/img241/9996/botoql9.gif

A única coisa que fiz diferente foi na hora de diminuir o tamanho da imagem.
Eu usei o recurso menu/recorte automático.

PS: Eu estou usando a versão gratuita do Photofiltre 6.3.1

28 07 2008
Quarto Mosqueteiro

Muito bom Kaito! Ficou excelente!

Esse tutorial realmente é executável tanto na versão 6.3 quanto na Studio.

26 12 2008
Roberto Teixeira

Muito “maneiro” e útil o seu espaço. Gostei muito mas,
gostaria de saber como, após a produção do botão ou do texto animado, inserí-los no meu blog, de forma que lá eles mantivessem o mesmo movimento.
Desde já, agradeço pelas dicas.
Valeu!
Roberto.


Admin: Olá, Roberto. Para ter em movimento, primeiramente é necessário que a imagem esteja no formato “GIF”. Para inserí-lo no seu blog, depende de seu servidor. No meu caso, eu tenho que hospedar as imagens em sites como o ImageShack, PicTiger ou TinyPic. Os mesmos sites, após o upload das imagens, oferecem um código em HTML, onde é só copiar e colar no blog.

Um feliz ano novo!

19 08 2009
Bela

Como transformo este botão em link ?

3 10 2009
matheus

muito obrigado esse tutorial foi muito bom para mim eu estou montando um site visitem ele…

http://www.gamesingame.net.br

PS:Ele ainda nao esta muito bm mais deem uma olhada.
(Gente o conteudo dele é só para atrair gente que goste)
Tchau pessoal.

Deixe um comentário