Flash Parte2

10
5/25/11 1 Estrutura da timeline A timeline é uma ferramenta de extrema importância para a criação de animações no Flash. Estrutura da timeline Playhead Layers Layers – Camadas que dividem um documento em vários planos, dando a ilusão de que os objectos foram desenhados em folhas de acetato separadas.

description

Flash

Transcript of Flash Parte2

Page 1: Flash Parte2

5/25/11

1

Estrutura da timeline  A timeline é uma ferramenta de extrema importância para

a criação de animações no Flash.

Estrutura da timeline

Playhead

Layers

Layers – Camadas que dividem um documento em vários planos, dando a ilusão de que os objectos foram desenhados em folhas de acetato separadas.

Page 2: Flash Parte2

5/25/11

2

Estrutura da timeline

Playhead

Layers

Onion Skin – Esta função permite visualizar mais do que um frame ao mesmo tempo no stage.

Center frame Onion Skin

Estrutura da timeline

Playhead

Layers

Frames – Cada frame contém uma imagem estática e a visualização dessas imagens em sequência dão a ilusão de movimento.

Center frame Onion Skin Frame actual Frame rate

Tempo decorrido

Frames

Page 3: Flash Parte2

5/25/11

3

Layers (camadas)   Um documento pode ser constituído por várias

camadas e cada camada pode conter vários objectos.

 Os objectos das diferentes camadas combinadas formam o resultado pretendido.

Elementos distribuídos em camadas. A camada superior exibirá o seu conteúdo em primeiro plano.

Layers (camadas)   Elementos dum projecto distribuídos em

camadas.

Page 4: Flash Parte2

5/25/11

4

Layers (camadas)

Botão Adicionar camada

Renomear camada – Para alterar o nome de uma layer, efectuar duplo clique na mesma e o seu nome ficará editável. Mover camada – Basta arrastar a camada para a posição pretendida. Eliminar camada – Seleccionar a camada a arrastar para o botão Caixote do Lixo.

Layers (camadas)  Distribuir objectos por camadas – Se tivermos

desenhado mais de um objecto na mesma camada e pretendermos posteriormente distribuir por camadas individualmente, podemos utilizar Modify > Timeline > Distribute to Layers.

Page 5: Flash Parte2

5/25/11

5

Layers (camadas)  Ordenar layer

Layers (camadas)  Ocultar layer

Page 6: Flash Parte2

5/25/11

6

Os métodos de animação  Quadro a quadro   Este método envolve criar vários quadros-chave, um

seguido do outro. Cada quadro possui a mesma imagem ou uma imagem diferente, mas com uma leve alteração nos quadros posteriores.

 Animação de Interpolação   Trata-se de uma animação mais eficiente, que

utiliza, da forma mais simples, apenas dois quadros-chave; o primeiro, que contém a imagem gráfica inicial e o segundo que contém a imagem gráfica final.

Os métodos de animação

 Duas animações de interpolação:   na primeiro o objecto

apenas se desloca de um ponto ao outro no palco (animação de movimento – Motion Tween);

  já na segunda animação um círculo transforma-se num quadrado (animação de forma – Shape Tween)

Page 7: Flash Parte2

5/25/11

7

Os tipos de quadros   Existem diferentes tipos de quadros para realizar diferentes

tarefas na execução de um filme:   Quadros vazios. São os quadros que aparecem na linha do tempo

quando um novo projecto é iniciado. Não são justamente quadros, mas espaços vazios à espera de quadros.

  Quadros regulares (frames). Estes quadros sempre são precedidos por um quadro-chave.

  Quadros-chave (Keyframes). São quadros especiais onde ocorrem as alterações de conteúdo ou animação (movimento, forma ou cor.

Os tipos de quadros

  Um quadro-chave é identificado por um ponto preto. Os quadros-chave também podem estar vazios e são identificados por um ponto sem preenchimento.

Page 8: Flash Parte2

5/25/11

8

Métodos de animação

•  Frame-a-frame

Interpolação:

•  animação de forma – Shape Tween

• animação de movimento

– Motion Tween

Sandra Silva - 2009/2010

O Que é um símbolo?

 Um símbolo é um objecto que se guarda na biblioteca do documento, com a finalidade de o utilizar várias vezes numa animação flash ou para associar actionscript ao mesmo.

Sandra Silva - 2009/2010

Page 9: Flash Parte2

5/25/11

9

Símbolos  Para trabalhar com animações no FLASH é

necessário que quase todos os elementos sejam convertidos para símbolos:

 Gráficos

  Botões

 Clipes de Filme

Sandra Silva - 2009/2010

Símbolos - Gráficos Graphic Symbols

 É o tipo mais básico de símbolo;

 Utilizado para imagens estáticas, que se pretenda utilizar várias vezes num documento ou utilizar para animações;

 O que pode ser convertido em Graphic Symbol?   Imagem vectorial   Texto

  Imagem bitmap

Sandra Silva - 2009/2010

Page 10: Flash Parte2

5/25/11

10

Símbolos – Clipe de filme Movie Clip Symbols

 Possibilita criar pequenas animações, reutilizáveis que consiste em um ou mais gráficos/botões – são animações dentro da animação principal do flash.

 Grande vantagem: as propriedades podem ser controladas através de actionscript - alterar as suas dimensões, posição, cor, alpha,...

Sandra Silva - 2009/2010

Símbolos - Botões Button Symbols   Botões interactivos utilizados para navegação na timeline.

  É possível utilizar qualquer elemento do Flash como um botão.

  É possível elaborar botões estáticos ou até utilizar clipes de filmes como elementos dos botões.

  É possível acrescentar áudio ao botão, etc...

Sandra Silva - 2009/2010