Para este tutorial você necessitará:
- Paint Shop Pro 7.0 ou versão superior - clique AQUI para download da versão demo.
- Gradientes e tubes, se quiser utilizar os materiais que  utilizei nestes botões que fiz para demonstrar a técnica  é só clicar aqui:

FAZENDO O BOTÃO:
1 - Abra uma nova imagem 150x65 - transparente.

2 - Com o baldinho preencha a imagem com o  gradiente de sua preferência: LINEAR - ANGLE 90

3 - Vá em EFFECTS - 3D EFFECTS - BUTTONIZE, assim configurado:
HEIGHT: 22
WIDTH: 22
OPACITY: 35
Transparent Edge marcado


ATENÇÃO COR BACKGROUND  CONFIGURADA NA PALETA DE CORES EM UMA COR PRÓXIMA AOS TONS DO  GRADIENTE UTILIZADO

4 - Selections - select all - Selections - Modify - Contract - 10  - Selections Invert

5 - Effects - 3d effects - Inner Bevel, com as seguintes configurações:


O botão estará pronto, salve-o em JPG para usá-lo sempre que dele necessitar.

ANIMANDO O BOTÃO:
1 - Faça uma cópia do botão e feche a "matriz".

2 - Duplique a layer do botão, quantas vezes quiser, dependerá da animação que quiser fazer.

3 - Escreva o que quiser, da maneira que desejar a animação, enfeitando com os tubes a gosto.

4 - É importante que você trabalhe layer por layer, sempre deixando visível e marcada  apenas a layer que está trabalhando.

5 - Quando estiver pronto, salve o botão, com as layers separadas E VISÍVEIS, como tube. 

VEJA AQUI A POSIÇÃO DAS LAYERS, É IMPORTANTE PARA UMA APRESENTAÇÃO CORRETA DA FRASE:

 

6 - Abra o Animation Shop, clique no botão do  Animation Wizard e siga os seguintes passos:

I - same size as the first image frame - marcado - avançar;

II - transparente - marcado - avançar;

III - Upper left corner of the frame e with the canvas color marcados - avançar;

IV - Yes, repeat the animation indefinitely marcado e 25 na repetição de animação (quanto mais layers, maior terá que ser este número), avançar;

V - Adicionar o botão de layers - avançar;

VI - Concluir.

Salvar como gif.

E está pronto o seu botão animado.
Espero que você tenha gostado, qualquer dúvida, me envie um E-Mail.

 

 

Este tutorial foi criado, escrito e publicado por Ana Maria Lopes de Sá - Ninh@, em 16 de agosto de 2002. É protegido por lei de Copyright e não poderá ser copiado, retirado de seu lugar, traduzido ou utilizado em listas de discussão sem o consentimento prévio e escrito de sua autora.

 

 Visite o Cantinho da Ninha

clicando na imagem abaixo!

;-)


 

Índice de Folhas Soltas

Índice do Caderninho