Matemática e Computação
 

Mensagens
Não te abandones em lugares onde a luz da tua harmonia não esteja presente.

 

 

2.6 - Tweening com alteração de formas.

Inicie um novo projeto.

Com o ponteiro no keyframe 1 desenhe um novo objeto.

Na posição 40 da mesma camada insira um novo keyframe com o botão direito do mouse (Insert keyframe). Crie uma segunda imagem.

Na posição 80 da mesma camada insira um outro keyframe com o botão direito do mouse (Insert keyframe). Crie uma terceira imagem.

Clique no keyframe 1 e abra o painel Frame. Na opção Tweening selecione Shape. Repita o processo para os keyframes 40 e 80

Para ver o movimento pressione Enter.

Se não funcionar selecione Control > Loop Playback e tecle Enter para executar a animação e Enter para parar.

3 - Símbolos

Os símbolos são elementos reutilizáveis que você usa com um filme.

Os símbolos podem ser imagens, botões, clipes de filme, arquivos de som ou fontes.

Quando você cria um símbolo, ele é armazenado na Biblioteca (Window > Library). Ao colocar um símbolo no Palco, você cria uma instância desse símbolo.

Fig 48

Um símbolo é um gráfico, clipe de filme ou botão que você cria uma vez, podendo ser utilizado posteriormente.

Qualquer símbolo criado pode ser guardado numa biblioteca.

Uma instância é uma cópia de um símbolo localizado no palco.

O uso de símbolos nos filmes reduz bastante o tamanho do arquivo.

Tipos de símbolos:

Graphic - Gráfico - ideal para elementos que não interagem com o filme.

Movie Clip - Clipe de filme - possui linha de tempo independente - se comporta como um arquivo Flash a parte.

Button - Botão - responde a eventos do mouse como up, over, down e hit, executando ações.

Insert > New Symbol para criar um símbolo ou

Selecione o objeto no palco e utilize Insert > Convert to Symbol

3.1 - Criando Gráficos

Desenhe um símbolo no palco, depois selecione Insert > Convert to Symbol ou então

Selecione Inert > New Symbol. Marque a opção Graphic e dê nome ao símbolo. A seguir você passa para a janela de edição.

Voltando ao palco, abra o painel da Biblioteca e arraste o símbolo para o palco.

3.2 - Criando Movie Clips

Os Movie Clips podem conter sons, controles interativos e instâncias de outros Movie Clips.

Selecione o seu desenho, vá ao menu Insert e selecione Convert to Symbol. Dê um nome ao Movie Clip. Agora vá para a área de edição, crie alguns keyframes. Agora vá ao menu Control e marque a opção Loop Playback. Tecle Enter e observe. tecle Enter de novo para parar.

Agora selecione o keyframe 1 e no painel do Frame na opção Tweening selecione Motion. Repita o processo para os keyframes seguintes.

A seguir tecle Enter e observe.

3.3 - Criando Botões

Botões são elementos que respondem a eventos do mouse, disparando ações dentro do filme, podendo alterar a sua sequência, controlar Movie Clips, ligar e desligar animações.

Selecione Insert > New Symvol. Na caixa de diálogo New Properties dê um nome ao símbolo e marque Button.

Observe as diferenças na linha de tempo. Os primeiros quadros aparecem identificados com Up, Over, Down e Hit.

Up - botão no seu estado natural.

Over - define a imagem, som ou evento associado, caso o ponteiro do mouse seja colocado sobre ele.

Down - define a imagem, som ou evento associado, caso ele seja acionado por um clique.

Hit - define a área que responde aos movimentos e cliques do mouse.

Na área de edição, faça um círculo dentro de outro, selecione a ferramenta Lata de tinta (Paint Bucket Tool), selecione a cor degradée vermelha para o círculo maior.

Adicione um keyframe a caixa Over e mude a cor do círculo interior para degradée verde.

Insira um keyframe no quadro Down e com o mesmo degradée verde clique na parte mais a direita do círculo menor.

Selecione o quadro Hit, pintando o desenho de preto.

Para visualizar a animação do botão, coloque-o no palco e pressione Ctrl+Enter.

4 - Para criar um novo filme e definir suas propriedades:

1. Escolha Arquivo > Novo.

2. Escolha Modificar > Filme. A caixa de diálogo Propriedades do Filme é exibida.

3. Em Taxa de Quadros, insira o número de quadros de animação a serem exibidos por segundo. Para a maioria das animações exibidas em computador, principalmente as reproduzidas em um site da Web, são suficientes de 8 qps (quadros por segundo) a 12 qps. (12 qps é a taxa de quadros padrão.)

4. Em Dimensões, escolha uma das seguintes opções:
    • Para especificar o tamanho do Palco em pixels, insira valores de Largura e Altura. O tamanho de filme padrão é de 550 por 400 pixels. O tamanho mínimo é de 18 por 18 pixels; o máximo, de 2880 por 2880 pixels.
    • Para definir o tamanho do Palco de modo a alocar um espaço idêntico ao redor do conteúdo em todos os lados, clique em Corresponder Conteúdo. Para minimizar o tamanho do filme, alinhe todos os elementos ao canto superior esquerdo do Palco antes de utilizar Corresponder Conteúdo.
    • Para definir o tamanho do Palco como a área de impressão máxima disponível, clique em Corresponder Impressora. Essa área é determinada pelo tamanho do papel menos a margem atual selecionada na área Margens da caixa de diálogo Configurar Página (Windows) ou da caixa de diálogo Margens de Impressão (Macintosh).

5. Para definir a cor de fundo do filme, escolha uma cor na amostra de cor
de fundo.

6. Selecione a unidade de medida no menu pop-up Unidades de Régua para
as réguas que você pode exibir na parte superior e na lateral da janela do
aplicativo. Consulte “Usando a grade, as guias e as réguas”, na página 113.
(A opção Unidades de Régua também determina as unidades usadas no
painel Informações.)

7. Clique em OK.

5 - Camadas

Ao iniciar um filme no Flash existe apenas uma camada e um único keyframe. Você poderá criar quantas camadas quizer. O que você editar numa camada não afetará as demais.

As camadas atuam como uma pilha de acetato transparente, isolando a arte para que você combine os diversos elementos em uma imagem visual coesa.

O aparecimento dos objetos no filme depende da ordem das camadas, que pode ser alterada.

Inicie um novo projeto

Crie três símbolos gráficos, um círculo verde, um triângulo azul e um quadrado vermelho.

Coloque o círculo no palco, selecionando-o. No painel de Instâncias atribua Alpha com transparência 25% como efeito. Faça um tweening de 20 quadros deslocando seu círculo da esquerda para a direita.

Com Insert > Timeline > Layer ou com o ícone Insert Layer crie uma nova camada.

Vamos chamar a primeira camada (layer 1) de Círculo e a segunda (Layer 2) de Triângulo.

Insira o triângulo na parte inferior central e faça um tweening fazendo com que ele se desloque até a parte superior central do palco.

Crie uma terceira camada de nome Quadrado, coloque o quadrado do lado direito do palco e faça um tweening para desloca-lo para a esquerda.

Execute a animação.

Para excluir uma camada utilize o botão Delete Layer.

6 - Cenas

Para organizar um filme de forma temática, você pode usar cenas.

Por exemplo, use cenas separadas para uma introdução e uma mensagem de carregamento.

Quando você publica um filme do Flash que contém mais de uma cena, as cenas do arquivo SWF são reproduzidas em uma seqüência, na ordem em que estão listadas no painel Cena no arquivo FLA.

Os quadros do arquivo SWF são numerados consecutivamente entre cenas. Por exemplo, se um filme contiver duas cenas com 10 quadros cada, os quadros da cena 2 serão numerados de 11 até 20.

Você pode adicionar, excluir, duplicar, renomear e alterar a ordem das cenas.

Para parar ou pausar um filme após cada cena ou permitir que os usuários
naveguem no filme de forma não-linear, use ações.

Criando uma cena:

Insert > Scene

Fazendo alterações numa cena:

Modify > Scene. Abre-se então uma caixa de diálogo, Scene Properties, que permite mudar o nome da cena, acrescentar ou deletar cenas e modificar a ordem das cenas no filme principal.

Podemos alternar entre cenas selecionando a caixa de diálogos que fica no canto superior direito do palco.