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

Transcrição

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. 1

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. 2

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. 3

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. 4

5 Ambiente de Trabalho Ao iniciar o Flash é exibida uma janela com as diversas opções. Ambiente de Trabalho Barra de menus Timeline Caixa de Ferramentas Área de trabalho Propriedades 5

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. 6

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. 7

8 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. A ferramenta ao lado da seta em forma de uma flecha branca é a ferramenta subseleccionar que permite trabalhar com os nós do objecto. 8

9 A ferramenta FreeTransform em volta do objecto. mostra os pontos de dimensão Na parte de Options da caixa de ferramentas é exibido as opções da ferramenta. A ferramenta Linha permite traçar linhas e unir ponto de uma linha criando polígonos. Ferramenta Elipse flash. : Permite desenhar círculos e elipses no 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. 9

10 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. 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. 10

11 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. 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 preenchimento dos objectos. permite modificar a cor de 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. 12

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. 13

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 14