Faça um button
Quer fazer um button bem legal para o seu blog? Então aqui te dou o passo-a-passo, você vai precisar apenas de 1 imagem com tamanho médio ou grande paraaplicar como fundo.
1) Abra a imagem escolhida (seria legal se a imagem tivesse alguma ligação com o layout, por exemplo: se no seu blog o layout é com Evanescence, pegue uma foto da Amy Lee por exemplo). Como exemplo, eu escolhi uma imagem que tenha a ver com o meu layout:
2) Faça uma nova imagem (File/New ou aperte Ctrl+N) com largura 88 e altura 31:
3) Na imagem escolhida, com a ferramenta seleção (que aparece mais clara na figura abaixo), seleciona uma parte da figura que escolheu pra ser o fundo do seu button:
Vai ficar assim (eu selecionei a cabeça do coelho):
4) Ainda na imagem que você escolheu, copie a área selecionada (Edit/Copy ou Ctrl+c), selecione o seu button (a nova imagem que criou no tamanho 88×31) e cole nessa nova imagem (Edit/Paste/Paste as new layer ou Ctrl+L). Vai ficar assim:
5) Para trabalhar seu button, clique na ferramenta texto (que aparece mais clara na imagem abaixo), e clique no lugar onde quer que apareça o nome do seu blog no seu button. Digite então, o nome do seu blog.
Vai ficar assim:
6) Para o nome do seu blog se sobressair no button que está criando, é interessante que o fundo da imagem fique mais claro que o texto, para isso, é só mudar a opacidade do layer onde o fundo está. Para mudar a opacidade você tem que estar com a paleta LAYERS aberta (janelinha com título layers), se não estiver aberta é só pressionar F8 que ela abrirá. Nesse ponto do tutorial, a sua paleta Layers é para estar dessa forma:
Se não mudou os nomes dos layers:
Vector 1: layer com o textinho que escreveu
Raster1: layer com a imagem do fundo
Background: fundo da imagem
Raster1: layer com a imagem do fundo
Background: fundo da imagem
Então, para mudar a opacidade, clique no número 100 que está aparecendo na frente de Raster 1, na paleta Layers, e coloque o quanto quiser, quanto mais diminuir mais claro ficará o fundo do button, eu coloquei 60 no meu, veja como ficou o botão agora:
7) Seu button está terminado, salve o button (pressionando F12) como .GIF ou .JPG, e coloque em seu blog. Veja como ficou depois que salvei:
Dicas para complementar esse tutorial:
* veja o tutorial de como salvar a imagem de forma otimizada, melhorando a qualidade da imagem;
* veja o tutorial de como colocar bordinha;
* veja o tutorial de como colocar bordinha;
Nenhum comentário:
Postar um comentário