Até o Flash CS3, o padrão de velocidade de um arquivo era de 12 frames por segundo. Cá entre nós, praticamente impossível trabalhar legal nessa velocidade… até que surge o Flash CS4 e muda o padrão para 30 frames. Legal…

Porém, podemos abrir mão desse conceito de TV / Cinema x Frames por segundo, passando a pensar em qualidade e simplesmente trabalhando com outras velocidades que viabilizem melhor animação. Qual tal SESSENTA frames por segundo?

Vamos tomar como exemplo uma animação de uma janela aparecendo na tela. Pelo nosso briefing ela precisa de 2.5 segundos para aparecer completamente na tela. Efeito simples… de alpha 0% para 100%, por exemplo. Ou deslocamento de um ponto a outro.

Com a velocidade de 12 frames por segundo no seu arquivo você precisará de 30 frames para executar essa animação. Logo, serão 30 passos ou 30 estágios de evolução da sua animação.

Já com a velocidade de 30 frames por segundo a coisa melhora um pouco no quesito qualidade, justamente porque você passará a utilizar o dobro de passos para a mesma animação, pois para executá-la em 2.5 segundos você precisará de 75 frames!

Imagine agora a mesma animação a 48 frames por segundo, e 120 frames no Timeline. É a quantidade necessária de frames para atender àqueles 2.5 segundos do briefing.

Mas o meu frame rate (taxa de frames) preferido é 60 frames por segundo. Eu utilizaria 150 frames para obter a mesma animação, atendendo aos 2.5 segundos.

Veja as imagem abaixo e entenda onde está a explicação disso:

Perceba que cada contorno é um passo da animação (visualizada com Edit Multiple Frames e Outlines na opção da camada). Quanto mais distante um passo se encontrar do outro, maior será o pulo entre eles. E somando isso à baixa velocidade do arquivo, o efeito de travamento na sua animação será dado como certo.

O objetivo é aplicar um efeito de deslize perfeito, por isso mais intervalos dentro do mesmo espaço são imprescindíveis. Realize o teste com motion ou shape na sua animação (independente) e tire suas próprias conclusões. Ao longo da sua experiência com Flash você ouvirá perguntas como:

“A quantidade de frames por segundo aumenta exponencialmente o tamanho do meu arquivo?”
Resposta: Não. Ela acrescenta sim, algo a mais, mas nada relevante, pois para o Flash é mais importante a quantidade de desenhos e imagens, e não a velocidade do mesmo.

“A quantidade de frames por segundo pode interferir na execução da aplicação na máquina do meu usuário?”
Resposta: Sim, pois serão mais passos de animação. Porém, convém analisar o público-alvo antes de aplicar a técnica. Se for um site voltado para um público que não tem problemas com maquinário, tudo bem. Senão, convém partir para a web estática e deixar o Flash um pouco de lado. Ou então trabalhar com uma velocidade baixa para atender o público com menor acesso a bom maquinário. Banners a serem exibidos em portais, por exemplo, CONTRATUALMENTE têm seus frame rates reduzidos. O Terra, por exemplo, solicita o banner com a velocidade fixada em 18 frames por segundo.

“Ouvi dizer que a visão humana capta 24 posições por segundo. E se eu usar mais do que isso no Flash?”
Resposta: Estamos falando de qualidade, não de Leis da Física, Ótica, seja lá o que for. O assunto é qualidade de animação, não passagem de mensagem subliminar, o que a visão humana capta ou não. Ela captará qualidade na animação, e isso é inquestionável.

Bom, pessoal, é isso aí. Além de ser um momento “Para refletir”, é também uma boa dica de uso do Flash, e também uma opinião pessoal, de que devemos focar em qualidade, não em Leis da Física ou processamento. Um post 3 em 1… que beleza!

[]’s!

Send post as PDF to

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! =)

Send post as PDF to