[Tutorial] O desenho animado abrindo sites.

[helldanger1]

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).

 

[helldanger1]

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.

 

[helldanger1]

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

 

[helldanger1]

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