Hoje vamos brincar com animações, e sempre é bom vermos algumas animações para ganhar inspiração. Por mais que fique extremamente parecido com o original, ele sempre tem suas diferenças, pois a maquina reproduz o que você fez, então sempre vai ser diferente pelo fato de cada designer faz de sua maneira.
Eu tive a brilhante idéia de reproduzir uma das várias animações do Rogério Doki. Com ela fica mais simples e prático usar apenas o flash para desenhar todos os detalhes e a animação em si.
Iniciamos fazendo os olhos, cujo é o mais simples e prático. Desenhando em um "movieclip" faça o olho fechado, e logo apos, na linha do tempo em alguns frames depois (fica ao seu dispor quanto ao tempo que vai durar para ele piscar os olhos) faça o olho fechado. Depois ainda coloque mais alguns para ele ficar dando algumas piscadas de olho. E no final deiche mais alguns frames para dar um tempo a mais para ele picar novamente (caso contrario ocorrerá uma loucura com os olhos, ele ficará piscando o olho direto sem parar).
Iniciamos fazendo os olhos, cujo é o mais simples e prático. Desenhando em um "movieclip" faça o olho fechado, e logo apos, na linha do tempo em alguns frames depois (fica ao seu dispor quanto ao tempo que vai durar para ele piscar os olhos) faça o olho fechado. Depois ainda coloque mais alguns para ele ficar dando algumas piscadas de olho. E no final deiche mais alguns frames para dar um tempo a mais para ele picar novamente (caso contrario ocorrerá uma loucura com os olhos, ele ficará piscando o olho direto sem parar).
Logo mais a frente faça outro "movieclip" para a cabeça, nesse você fará todo o desenho da cabeça, quando terminar o desenho da cabeça, pegue toda a cabeça dentro da "timeline" do "movieclip" e crie outro "movieclip" e nesse outro não mecha nada, apenas coloque os olhos. No Seu "movieclip" em que transformou em outro "movieclip", ou seja aonde você criou todo o desenho da cabeça, mecha na timeline dele fazendo a cabeça balançar um pouco, e para parecer algo mais interessante use o "ease" para dar atraso no movimento da cabeça.
E analogamente faça o mesmo com o rabo. Com todas essas partes prontas crie outro "movieclip" para o corpo, e quando terminar o corpo, coloque a cabeça e o rabo nesse "movieclip".
Agora você terá já todo o porco pronto. Falta apenas criar o "movieclip" da bolha, que usaremos em forma de elipse e sem preenchimento, e depois cria uma imagem em "movieclip" e nesse você usa o efeito de "blur" em pequenos niveis e o coloque em posições estratégicas dando uma impressão da refração da luz que contem em bolhas (bastam duas, uma do tamanho da metade da bolha, e outra bem pequena no canto superior).
Agora é com vocês colocarem os objetos na timeline, e criar a animação do jeito que quiserem, o fundo fica a criterio de vocês também.
Agora Veja como ficou o resultado final clicando na imagem abaixo:
