Tag by Romy Bastos

 
 
 Animação 3
 
 
 Animando uma Gif Transparente
 

Animation Shop 3.11 ou inferior
 
 
 
Material:
 
Uma fonte
 
********************
 
 
 
1. Abra uma imagem transparente no Animation Shop. Para isso clique na folhinha branca. Na janela que se abre use as configurações abaixo e vai obter
 uma imagem transparente de 350 px  de largura  por 150 px de altura.
A medida pode variar de acordo com o tamanho do texto.
 
 


 

2. Para dar movimento você vai precisar de várias frames.
 Quanto mais frames, mais pesada ficará a animação.


 Com  a ferramenta Arrow 

 clique na frame vazia para selecionar(a frame ficará azul azul).

Em seguida clique em DUPLICATE, como assinalado abaixo:


Clique 3 vezes seguidas para obter 5 frames.

 
3. Para deixar as frames uma ao lado da outra clique  em Window/ Cascade.
 
4. Clique na Frame 1 para selecionar.
 
5. Escolha uma cor e coloque no quadradinho de cima da paleta de cores (aqui é diferente do PSP).
 
6. Clique na Ferramenta de Texto (A).
Vai abrir a janela de texto:
 
 
Escolha a fonte e defina o tamanho.
Digite o texto na caixinha branca (Enter text here:).
O resultado pode ser vizualizado na caixa SAMPLE, logo acima. É daquela forma que o texto vai aparecer no trabalho.
Modifique o tipo da fonte e o tamanho até obter o resultado desejado. Clique OK.

Se aparecer a mensagem abaixo
 
 
é porque o texto ficou maior que a imagem transparente .
Neste caso, clique OK para fechar a mensagem, volte à caixa de texto e diminua o tamanho da fonte (SIZE) ou aumente a imagem transparente.
 
7. O texto ficará "na ponta" do cursor.
Posicione no centro da imagem e clique para fixar.
 
8. Como o texto vai ser repetido em várias frames, é preciso ter uma "base" em cada uma delas, para que o texto seja fixado exatamente na mesma posição nas diversas frames.
Isso vai permitir uma animação harmoniosa.

Para isso é preciso ativar a ferramenta Registration Mark, que parece uma +.
Configure como abaixo
 
 
e clique na palavra.

9. Colocando o mouse bem em cima da linha é possível movê-la como desejarmos.
Procure deixar o encontro das linhas no meio da palavra como na gravura abaixo:
 


Todas as Frames ficarão com o Registration Mark no mesmo lugar.

 
10. Digite o texto novamente. Selecione a Frame 2 (com a ferramenta Arrow).
 
11. Clique na ferramenta de Texto.
Diminua o tamanho da fonte (size).
Esta medida vai depender da escolha da fonte.
Na primeira frame foi usado o valor 48.
Para a segunda frame diminua o valor para 38.

Agora a importância do Registration Mark:
 coloque a palavra exatamente em cima da linha, procurando deixar
a metade da palavra onde ficou a marca, a linha vertical.
 
 
12. Ative a Frame 3.
Clique na Ferramenta Texto, diminua o valor de Size para 28 e posicione o texto da mesma forma quer na frame anterior.
 
 
13. Na Frame 4 diminua para 18, e na Frame 5 para 10.
Quando terminar clique em Clear para desativar o Registration Mark.
 
14. Neste ponto, o trabalho deve estar assim:
 
 

15. Clique nas teclas CTRL+A  juntas para selecionar todas as frames
(elas ficarão todas azuis).
Clique com o lado direito do mouse na última frame.
 
16. Na janela que se abre clique em
Duplicate Selected:
 

 Repare que agora são 10 frames.

17. Com a tecla CTRL pressionada clique nas frames
6 - 7 - 8 - 9 - e 10 com a ferramenta Arrow.
Solte a tecla CTRL e só as frames acima ficarão selecionadas.

 
18. Clique em Animation e na janela que abrir clique em Reverse Frames:
 
 
19. O que acontece? As frames selecionadas serão invertidas.
 
Da frame 1 até a 5 a palavra diminui, e da 6 para a 10 ela aumenta.

Clique em View Animation para ver o efeito.
 
20. Para definir a velociudade do efeito:
selecione primero todas as frames, clicando juntas as teclas CTRL+A.
 
21. Na janela Animation / Frame Properties defina o valor 50:
 
 
 
Salvando a Animação como Gif Transparente

 Aqui o salvamento difere da animação com fundo colorido.

 
22. Clique em File / Save as.
 
23. Na janela que se abre digite um nome para o arquivo e observe se o campo "Salvar Como" está como abaixo:
 
 
24. Na próxima janela clique em CUSTOMIZE.
 
25. No quadro que se abre configure configure como abaixo e NÃO clique ainda em OK.
 
 
26. Em seguida clique na aba Partial Transparency e configure como abaixo:
 


Defina a cor que mais se aproxima da borda da gif (neste caso o mesmo tom de verde usado para o texto). NÃO clique no OK ainda.

 
27. Ative a aba Optimization :
 
 
 
Clique em OK.
 
28. Clique agora em Avançar, Avançar e Avançar...verifique o peso final e clique em Concluir.
 
O resultado deve ser  este:
 

 

 

 

 


Tutorial de Zilnê Godoy

Fevereiro de 2006

Autorizado para publicação no

Direitos reservados