Criando e Editando Anima��es com GIMP

Abstract: Na nossa coluna regular de GIMP, descrevemos algumas t�cnicas simples para criar e editar anima��es usando Gimp. 

Ol�, e bem-vindo ao meu terceiro tutorial de Lnux Focus sobre GIMP. Desta vez n�o seguirei qualquer trabalho do Manuel, e sim, que farei alguma coisa completamente s� com GIMP. Gostaria de mostrar algumas pequenas capacidades de anima��o do GIMP. Estas n�o s�o t�o complexas, mas sim, s�o suficientes boas para serem �teis.

Primeiro, falaremos do que � uma anima��o. A palavra anima��o � derivada da palavra latina anima que significa vida ou alma. B�sicamente, a diferen�a entre uma anima��o e uma pintura, � que uma anima��o, parece ter vida. Isto posto, � que, uma caracter�stica de muitas coisas viventes � o movimento, que melhor maneira de dar vida a uma imagem do que mov�-la?

Para aqueles que n�o est�o familiarizados, o m�todo tradicional que os artistas tem utilizado para dar movimento em uma figura, � criar m�ltiplas imagens. Cada imagem representa um tempo diferente da cena no tempo, conhecida como quadro, e estes quadros est�o organizados numa ordem cronol�gica, desde o primeiro quadro at� o �ltimo quadro. A anima��o � simplesmente um show de slides destes quadros. Uma anima��o pode parecer muito real se � vista em uma velocidade apropriada. A velocidade de uma anima��o � melhor conhecida como "velocidade por quadro" e � frequentemente medida em quadros por segundo. Vejamos o que GIMP tem a oferecer em mat�ria de anima��o.

Creio que no primeiro e segundo tutorial de Linux Focus sobre GIMP usamos e falamos sobre as fun��es Layers do Gimp. Fomos capazes de fazer coisas boas com layers, e creiam ou n�o, as fun��es layers v�o tamb�m desempenhar um papel importante na cria��o de nossa anima��o. Em suma, cada layer atuar� como um quadro a parte. O �ltimo quadro ser� o primeiro quadro da anima��o, e os quadros s�o mostrados desde o �ltimo at� o prmeiro utilizando a op��o de Animation Playback do filter menu. Agora vamos criar um pequeno exemplo de anima��o.

Bem, esta noite pare�o estar de bom humor para pegar um velho exemplo da Microsoft. Se te ofendo com isto, pe�o desculpas... isto n�o � uma goza��o, � s� um bom exemplo. De qualquer forma, quero fazer uma pequena anima��o sobre a Microsoft, assim que, a primeira coisa que fa�o � criar o logotipo da Microsoft com texto em preto sobre um fundo branco. A fonte mais parecida ao logotipo real da Microsoft � a fonte "Times". Esta fonte n�o � inclinada, mas se fosse, aposto que poder�amos obter uma fonte muito parecida com a fonte da Microsoft. Esta � suficientemente parecida para nosso exemplo, ainda que... n�o necessita ser perfeito.

Agora o que fa�o � colocar o logotipo da Microsoft no fundo do quadro. Abro o Layers & a caixa de di�logo Channels, e clico no bot�o Duplicate Layer, este bot�o � o que mostra duas folhas de papel, uma sobre a outra, como �cone. Isto criar� outra c�pia do layer, e ligeiramente modificarei este layer, que � o que estar� no topo, clicarei no layer para certificar-me que estar� ativo, ent�o escolho Rectangular Select na toolbox. Vou at� window image e seleciono a �ltima letra do logotipo, que � um "t" e crio uma sele��o a seu redor. Logo ent�o o seleciono e obteremos uma borda animada (bem parecido com formigas marchando), e quando coloco o cursor do mouse dentro da regi�o selecionada, aparece uma cruz tetra-direcional. Isto significa que posso clicar e arrastar esta regi�o selecionada para mov�-la. O que ent�o quero fazer � mov�-la para baixo at� aproximadamente 5 pixeis. Ap�s isto pressiono CTRL+H para fixar esta regi�o selecionada em sua nova posi��o.

Agora volto a caixa de di�logo Layers e duplico o layer do topo para fazer um terceiro layer. Ent�o clico sobre o novo layer do topo para ativ�-lo, asseguro-me que Rectangular Selection est� selecionado e volto � image window. Al� seleciono as duas �ltimas letras do logotipo, que s�o "f" e "t" e as movo a uma nova regi�o 5 pixeis mais abaixo.

Estas altera��es pode ser dif�cil de observar nesta p�gina, mas as letras est�o come�ando lenta e suavemente a dispersar-se. Assim que, para conseguir que o logotipo se disperse lentamente, continuo duplicando cada layer do topo, ativo este novo layer, seleciono outra letra e a baixo mais 5 pixeis mais ou menos. B�sicamente quero fazer isto, at� que o logotipo desapare�a.

Cuidado, isto poder� ser um pouco problem�tico. Descobr� que � mais f�cil tornar invis�veis os layers inferiores que os superiores. E podemos consegir clicando sobre os �cones com forma de olhos "eye icons" na caixa de di�logo Layers, na qual desativamos o eye icon para este layer. Tamb�m, quando baixas uma regi�o, qualquer �rea usada � coberta por esta regi�o, mas se n�o � coberta, poder�s torn�-la transparente, neste caso ter� que escolher o teu l�pis ou Paint brush e pint�-la.

Depois deste processo tenho 15 quadros no total. Dei novos nomes aos quadros e coloquei n�meros ao lado de cada quadro clicando duplamente sobre o texto em cada layer. Aqui est� outro conselho. No t�tulo de cada layer, poder�s especificar um valor de tempo em milisegundos entre parentesis e o Animation Playback filter mostrar� este quadro em particular por esta quantidade de tempo. Desta maneira poder�s controlar a velocidade por quadro da anima��o. N�o ter�s que manter a velocidade por quadro uma constancia, poder�s mud�-la em cada quadro. Para meu exemplo usei um delay time de 50 milisegundos para cada quadro.

Agora temos nossa sarc�stica anima��o representando a ca�da da Microsoft, e queremos salv�-la para que possamos usa�-la em nossa webpage. GIMP nos permite salvar esta anima��o como um GIF animado, no qual permitir� desfrutar aos web browsers e os observar como n�s disfrutamos criando-o. Antes de salv�-lo como GIF, necessitamos nos assegurar que nossa imagem estar� em um formato de cor indexado ao inv�s de RGB. O t�tulo da image window nos dar� esta informa��o entre parentesis. Se dizemos RGB e n�o indexado, ter� que clicar com o bot�o direito do mouse sobre image window para obter o men�, e ent�o escolher Image->Indexed. Obteremos uma mensagem do GIMP dizendo que 255 cores ou menos � �timo se estamos fazendo GIF animados ou transparentes. Obteremos uma Indexed Color Conversion box na qual nos permitir� escolher algumas op��es para a convers�o. Eu uso os defaults e clico em OK. A barra de t�tulo nos mostrar� que a imagem foi convertida a uma cor indexada.

Agora queremos salvar a imagem, ent�o vamos em image window e com o bot�o direito do mouse obeteremos o menu. Escolha File->Save As para que apare�a Save Image box. Ent�o escolheremos o lugar onde guardar o arquivo e escrever o nome em um local apropriado. Eu dei nome a minha anima��o de DownfallOfMicrosoft.gif, y GIMP autom�ticamente determinar� que era para salvar no formarto GIF, e ent�o cliquei em OK. Agora Save As GIF box aparece e nos permite escolher salvar o arquivo no formato entrela�ado ou n�o. Escolher gravar um coment�rio no arquivo, ter o GIF animado em um loop constante, colocar o default delay para os quadros em que n�o especificou delay time em Layers dialog box, e escolher como os quadros interagir�o entre s� durante a anima��o. Estas op��es s�o de sua preferencia, assim que, experimenta com elas e observa quais delas tornam tua anima��o melhor.

Aqui em baixo est� minha anima��o final. Muito simples mas voce poder� obviamente fazer melhor se for criativo suficientemente. Poder� inclusive fazer um poderoso logotipo do LINUX que vir� de cima pisoteando o logotipo da Microsoft, mas com minha sorte, ao faze-lo, com certeza receberia chamadas amea�antes de alguns de seus advogados.