Tutorial básico de Timeline no Flash

Olá, pessoal!

Que o Flash é um software de animação todos sabem. Que aprender Flash sozinho é complicado todos sabem. Inclusive eu. =)

O Flash trabalha com uma Linha do Tempo (Timeline), que sempre anda pra frente, e pode ser trabalhada de maneiras diferentes. Decidi então escrever uma matéria sobre os comandos básicos que podem ser aplicados nesse Timeline, o que costuma ser dúvida entre muitos principiantes. Creio que o domínio sobre os principais comandos do Timeline ajudam e muito na evolução do uso desse software “estúpido” da Adobe!

Para começar, veja a imagem abaixo:

Agora, uma relação dos principais atalhos de teclado que você deve saber para trabalhar de maneira simples com o Flash CS4:

• Insert Frame (Inserir Frame): F5
• Insert Keyframe (Inserir Quadro-chave): F6
• Insert Blank Keyframe (Inserir Quadro-chave em branco): F7
• Copy Frames (Copiar Quadros): Ctrl + Alt + C
• Paste Frames (Colar Quadros): Ctrl + Alt + V
• Clear Keyframe (Limpar Quadro-chave): Shift + F6

Veja também uma pequena lista de comandos de mouse que podem ser executados:

• Botão direito em qualquer frame: Surgirá uma lista de comandos para operações rápidas (Criar animação, Recortar frames, colar…)
• Clicar em um frame que não esteja selecionado: Seleciona o mesmo (óbvio…)
• Clicar em um frame que não esteja selecionado, segurar, arrastar e soltar: Seleciona uma quantidade maior de frames
• Voltar a clicar em frames previamente selecionados com o comando acima: Desloca esses frames para outra posição, com o objetivo de acelerar / retardar uma animação
• Clicar fora (ou Esc, o correto…): Tira a seleção dos objetos ou frames

Bom, passados os principais comandos, vamos a um exemplo simples de uso:

- Desenhe um quadrado no seu palco, de qualquer medida, com qualquer cor, em qualquer posição.

- No painel Timeline, clique no frame 30 (não no número, e sim no frame) e pressione F6. Você terá inserido um Keyframe.

- Clique nele e realize uma edição qualquer (troca de cor, por exemplo). Ele estará diferente dos anteriores. Pressione Ctrl + Enter para testar a sua animação.

- Caso você queira prolongar a minha animação basta clicar uma vez no frame 30 e soltar. Clique novamente, segure e arraste o frame mais para frente, e solte onde desejar.

- Para realizar mais passos de animação basta continuar o trabalho pressionando F6 para criar os intervalos e as edições. Nesse ponto vale lembrar que SOMENTE É POSSÍVEL REALIZAR EDIÇÕES EM KEYFRAMES. Então, caso queira realizar uma edição em um local que seja um frame simples, basta transformá-lo em um Keyframe, com F6.

- Caso queira transformar um Keyframe em Frame, pressione o botão direito sobre o Keyframe em questão e escolha a opção “Clear Keyframe”.

- Caso queira inserir um Blank Keyframe em algum ponto da sua animação, pressione F7. O Blank Keyframe serve para criar espaços na sua animação, com o intuito de fazer com que uma animação comece depois, ou haja um intervalo entre duas animações.

- Agora, observe a imagem abaixo:

- Na camada Cenário foi pressionado F5 no frame 30, para que o fundo da animação fosse apenas prolongado, para o caso de uma futura edição todo o conteúdo ser facilmente atualizado através do primeiro frame apenas. Apenas usamos o F5 em caso de não haver animação futura naquela camada.

- Na camada Círculo foi elaborada uma animação que começa no frame 1, vai até o 15 quadro a quadro e se estende até o 30 com F5.

- Na camada Ellemento foi elaborada uma animação que começa no frame 20, onde foi pressionado F7 para marcar o seu início, e do frame 20 pra frente foi feita uma animação quadro a quadro também, com o auxílio do F6.

Os recursos de mouse que expliquei mais acima são usados para manutenções, como deslocamento de animação (para que ela comece mais para frente ou mais para trás), remoção de frames em excesso (botão direito na área desejada – Remove frames), desistência de ter um Keyframe em determinado local (Clear Keyframe), etc…

É questão de muito treino, por isso recomendo a animação de um boneco, com um braço em cada camada, uma perna em cada camada.

Para editar vários frames ao mesmo tempo:

Usa-se o recurso Edit Multiple Frames, presente também no painel Timeline, no local indicado na figura abaixo:

Ao clicar na opção citada acima, duas alças (Onions) aparecerão acima dos frames, no Timeline, e é o ajuste delas que permitirá a edição daquele setor por completo, bastando fazer uma seleção simples de objetos (Ferramenta Seleção) para poder selecionar também os frames que estiverem compreendidos entre os onions.

OBS: Extremamente recomendável desabilitar a opção Edit Multiple Frames ao término do uso.

[]‘s a todos os principiantes de Flash, e boa sorte nos estudos! Vale a pena! =)

   Enviar artigo em PDF