[Tutorial] O desenho animado abrindo sites.

Existem algumas formas de divulgação do site de uma empresa pela internet. Poderíamos citar os banners como uma das mais utilizadas. Entretanto, tenho sido contratado para fazer a divulgação de algumas "Homes" utilizando uma forma que certamente se espalha pela rede com muita rapidez.

São as animações de aberturas para sites, divulgadas por e-mail. O internauta recebe apenas um link. Este ao ser clicado o levará a assistr a animação, que no final carregará automaticamente a página da empresa. Existem pontos a destacar:

Primeiro. Receber um e-mail com um link de uma animação, de um amigo ou não, é muito mais confiável do que abrir um executável que poderá estar carregando um desses vírus poderosíssimos que estão à solta pelo ciberespaço.

Segundo. A curiosidade do ser humano faz com que, nesse caso, o seu dedo indicador teime em clicar naquelas lindas palavrinhas em destaque que irão mostrar um belo desenho animado.

Terceiro e mais importante. A rapidez com que os e-mails rodam pela rede, certamente fará com que sua página seja visitada muitas vezes.

Dentro desse contexto, realizei alguns trabalhos e vou destacar à seguir, uma animação de Natal para uma empresa do Ceará, a Digital Design. Vou descrever o processo pelo qual toda a criação foi submetida, desde a definição do Mascote até a finalização deste trabalho.

Criação do Mascote:

A empresa, através de Adriano Macedo, sugeriu um mascote que tivesse algo em comum
com sua Home que é bem techno. Poderia ou não, ser uma figura humana. Nesse momento criei vários mascotes diferenciados (nove no total).

Após a verificação por parte da empresa, optou-se por uma nova prova baseada no traço do terceiro mascote. Criei mais seis amostras e enviei para avaliação. A opção três foi a escolhida.



detalhe em amarelo da opção escolhida.

Pronto! Estava criado o mascote da empresa, que através de uma promoção com os internautas, recebeu o nome de Digit.



O cartão de Natal :

O primeiro passo foi a elaboração do roteiro e prá combinar com o Digit, algo espacial. Fiz um rápido story board e deixei a imaginação livre para criar durante a execução do serviço no Flash. Abri um novo documento apenas para os outros personagens. Procurei dar uma atenção especial aos movimentos, por isso utilizei Movie dentro de Movie, e este dentro de outro Movie, etc..

O primeiro personagem do espaço, entra em cena andando com um som cômico imitando seus passos. Ele retira seu presente do saco de papai Noel e sai.

Para que não ficasse algo repetitivo, queria que o segundo ET chegasse de uma outra forma, algo mais inesperado. Então me lembrei de uma técnica comum, a mask, mais um movie acompanhando-a durante a transição. Ainda não havia testado na prática essa união e era o momento para que experimentasse. Fiz um pequeno movie de borbulhas espaciais e o efeito ficou como o esperado.



O terceiro personagem, imaginei que poderia ser um robô. Eeste entraria em cena simplesmente deslizando em uma espécie de patim turbinado!



Com os personagens prontos, era a hora de preparar o movie final para inseri-los no momento oportuno. Utilizei no documento principal as seguintes configurações:

Tamanho do Stage: 760 x 430 px
Frames por segundo: 15 fps

O restante do trabalho consistia em fazer as animações do Digit. Eu já possuía numa biblioteca particular alguns movimentos e então criei outros necessários à animação. Precisava também sair à procura dos efeitos sonoros e a música Natalina free pela internet à fora.

Nesse momento é que podemos, na prática, perceber o quanto a grande rede pode nos auxiliar nos trabalhos do dia-a-dia. Para a criação do background, primeiro pensei em fazer algo mais realístico. Fui para o Photoshop e de uma forma rápida fiz uma amostra, graças à esse excelente software, que com poucos comandos e filtros mostra a sua grandiosidade.


Background feito no PhotoShpop.

Acabei por fim, optando por algo que, naquele momento de correria, estivesse mais fácil para aprovação. O contraste entre o Photoshop ou o Painter com o Flash, poderia não agradar ao cliente. Particularmente acho essa junção muito interessante, principalmente entre o Painter 5 e o Flash.

Voltei para o Flash e fiz o cenário adequado para a animação. Para a cena final o Adriano quis colocar uma animação com letras, feitas por ele com a praticidade do Swish, que exporta arquivos em .SWF. Importado esse arquivo no . FLA principal, coloquei no final do mesmo o comando básico de GET URL, "linkando" o final da animação com a página principal da Digital Design