Animação do Planeta Terra Girando em Flash: Aprenda a Fazer

Aprenda a fazer uma animação super legal do planeta terra girando no nosso tutorial de Flash. Tutorial básico para quem está aprendendo animações em Flash.

Tutorial de Flash: Efeito da Terra Girando

Nesse tutorial de Flash vamos ensinar a fazer de um modo simples e em poucos passos um efeito do planeta terra girando no espaço.

É um Tutorial de Flash Básico, ideal para quem está começando a montar animações e o resultado fica bem legal, fica profissional.

O primeiro passo deste tutorial de flash é escolher uma foto que represente a terra, uma foto quadrada que tenha os continentes e os mares. Para facilitar o trabalho já separamos um boa foto que tem essas características:

Como a terra vai ficar dando voltas ao redor de sí mesma, é interessante que enquanto um continente esteja do lado visível da terra, uma cópia dele também esteja rodando do lado oposto para poder dar um efeito de continuidade quando a animação em flash rodar.

Para conseguir esse efeito, o próximo passo do nossso tutorial de flash é duplicar essa imagem, uma após a outra. Copie e cole a imagem usando um programa de edição e deixe da seguinte maneira ( é importante deixar a foto muito bem encaixada para a animação não ficar pulando ! ):

Agora que o nosso fundo do planeta terra está pronto, é só pegar uma boa foto de fundo do universo:

Pronto ! Já temos todo o material necessário para fazer o nosso tutorial de flash, já podemos entrar na parte da animação em sí.

Planeta Terra Girando: Implementação da Animação em Flash

Crie um novo projeto no flash definindo o tamanho em 470 por 320, o fundo branco e a velocidade em 12 frames por segundo, da seguinte maneira:

Continuando nosso tutorial de flash, crie agora 3 layers de 20 frames para o seu projeto, use os nomes Globo, Mapa e Universo para ficar mais fácil entender.

Para o layer Universo, cole a foto do universo acima ( esse será o fundo da animação ). No layer Mapa, cole a foto do mapa ( a duplicada ) e por fim no frame do globo use as ferramentas de desenho do Flash para fazer um circulo vermelho de 215×215 pixels. Você vai obter o seguinte resultado:

O próximo passo agora do nosso tutorial de Flash é programar os layers.

Tutorial de Flash Terra Girando: Programação dos Layers e Finalização

Criando o Movimento

Para criar o efeito de movimento do planeta. Crie um Keyframe no final do layer do mapa ( para criar o Keyframe no Flash, selecione o frame e clique como botão direito e escolha: Insert Keyframe ). Dentro deste Keyframe desloque o meio da imagem do mapa para o final do circulo. Vai ficar da seguinte maneira:

Voltando ao keyframe criado, crie agora a animação do movimento selecionando o layer com o botão direito do mouse e escolhendo: Create Motion Tween. A programação final dos layers deste tutorial de flash vai ficar da seguinte maneira:

Adicionando a Máscara e Finalizando o Efeito

Agora que as fotos já estão prontas e os layers foram programados, vem última etapa do nosso tutorial Flash: adicionar a máscara que vai modelar o planeta de forma redonda. Para adiciona-la basta clicar com o botão direito no layer do Globo e selecionar mask:

Pronto !! Como efeito final você deve obter a seguinte animação:

 

Tutoriais de Fireworks

O Adobe Fireworks é um programa de edição gráfica perfeito para profissionais de internet, na criação de layouts e edição básica de imagens.

Tutoriais de PHP

O PHP é uma linguagem de programação livre e gratuita utilizada por webmasters do mundo todo devido a sua qualidade e simplicidade de uso.

Tutoriais de Photoshop

O Photoshop é o programa de edição de imagens mais popular do mundo, pode-se fazer praticamente qualquer coisa com uma foto.

Tutoriais de Flash

O Flash é um programa ideal para artistas profissionais e amadores fazer todo tipo de animação. Rico em recursos e simples de programar.

Tutoriais de Corel Draw

O Corel Draw é um programa para desenho 2D muito utilizado para todo tipo de arte e ilustração: capas de livros, banners, cartazes, etc... .