Macromedia Flash MX

Márcio Bueno

Conteúdo

Visão Geral Gráficos Bitmaps e Vetoriais Interface do Flash MX Área Principais da Interface

Visão Geral

O Macromedia Flash MX é a ferramenta de criação de padrão profissional para produzir experiências de alto impacto na Web .

Se você desejar criar logotipos com animação, controles para navegação em sites da Web, animações extensas, sites da Web inteiros do Flash ou aplicativos da Web, o Flash é a ferramenta ideal para a sua criatividade devido a sua eficiência e flexibilidade.

Gráficos Bitmaps e Vetoriais

Gráficos Bitmaps formados por um conjunto de pontos (pixels). São grandes e não escalam perfeitamente.

Gráficos Vetoriais formados por equações matemáticas que especificam localização, direção e cor. São mais leves e podem sofrer transformações (escala, rotação, etc) facilmente.

Propriedades do Documento

Dimensões Cor do Fundo Taxa de Quadros (por segundo) Unidades de Régua

Área Principais da Interface

Ferramentas Cena Linha de Tempo Biblioteca

Seta e Subselecionar

Linha e Laço

Caneta e Texto

Oval e Retângulo

Lápis e Pincel

Transformação Livre eTransformar Preenchimento

Tinteiro e Balde de Tinta

Conta-Gotas e Apagador

Cor do Traço

Cor doPreenchimento

Mão e Zoom

Sensível aoContexto!

Ferramenta Seta

Clique Simples seleciona um objeto (só o preenchimento ou só o contorno)

Clique duplo seleciona o objeto completo (preenchimento com o contorno)

Clicar e Arrastar Seleciona um retângulo, move o objeto selecionado, ou se for no contorno deforma o objeto.

Ferramenta Subselecionar

Uso restrito a linhas e contornos Para um ponto selecionado, pode-se:

Mover Mudar o ângulo Excluir

Ferramentas: Seta, Oval e Retângulo

Para desenhar deve-se clicar no ponto inicial e arrastar até o ponto final.

A ferramenta Retângulo possui a opção Raio do Retângulo Arredondado.

Cada ferramenta possui sua guia propriedades sensível ao contexto

Ferramenta Laço

Seleciona uma área desenhada à mão livre.

Pode-se configurar o grau de similaridade para a seleção.

Pode-se selecionar definindo um polígono.

Ferramenta Lápis

Cria retas e curvas bezier. Para desenhar siga os seguintes passos:

Dê um clique para iniciar a figura. Dê um clique para desenhar uma reta. Dê um clique e arraste para desenhar

uma curva. Dê um clique dupla para finalizar a

figura.

Ferramenta Lápis

Ferramenta Texto

Mais intuitiva impossível!

Ferramenta Lápis

Utilizada para fazer desenho à mão livre.

Existem 3 opções de formato para esta ferramenta:

Ferramenta Lápis

Praticamente o mesmo desenho utilizando as 3 opções de formato.

Ferramenta Pincel

Pinta à mão livre, utilizando um pincel.

Pode escolher as seguintes opções de pincel: Tipo Tamanho Formato

Ferramenta Transformação Livre

Utilizada para: Girar e Inclinar Dimensionar Distorcer Envelopar

Ferramenta Transformar Preenchimento

Utilizada para alterar o preenchimento do tipo gradiente ou bitmap.

Ajustando os seguintes itens: Tamanho Direção Centro

Ferramenta Tinteiro

Utilizada para alterar: Cor do traço. Largura e o estilo do linhas ou de

contornos de formas. Deve-se primeiro alterar estas opções

na guia propriedades e depois clicar no objeto que se deseja alterar.

Ferramenta Balde de Tinta

Utilizada para preencher espaços fechados vazios, ou já preenchidos.

Pode ser configurada para fechar lacunas.

Ferramenta Conta-Gotas

Utilizada para copiar os atributos de traço e preenchimento de um objeto e aplicá-los imediatamente a outro objeto.

Ferramenta Apagador

Utilizada para apagar uma área do desenho.

As opções disponíveis são: Tipo Torneira Formato

Ferramenta Zoom e Mão

A ferramenta Zoom é utilizada para alterar a ampliação da figura.

A ferramenta Mão é utilizada para mover a área de exibição sem alterar o zoom.

Ferramentas Cores

Alterar a cor do traço.

Alterar a cor do preenchimento.

Preto-e-Branco. Sem Cor. Trocar Cores.

Cena

É a área de desenho para desenvolver a cena.

Pode-se ter várias cenas, quando o filme for publicado, as cenas serão apresentadas na ordem em que estão exibidas no painel Cena.

Nome da Cena Editar Cena

Editar Símbolos

Zoom

Voltar

Painel Cena

Linha de Tempo

Organiza e controla o conteúdo de um filme em camadas e quadros ao longo do tempo.

Os seus componentes mais importantes são: Quadros Camadas Reprodução

Quadro

É a unidade mais básica do filme, um quadro representa um instante da cena no tempo.

Existem dois tipos de quadros: Quadro-Chave Representa quadros

que possui figuras (vetoriais ou bitmaps) compondo a cena.

Quadro Representa um quadro normal, onde o seu conteúdo é igual ao do Quadro-Chave anterior.

Quadro x Quadro-Chave

Quadro-Chave 1 Quadros 2 a 9 Quadro-Chave em Branco 10

Interpolação Forma

O Flash MX faz o morphing de uma forma geométrica simples em outra, gerando todos os passos intermediários.

Para este tipo de interpolação não podem ser utilizados figuras agrupadas.

Pode-se utilizar dica de forma para melhorar o morphing.

Criando uma Interpolação de Forma

Siga os seguintes passos: Crie um quadro-chave e faça o desenho

da 1ª figura geométrica. Crie um outro quadro-chave e faça o

desenho da 2ª figura geométrica. Selecione na linha do tempo estes dois

quadros-chaves e todos os quadros intermediários.

Na guia propriedades, selecione Forma na opção Interpolação.

Interpolação de Forma

Interpolação de Movimento

Nesta interpolação, o Flash MX pode interpolar as alterações de posição, rotação e também mudar a cor do objeto de forma gradativa.

Para alguns tipos desta interpolação é necessária a conversão da figura em um símbolo.

Criando uma Interpolação de Movimento

Siga os seguintes passos: Crie um quadro-chave e faça o desenho da

figura desejada (transforme em símbolo). Crie um outro quadro-chave e altere algo no

símbolo (posição, rotação, cor, etc). Selecione na linha do tempo estes dois

quadros-chaves e todos os quadros intermediários.

Na guia propriedades, selecione Movimento na opção Interpolação.

Interpolação de Movimento

Animação Quadro-a-Quadro

É a tarefa mais fácil (tecnicamente) de se fazer no Flash MX, basta ir criando quadros-chaves na linha do tempo e em cada quadro-chave fazer o desenho em cada posição do tempo.

Porém, é o processo mais trabalho que tem, pois é necessário fazer, por exemplo 12 desenhos para 1 segundo de animação.

Camadas

As camadas são utilizadas para separar os diversos elementos que compõem uma cena.

Por exemplo: a música, a paisagem, os personagens, etc.

As camadas são superpostas, portanto, os elementos das camadas superiores se sobrepõem aos das camadas inferiores.

Camadas

Guia de Movimento

Existe uma camada especial chamada guia de movimento.

Esta camada pode ser utilizada para descrever o caminho que o objeto animado por interpolação de movimento realizará.

Para isto basta adicionar uma guia de movimento para a camada que possui a interpolação e desenhar nesta guia com a ferramenta lápis a trajetória que o objeto descreverá.

Interpolação de Movimento com Guia de Movimento

Biblioteca

Ao criar uma animação ou filme em Flash MX, é necessária uma grande quantidade de símbolos.

Na biblioteca são armazenados todos os símbolos criados, pois eles podem ser reutilizados em várias cenas, e em vários quadros de uma mesma cena.

É possível importar símbolos desenvolvidos em outros projetos do Flash MX, ou clipes de mídia.

Criação de Símbolo

Existem duas maneiras de se criar um símbolo: Convertendo uma figura existente em

símbolo. Para isto é só selecionar a figura, clicar com o botão direito na figura e selecionar Converter em símbolo.

Criando um símbolo novo a partir do menu inserir.

Nestes dois casos, você deve escolher o tipo de símbolo através de uma caixa de diálogo.

Caixa de Diálogo Criar/Converter Símbolo

Comportamentos do Símbolo

Clipe de Filme Use símbolos de clipe de filme para criar

animações reutilizáveis. Os clipes de filme possuem sua própria Linha de Tempo composta por vários quadros, que é reproduzida independentemente da Linha de Tempo do filme principal — considere-os como minifilmes que podem conter controles interativos, sons e até mesmo outras instâncias de clipe de filme.

Comportamentos do Símbolo

Botão Use símbolos de botões para criar

botões interativos no filme que respondam a cliques do mouse, sobreposições ou outras ações. Defina os gráficos associados aos vários estados dos botões e, depois, atribua ações a uma instância de botão.

Comportamentos do Símbolo

Gráfico Use símbolos gráficos para imagens

estáticas e para criar peças reutilizáveis de animação, ligadas à Linha de Tempo do filme principal. Os símbolos gráficos operam em sincronismo com a Linha de tempo do filme.

Dicas para realizar uma animação

Antes de mais nada defina um roteiro para a sua animação, pois com ele você poderá dividir as tarefas e concentrar os esforços na direção correta da concretização do filme a ser produzido.

Dicas para realizar uma animação

Crie símbolos que possam ser reaproveitados o máximo possível.

Crie as animações quadro-a-quadro como símbolos, e use interpolação de movimento para evitar precisar criar muitos desenhos.

Crie muitas camadas para deixar separados os itens de uma cena (sempre é bom o som/música estar numa camada separada)

Dicas para realizar uma animação

Se você não souber desenhar no computador, pode utilizar como auxílio um bitmap que contenha a figura desejada em uma camada, e em outra camada fazer um desenho a mão livre com a ferramenta lápis (opção de suavizar ativada) para “decalcar” a figura desejada.

Resumo

O Flash MX é uma ótima ferramenta para construção de material multimídia.

Possui cena, linha do tempo e camadas para a construção de animações (do mesmo modo que em um cinema).

Resumo

Possui diversas ferramentas para criação e manipulação de figuras.

Disponibiliza três tipos de animações: quadro-a-quadro, interpolação de forma e interpolação de figura.

Planejamento na hora de criar uma animação é fundamental.

Materiais para Consulta

No próprio Flash MX, no menu Ajuda, possui um tutorial para dominar as ferramentas disponíveis.

No site da Macromedia: http://www.macromedia.com/software/flash/

Livros sobre Flash MX, como: Dominando Macromedia Flash MX Macromedia Flash MX Guia Autorizado de

Treinamento Macromedia Flash MX Passo a Passo