5/16/11

1

Animação 2D Sistemas de Informação e Multimédia Módulo 5

Sobre o Flash  O Flash é uma ferramenta que permite criar qualquer item,

desde uma simples animação até uma aplicação para Web interactiva e complexa, como uma loja on-line.

  É possível enriquecer as aplicações Flash adicionando fotos, som e vídeo.

 O Flash contém vários recursos que o tornam eficiente, mas fácil de usar, como componentes de interface do utilizador para arrastar e soltar, comportamentos internos que acrescentam o ActionScript ao documento e efeitos especiais que podem ser adicionados aos objectos.

5/16/11

2

Sobre o Flash  O trabalho de criação é feito num documento do Flash, um

ficheiro que, depois de salvo, fica com a extensão .fla.

 No momento de utilizar o conteúdo do Flash, é criado um arquivo com a extensão .swf.

Flash Player  O Flash Player executa o arquivo SWF.

  Executa os aplicativos criados, é instalado por padrão com o Flash.

 O Flash Player garante a visibilidade e disponibilidade consistentes de todos os arquivos SWF do Flash numa grande variedade de plataformas, navegadores e dispositivos.

 O Flash Player é distribuído gratuitamente para qualquer pessoa que queira usá-lo. É possível obter a versão mais recente do Flash Player no Macromedia Flash Player Download Center.

5/16/11

3

Action Script  ActionScript é uma línguagem de programação baseada em

ECMAScript, usada para controlar filmes e aplicações do Adobe/Macromedia Flash.

 O ActionScript e JavaScript são baseados na mesma sintaxe do ECMAScript, ambos são traduzidos facilmente de um para outro apesar do modelo de cliente ser diferente: enquanto o JavaScript trabalha com janelas, documentos e formulários, o ActionScript trabalha com movie-clips, campos de texto e som.

Sobre gráficos vectoriais e de bitmap  Os computadores exibem os gráficos no formato vectorial ou

de bitmap.

 Com o Flash, é possível criar e animar gráficos vectoriais.

 O Flash também permite importar e manipular gráficos vectoriais e de bitmap criados noutros aplicativos.

5/16/11

4

Gráficos vectoriais  Os gráficos vectoriais descrevem as imagens através de linhas

e curvas, denominadas vectores, que também incluem propriedades de cor e posição.

  É possível mover, redimensionar, alterar a forma e a cor de um gráfico vectorial sem modificar a qualidade.

Gráficos de bitmap  Os gráficos de bitmap descrevem imagens através de pontos

coloridos, denominados pixels, dispostos numa grade.

 Ao editar um gráfico de bitmap, modifica-se pixels em vez de linhas e curvas. A edição de um gráfico de bitmap pode alterar a qualidade.

5/16/11

5

Ambiente de Trabalho  Ao iniciar o Flash é exibida uma janela com as diversas opções.

Ambiente de Trabalho Barra de menus

Caixa de Ferramentas

Timeline

Área de trabalho

Propriedades

5/16/11

6

Ambiente de Trabalho Caixa de Ferramentas

  A caixa de Ferramentas do Flash 8 é composto de quatro subdivisões: Ferramentas (Tools), Exibir (View), Cores (Colors) e Opções (Options).

  A área de ferramentas é composta pelos botões de desenho e manipulação dos desenhos feitos na área de desenho do FLASH.

  A área Exibir permite modificar a forma de visualizar a área de desenho do Flash permitindo mover o desenho ou ampliá-lo com a lupa.

  Na área de cores podemos definir cores de linhas e cores de preenchimento dos desenhos feitos no FLASH.

  Opções trata as opções de desenho seleccionado.

Ambiente de Trabalho Linha do Tempo

 A Linha do tempo (Timeline) é utilizada na criação de animações.

  Podemos través da linha do tempo utilizar camadas para melhor agrupar e movimentar os objectos.

5/16/11

7

Ambiente de Trabalho Bibliotecas

 As Bibliotecas do Flash são objectos armazenados que podem ser utilizados posteriormente.

  Existem as Bibliotecas do Flash que podem ser usadas em qualquer filme e existe a biblioteca do filme actual, ou seja, símbolos criados para o filme actual.

Ambiente de Trabalho Área de Trabalho

  Uma das primeiras coisas a serem feitas ao iniciar um filme do Macromedia Flash é definir as propriedades do documento, como tamanho, cor e velocidade. Esta barra muda conforme o objecto seleccionado.

5/16/11

8

Ferramentas de desenho

 A ferramenta seta é utilizada para seleccionar os objetcos da área de trabalho, podemos seleccionar os objectos clicando sobre eles ou simulando um contorno em forma de rectângulo sobre o objecto a ser seleccionado.

Os objectos no Flash diferenciam contorno de preenchimento ao clicar no centro dum objecto apenas selecionará o preenchimento. Para poder seleccionar ambos é necessário um duplo clique ou simular um contorno sobre ambos com a ferramenta seta.

Ferramentas de desenho

 A ferramenta ao lado da seta em forma de uma flecha branca é a ferramenta subseleccionar que permite trabalhar com os nós do objecto.

5/16/11

9

Ferramentas de desenho

 A ferramenta FreeTransform mostra os pontos de dimensão em volta do objecto.

 Na parte de Options da caixa de ferramentas é exibido as opções da ferramenta.

Ferramentas de desenho

 A ferramenta Linha permite traçar linhas e unir ponto de uma linha criando polígonos.

  Ferramenta Elipse : Permite desenhar círculos e elipses no flash.

  Rectângulo : O rectângulo possui como mais uma opção a possibilidade de desenhar o mesmo com cantos arredondados. Ao selecionar a ferramenta rectângulo esta opção aparece na caixa de opções .

5/16/11

10

Ferramentas de desenho

  Junto à ferramenta rectângulo existe a ferramenta “Polystar Tool” que permite desenhar polígonos e estrelas. Essa mudança pode ser feita através do botão “Options” na barra de propriedades.

Ferramentas de desenho

 A ferramenta lápis permite desenhar linhas na área de desenho, ao seleccionar a ferramenta linha na caixa de opções abrem-se as opções de linhas: Acertar, Suavizar e Tinta.

5/16/11

11

Ferramentas de desenho

 A ferramenta ao lado temos a ferramenta pincel que permite traços com preenchimentos, na caixa de opções abrem-se as possibilidades de preenchimento, tipos de pinceis e diâmetros de pinceis.

Paint Normal: Pinta o objecto por onde o pincel fpassar; Paint Fills: Pinta somente preenchimentos; Paint Behind: Pinta somente fora do objecto; Paint Selection: Pinta somente o que está seleccionado; Paint Inside: Permite pintar somente dentro.

Ferramentas de desenho

 A ferramenta Tinteiro que permite pintar a cor de contorno dos objectos. Basta selecionar e aplicar a cor desejada directamente na linha de contorno do objecto.

 A ferramenta Balde de Tinta permite modificar a cor de preenchimento dos objectos.

5/16/11

12

Cores

 Na paleta “Color” a opção padrão inicial é Solid onde é possível definir as cores de contorno e preenchimento pela escolha da cor, códigos RGB e Hexadecimal.

Ferramentas

 A ferramenta conta-gotas permite capturar a cor de um objecto e aplicar dentro de outro.

 A ferramenta borracha tem várias opções, tal como, pode apagar somente contornos ou somente preenchimentos.

5/16/11

13

Ferramenta de texto

 As opções de Texto podem ser Estático, Dinâmico e de Entrada.   Texto Estático: É o texto simples com todas as possibilidade de

Formatação.

Ferramenta de texto

 As opções de Texto podem ser Estático, Dinâmico e de Entrada.   Texto Dinâmico: É o texto que recebe informações de uma variável,

ou seja, o texto é lido de um arquivo qualquer que contenha uma variável igual à sua, por exemplo de variáveis de scripts, ASP, PHP, HTML e até mesmo de arquivos TXT, como por exemplo, para textos em banner’s.

5/16/11

14

Ferramenta de texto

 As opções de Texto podem ser Estático, Dinâmico e de Entrada.   Texto de Entrada: Permite a criação duma caixa de texto e que a

mesma se comporte como campo de formulários, permite que o utilizador introduza informações que serão transmitidas também através de variáveis.

Ficha de Trabalho 1,2 e 3