Colocando texto em uma gif animada 

                                       Tutorial feito por Tanny®

Escolha sua gif:

 

         

 

1 - No animation shop abra uma gif animada transparente com mais de duas frames. (Acima,

 um exemplo para os meninos, e outro para as meninas). Anote em algum lugar, os valores de

 velocidade de cada frame: 1ª D:30; 2ª D:50; 3ª D:20 e 4ª D:20. Esses valores você encontra logo

 abaixo da imagem, ao lado do nº da frame = F:1 D:30

 

 

2 - Olhe no rodapé do animation, e observe as medidas de cada frame. No caso da nossa garotinha, possui 100x120 pixels:

 

 

3 - Abra uma nova imagem  de 200x200 pixels, para termos espaço para trabalharmos.

 

 

 

4 - Clique no 1º quadradinho de cores e colete da gif, uma cor para escrever seu texto

 

 

5 - Clique na ferramenta texto  clique na nova imagem, e abrirá a caixa de texto. Escolha a fonte,

 o estilo (negrito, normal, itálico, normal), o tamanho (eu escolhi 26), assinale antialias e center.

 Clique em OK.

 

 

6 - Clique 3 vezes em duplicate  para conseguirmos 5 frames nessa nova imagem. Como a gif da

 nossa garotinha possui apenas 4 frames, iremos apagar a 5ª frame da nova imagem, clicando nela com a ferramenta arrow  ativada, e apertando em seguida, a tecla "delete" do nosso computador.

 

 

7 - Aperte simultaneamente as teclas "control a" para selecionarmos todas as frames, e de igual

 modo, faça na gif da garotinha.

 

8 - Ative a ferramenta propagate paste  para que todas as frames sejam trabalhadas.

 

9 - Estando as duas imagens completamente selecionadas (a nova imagem e a gif), clique com a ferramenta arrow  na frame nº 1 da gif animada, e arraste-a até a frame nº 1 da nova imagem,

 posicionando-a no centro superior da nova imagem.

 

 

Você verá que automaticamente as outras frames serão preenchidas com as respectivas frames da gif animada.

 

10 - Com a ferramenta crop  , recorte as sobras da imagem, colocando o cursor do mouse no

 canto inferior direito da 1ª frame e arrastando-a até a parte superior esquerda. Todas as frames

 serão selecionadas também.

 

 

11 - Dê dois cliques no meio da imagem, para que seja cortada.

 

12 - Volte a clicar na ferramenta arrow  selecione apenas a primeira frame, clicando no meio

 dela. Quando apenas a 1ª frame estiver selecionada (em azul), clique com o botão direito do mouse

 e abrirá um menu. Corra o mouse até "frame properties" e na caixinha que se abrir, digite o

 número correspondente a velocidade (D:30) que você anotou da 1ª frame da gif animada, lembra?

 Digite apenas o número 30.

 

13 - Faça o mesmo com todas as outras frames, digitando na caixinha, a velocidade correspondente

 a cada uma delas.

 

14 - Para ver como ficou, clique em view animation .

 

15 - Agora é só clicar em salvar , e configurar a caixinha que se abrir, da seguinte forma:

 

Clique em customize

 

 

Configure a aba colors assim:

 

 

Aba Optimizations

 

 

Aba Partial Transparency

 

 

Depois é só ir clicando em OK.

 

Veja como ficou o meu trabalhinho:

A letra não fica tremida, e a gif manteve a velocidade de origem.

 

Tutorial  feito por Tanny® publicado em 13 de abril de 2006.  Não poderá ser copiado, retirado de seu lugar, traduzido para outros idiomas, utilizado em listas de aprendizados ou grupos  sem o consentimento prévio da autora. Pertence ao  http://br.geocities.com/aprendizesdepsp/