Apresentação de Flash

Coordenação de Ensino - Duque de Caxias

Macromedia Flash 8 Macromedia Flash 8


Introdução

O Flash 8 é uma ferramenta profissional para criação elementos para a web.Dentro dele você pode criar controles de navegação(menus), logotipos animados e etc no site. Também é possível criar figuras de alta qualidade a partir do zero, possibilitando a aplicação de animações e interações complexas sem programação de scripts complicados.


Iniciando o Flash 8

Para o iniciar, posicione o mouse sobre o botão iniciar e clique com o botão esquerdo do mouse. No menu iniciar clique em todos os programas, em seguida, posicione o curso do mouse sobre a pasta Macromedia e clique no ícone do Macromedia Flash 8.


Área de trabalho do Flash

Na tela do Flash, teremos a disposição da : Barra de Títulos, de Menu, de Ferramentas, de Propriedades, de Rolagem, Palco, Linha de Tempo e Painéis


Barra de Título

Aqui aparecerá o título do Flash e o nome do arquivo que está sendo editado. O nome e o número do documento que aparecem ao lado equivalem ao número de documentos abertos. Observe a figura acima: título do Flash, nome e número – Untitled 1.


Barra de Menu

A barra de menu é a principal ferramenta, pois nela teremos vários menus disponíveis


Barra de Ferramentas (tools)

A Barra de ferramentas contém os principais itens do Flash, pois possui todas as ferramentas necessárias para trabalhar com o aplicativo. Obs.: é importante mantê-la visível.


Linha do Tempo (timeline)

Barra onde os quadros ficarão dispostos em sequência.


Palco (stage)

Onde a animação ou imagem é editada.


Painéis

Estes painéis auxiliam no trabalho e atribuem certos comandos ou efeitos em objetos, documentos ou no palco.

Para acessar as ferramentas de cada painel, posicione o mouse sobre o nome do painel e clique com o botão esquerdo do mouse.


Propriedades Este painel exibe as propriedades dos elementos selecionados

e das ferramentas.

Obs.: Para ativar ou desativar as Barras de ferramentas (proprierties), Linha do tempo(timeline e Ferramentas (tools), na barra de menu clique em Window e nas opções para ocultar ou exibir os painéis


Criando um novo documento

Para criar um novo documento, clique no novo documento, clique no menu File e , em seguida, escolha a opção New ou pressione Ctrl+N


Conhecendo a tela

Depois de escolhida a opção New, uma janela será aberta, onde será possível abrir um arquivo novo

Ou um modelo através da guia Templates. Escolha o tipo de documento que deseja criar e clique no

botão.


Propriedades do documento

Antes de começar algum projeto no flash, primeiramente configure o tamanho do palco. Para configurar o palco para trabalhar na Web, a configuração será sempre em pixels.


Propriedades do documento

Define o tamanho do palco Define a cor de fundo do palco Define quantos quadros irão

passar por segundo no filme Publica seu filme ou imagem em

diversos formatos:exe(executável em qualquer computador, mesmo que este não possua o Flash), gif,mpeg, etc.


Salvando o documento

Para salvar o documento, na Barra de Menu clique na opção File e em seguida, em Save as... ou pressione Ctrl+Shift+S.

Obs1: Para salvar as alterações feitas em arquivos já salvos, Basta clicar no menu File e, em seguida, na opção Save ou Ctrl+S


Salvando o documento

Obs 2: A página inicial que deverá ser aberta primeiramente no seu site, deverá ser salva com o nome de Index

Abrirá a seguinte janela: Especifique o local onde

o filme ou imagem será salvo e, em seguida, clique no botão Salvar.


Abrindo um documento

Para abrir um documento, basta posicionar o mouse sobre o menu File e, em seguida, escolher a opção Open ou pressionar Ctrl+O.


Abrindo um documento

Depois de escolhida a opção Open, uma janela será aberta. Nela, localize o arquivo, selecione-o e clique no botão Abrir


Ferramentas de Visualização

No Flash 8 é possível ampliar ou reduzir a visualização de um objeto que esteja no palco

Para isso, será preciso usar ferramentas de visualização



Confira a função de cada ferramenta Hand Tool: Esta ferramenta é usada para mover o palco à

esquerda, à direita, para cima e para baixo Zoom Tool: Esta ferramenta é usada para ampliar e reduzir

a visualização de um objeto que esteja no palco Após a seleção desta opção, observe a seção Options (abaixo

na barra de ferramentas).



Confira a função de cada ferramenta: Enlarge: Amplia a visualização. Para utilizá-la, após

fazer a seleção, posicione o mouse ondo desejar ampliar e clique quantas vezes forem necessárias.

Reduce: Reduz a visualização. Para utilizá-la, após fazer a seleção posicione o mouse onde deseja fazer a redução e clique quantas vezes forem necessárias



Zoom-Pré: Você poderá definir a porcentagem do zoom através de uma caixa encontra no canto superior direito da tela

Escolha um valor pré-determinado ou digite o valor desejado, sendo que o valor máximo é de 2000%. Após digitar ou selecionar o valor, pressione a tecla Enter.


Ferramentas de Seleção

O flash 8 possui três ferramentas de seleção, cada uma com sua característica.

Arrow tool: Esta ferramenta é utilizada para selecionar

objetos e deslocá-los sobre o palco.


Ferramentas de Seleção

Subselection tool: Esta ferramenta permite modificar os objetos através de

pontos. Esses Pontos de Controle. Para modificar um objeto, selecione o contorno de uma ovalcom

a ferramenta Subselection. Lasso Tool: É utilizado para selecionar objetos com formas irregulares com

essa opção, clique em uma posição inicial de seleção e contorne o objeto a ser selecionado.


Retângulos e ovais Oval tool: Essa ferramenta é utilizada para desenhar oval. Para utilizar essa ferramenta, selecione-a e clique sobre o botão

da ferramenta encontrado na Barra de Ferramentas. Antes de desenhar algo com a ferramenta oval, primeiro

configure como será o contorno, a cor, etc. A configuração poderá ser realizada através da janela de propriedades.


Retângulos e ovais

A caixa de propriedades possui algumas opções de configurações.

Confira abaixo algumas delas: Defina com estas ferramentas, a cor do contorno,

espessura e o estilo.


Retângulos e ovais

Define a cor da linha. Define a cor de preenchimento. Define a espessura da linha. Define o tipo da linha Cria uma linha com estilo e espessura

personalizada


Retângulos e ovais

Rectangle tool: Esta ferramenta é utilizada para desenhar oval.

Para utilizar essa ferramenta, selecione-a e clique sobre o botão da ferramenta encontrado na Barra de Ferramentas.

Antes de desenhar o retângulo, primeiro configure como será o contorno, a cor, etc. O retângulo poderá ser configurado através da janela de propriedades


Retângulos e ovais

PolyStar tool: Essa ferramenta é usada para desenhar polígonos e estrelas.

Para utilizar essa ferramenta, selecione-a, clique sobre o botão da ferramenta Rectangle (mantenha pressionado) e escolha a opção PolyStar tool

Confira a figura:


Linhas e Curvas

Line tool: É uma das ferramentas mais básicas do Flash que desenha segmentos retos. Para desenhar, basta clicar no palco, manter clicado e arrastar conforme o tamanho desejado da linha.

Pen Tool: Desenha caminhos retos e suaves curvas através de pontos.


Linhas e Curvas

Serve para fazer caminhos Retos e caminhos Curvos:

Figuras

Obs.: para criar uma linha reta aperte a tecla: Shift


Mão livre É possivél fazer desenhos como se estivesse desenhado

com as próprias mãos. Existem duas ferramentas que possibilitam essa ação: Pencil tool, que é o lápis e a Brush tool, que é o pincel.

Pencil Tool: Posicione o mouse no palco, clique e arraste.

Com a seleção da ferramenta Pencil, a seguinte opção será exibida na seção Options, abaixo da barra de ferramentas.


Mão livre

Poderá escolher a suavização das linhas que achar mais apropriada.

A opção Straighten desenha linhas quadradas

A opção Smooth desenha linhas arredondadas.

A opção link permite o desenho de forma livre.


Mão livre Brusnh tool: Essa ferramenta pode tanto pintar

objetos como fazer desenhos no palco. Com a seleção dessa ferramenta, as seguintes opções

serão exibidas na seção Options. Você poderá escolher a forma que achar mais

propriada.


Mão livre Pinta sobre linhas e preechimentos. Pinta os preechimentos eu back-ground deixando só a

borda. Pinta atrás, em áreas vazias deixando as linhas e

preechimento entactos. Quando selecionado, pinta o preenchimento. Pintará somente dentro do objeto no qual foi iniciada a

pintura.


Transformando objetos

Com a ferramenta Fill Transform tool é possível modificar o tamanho, a direção ou centro de preenchimento de gradientes ou bitmaps inseridos.

Selecionada clique no objeto preenchido, que ficará com um arco de três círculos e um quadrado, cada um tem uma função diferente.

1- Com este círculo é possível reposicionar o pivô do gradiente, podendo mover o ponto de luz do preenchimento por todo o objeto.



2- Com este quadrado é possível definir a intensidade da luz do preenchimento comprimido ou expandido o arco.

3- Com este círculo é possível definir a intensidade da luz como um todo.


Transformando objetos 4-Com este círculo é possível rotacionar o gradiente

ou bitmap

Já com a ferramenta Free Transform poderemos transformar objetos, grupos, instâncias ou blocos de texto livremente. Para isso, crie um objeto no palco e, em seguida, clique com o botão direito do mouse sobre o mesmo e escolha a opção Free transform e dê um clique.

Pra alterar a altura ou bitmap ou gradiente, com a ferramenta Free Transform, arraste o marcador quadrado para cima ou para baixo da figura em destaque.



Para a alterar altura do bitmap ou gradiente, com a ferramente Free transform, arraste o marcador quadrado para cima ou para baixo da figura em destaque.

Para alterar a largura do bitmap ou gradiente, com a ferramenta Free Transform, arraste o marcador quadrado ao lado da figura em destaque.

Para girar o bitmap ou gradiente, com a ferramenta Free Transform, arraste o marcador imaginário de rotação circular acima dos cantos da figura em destaque.


Alterando cores Para alterar a cor, teremos duas ferramentas: a Ink bottle-

muda a cor das linhas de contorno e a Paint Bucket tool-muda a cor de preechimento dos objetos.

Ink bottle:Pra escolher a cor da linha do contorno de um objeto na seção Color, clique na opção Stroke color.

Paint Buck tool: Para escolher a cor do preenchimento de um objeto na seção Color, clique na opção Fill color.


Cores Pré-definidas

O Flash 8 possui um painel de cores pré-definidas. Para utilizá-lo, localize a barra de menu clique na guia Window, em seguida, Designe Panels e finalmente em Color Swatches ou Ctrl+F9

Para utilizar qualquer cor, selecione o objeto no palco e selecione a cor desejada, clique na ferramenta Fill Color e clique no objeto que deseja inserir a cor.


Criando cores

O painel Color Mixer possui várias opções, confira abaixo algumas delas:

Type: Define o tipo do preenchimento. Color Value: Define valores para criar (modificar) a

tonalidade da cor. Alpha Value: Define a porcentagem da transparência. Esses botões possuem as seguintes funções,

respectivamente:


Criando cores, Black and White: Selecione preto para o

contorno e branco para o preenchimento. No color: Essa opção fica ativa somente na

criação de um novo objeto, onde ele é criado sem preenchimento e contorno.

Swap Colors: Faz uma inversão das cores, ou seja, o preenchimento passa a ser contorno eu contorno a ser preenchimento


Trabalhando com preenchimentos

Pra selecionar preenchimentos, use o Painel Color Mixer, Que permite criar e editar preenchimentos de gradientes e outros.

Adicionando transparência. Escolha a porcentagem do Alph, que quanto menor, maior a transparência.


Trabalhando com preenchimentos

Para aplicar um preenchimento de cor sólida usando o painel Color Mixer, selecione a opção Solid.


Obtendo e Apagando cores O Flash 8 possui duas ferramentas muito úteis: a

Eraser tool que têm a função de apagar objetos encontrados no palco e a ferramenta e a Eyedropper Tool que captura um tom de cor. Ela também é utilizada para obter a cor, estilo de linha e preenchimento de objeto.

Para remover segmentos de traços ou áreas preenchidas, utilizamos a ferramente, Torneira, que é indicada em options depois de clicar na ferramenta Borracha.


Obtendo e Apagando cores Erase Normal apaga traços e preenchimentos na

mesma camada Erase Fills apaga somente preenchimentos. Os

traços não são afetados. Erase Lines apaga somente traços. Os

preenchimentos não são afetados. Erase Select Fills apaga somente os

preenchimentos selecionados no momento e, não afeta os traços selecionados ou não

Erase Inside apaga somente o preenchimento na qual inicia o traço da borracha.


Inserindo texto

Se utilizar texto nos filmes do Flash, poderá definir o tamanho, a fonte, o espaçamento, a cor e o alinhamento. É possível criar textos na vertical e horizontal através da ferramenta texto.

O padrão do programa é na horizontal . Para alterna essa opção, clique no botão da ferramenta Texto e, em seguida, no botão Change Orientation of text no Inspetor de Propriedades.


Inserindo texto

Horizontal- Texto normal, na horizontal da esquerda para direita.

Vertical, Left to Right- Texto na vertical, da esquerda para a direita.


Inserindo texto Vertical, Right to Left- Texto na vertical, direita para a

esquerda.

A ferramenta Texto também é utilizada para colocar blocos de texto no palco em uma linha que se expande durante a digitação.

Para configurar o tamanho, fonte, espaçamento dos caracteres e etc, através do Inspetor de propriedades


Importando arquivos

É possível importa para o flash arquivos diversos como Imagens, Vídeos e outros. Para importar um arquivo na barra de menu, clique na guia File e, em seguida, em Import. Teremos três opções:

Import Stage- Importa os arquivos para o palco. Import to Library- Importa os arquivos para a

biblioteca do flash. Open External Library- Importa arquivos existentes

em outra biblioteca. Import Video- Importa arquivo de vídeo


Importando arquivos

Figura:


Convertendo Bitmap para Gráfico vetorial

Fazendo essa conversão, da imagem ela irá ficar com o contorno bem diferenciado do preenchimento, tornando-se mais nítida e com uma melhor aparência. Para fazer essa conversão, selecione o bitmap e clique no menu Modify, a seguir, clique em Bitmap e escolha a opção Trace Bitmap.

Abrirá a seguinte janela:


Convertendo Bitmap para Gráfico vetorial

Color Thereshold ( limite de cor): Ao comparar dois pixels à medida que aumentar o valor limite, o número de cores diminuíra. O valor pode variar de 1 a 1500.

Minimum area ( Limite de Área ): Define os pixels ao redor a serem considerados na atribuição de cores a um pixel.

Obs. O valor pode variar de 1 a 1000 pixels. Curve Fit ( Ajuste de Curva ): Determina a suavidade dos

contornos do desenho Corner Threshold ( Limite de Ângulo ): Não altera ou

suaviza os ângulos agudos.


Réguas O Flash 8 possui réguas que auxiliam na hora de desenhar e

alinhar precisamente os objetos. Para ativá-las, posicione o mouse sobre o menu View, dê um clique e, em seguida, sobre a opção Rulers.

Ao clicar na opção Rulers as réguas aparecerão ao redor do palco.


Réguas Para configurar a unidade de medida da régua, clique no menu

Modify e, em seguida, escolha a opção Document. Ao clicar na opção Document uma caixa de diálogo será

aberta. Nela, configure a unidade através da opção Rulers Units


Grade

Com as grades suas animações podem ser editadas com maior precisão. Para ativá-las, posicione o curso do mouse sobre o menu View. dê um clique, em seguida, clique em Grid e escolha a opção Show Grid. Elas poderão ser visualizadas no palco.


Alinhando objetos pelas grades

Para maior precisão dos desenhos é possível alinhá-los com as linhas da grade. Para isso, posicione o curso do mouse sobre o menu View e dê um um clique, em seguida, clique em Snapping e escolha a opção Snap to Grid


Alinhando objetos pelas grades Com a opção Snap to Grid selecionada é possível alinhar e

criar os objetos através das grades.

FREQUÊNCIA DA GRADE: é o tamanho de cada “quadrado” da grade. Para mudar essas medidas, clique no menu View, depois em Grid e escolha a opção Edit Grid.


Alinhando objetos pelas grades

Nessa janela você poderá escolher a cor (Color), a exibição (Show Grid), o alinhamento dos objetos (Snap to Grid), e a largura/altura da grade (em destaque).

Ao terminar clique no botão OK


Alinhamento

É possível alinhar as posições dos objetos de diferentes maneiras.

Para alinhar objetos, selecione o objeto, posicione o mouse sobre o menu Window e dê um clique em Align


Alinhamento

Na janela que abrir, escolha a posição desejada. Isso só será possível se o botão estiver selecionado

Cada uma exerce uma função: Esta ferramenta alinha o objeto

à esquerda do palco Esta ferramenta alinha o objeto

no centro do palco Esta ferramenta alinha o objeto

à direita do palco.


Agrupando Para manipular

elementos como um único objeto é necessário agrupá-los.

1-Selecione os objetos do Palco que deseja agrupar.

2- Clique no menu Modify e, em seguida, na opção Group.


Desagrupando

Desagrupe objetos agrupados. Para desagrupar na barra de menu clique na guia Modify e, em seguida, em Ungroup.

Obs.: Para a edição de algum elemento do grupo, dê um duplo clique sobre o objeto.


Camadas (layers)

Para editar uma camada ela deverá estar ativa, ou seja, selecionada.

CRIANDO CAMADAS: Para inserir uma nova camada, clique no botão Insert Layer.

RENOMEANDO CAMADAS: Para renomear, dê um clique duplo em cima do nome da camada.

APAGANDO CAMADAS: Para apagar uma camada, clique no botão delete layer com a camada selecionada.


Camadas (layers)

ORGANIZANDO CAMADAS: Para melhor organização das camadas use uma Pasta de maneira que as camadas sejam exibidas em forma de cascata. Para criar uma pasta clique no botão Insert folder

Para inserir uma camada dentro da pasta, clique no Layer a ser inserido e arraste para cima da pasta.

Camada dentro da pasta

Camada fora da pasta


Camadas (layers)

OCULTANDO CAMADAS: Ao ocultar uma camada os seus elementos não serão exibidos. Para ocultar/exibir todas as camadas, clique no botão Show/ Hide all layers e para fazer só em uma camada, clique sobre o círculo preto em baixo do botão Show/ hide all layers da camada respectiva.

Obs.: Todas camadas ocultas.

Obs.: Apenas a camada 2 está oculta.


Camadas (layers) TRAVANDO CAMADAS: Ao travar

uma camada seus objetos não poderão ser editados e não será possível inserir um novo objeto. Para travar/destravar uma camada, clique na Bola em baixo do botão Lock/Unlock all layers da camada respectiva.

Obs.: Ao travar uma pasta, todas as camadas existentes nele serão travadas. Para travar apenas uma, faça o procedimento acima

Todas as camadas estão travadas.

Apenas a camada 2 está travada.


Cenas

Para organizar um filme de forma temática é possível usar cenas. Ela é utilizada para organizar o filme tematicamente. Para controlar as cenas existentes no seu filme, clique no menu Window, em seguida, em Other Panels e depois na opção Scene


Cenas

Depois de clicar em Scene abrirá a seguinte janela (nela estará a relação das cenas existentes no filme):

BOTÕES DE CONTROLE DAS CENAS: As cenas são exibidas no filme de acordo com a sequência da lista Scene.Duplica uma cena

Adiciona uma cena em branco

Apaga uma cena selecionada


Definição de Animação

Uma animação é uma série de quadros, nde ocorre uma mudança entre eles ao longo do tempo. No Flash 8, a animação ocorre com as mudanças de quadros sucessivos em uma Timeline (linha de tempo), como na figura abaixo. Temos dois tipos de animações: a animação quadro a quadro e interpolada.


Animações quadro a quadro Essa é a forma básica de animação, onde em cada quadro

uma nova imagem é criada. É a mais utilizada em animações complexas, onde as mudanças de cada quadro devem ser sutis. É criada a animação adicionando-se quadros-chaves (keyframes). Para adiciona-lo selecione o quadro na linha do tempo onde desejar fazer a inserção, em seguida clique no emnu Insert, Timeline e escolha a opção Keyframe (pressione) a tecla f6).

Para visualizar sua animação pressione Ctrl+ Enter.


Adicionando quadros (frames)

Para inserir um novo quadro, selecione a posição dele na linha do tempo, clique no menu Insert, Timeline e escolha a opção Frame (ou pressione a tecla F5).

Para apagar,, clique com o botão direito do mouse em cima do Frame a ser removido e clique na opção Remove Frames.


Limpando quadro-chave Quadro-Chaves são utilizados

para editar uma nova posição para o objeto e também para editar a troca de um objeto por outro. Para limpar um Quadro-Chave selecione o quadro a ser excluído, clique no menu Modify, Timeline e, em seguida, clique na opção Clear Keyframe.

Logo após, a sua timiline será totalmente zerada


Definições de símbolos

Símbolos são elementos reutilizáveis que podem ser usados com o documento, Após atribuir um objeto como símbolo, ele ficas armazenado na biblioteca. A utilização dos símbolos é vantajosa, pois não é preciso criar várias vezes o objeto que se repete na animação, sendo possível modificar o símbolo inserido sem alterar o original. O Flash 8 possui três tipos de símbolos:

GRAPHIC (símbolos gráficos): São utilizados em imagens estáticas e nas peças reutilizáveis de animação, ligadas a linha do tempo.

BUTTON (símbolos de botões): São utilizados para criar botões interativos (em um filme) que responderão a qualquer ação do mouse.


Definições de símbolos

MOVIE CLIP (símbolos de clipe de filme): São utilizados para criar animações reutilizáveis. Esses clipes de filmes possuem sua própria linha do tempo do filme principal.


Criando símbolos

É possível criar símbolos a partir de objetos selecionados ou símbolos vazios e importa ou gerar o conteúdo no modo de edição de símbolos. Eles podem ter todas as funçoes do Flash 8.

Convertendo objetos em símbolos: Para criar um novo símbolo a partir de um ou mais objetos, selecione-o, clique no menu Modify e escolha a opção Convert to Symbol ou F8

Abrirá a seginte janela:

Nela é possível escolher o nome e tipo do símbolo


Criando símbolos

Name: Dê um nome para o símbolo pois assim ajudará na localização do mesmo na biblioteca.

Behavior: Selecione o tipo de símbolo Para criar símbolos em branco, certifique-se

de que nada está selecionado. Na barra de menu, clique no menu Insert e em seguida clique em New Symbol.


Interpolação de movimento

A interpolação é utilizada para animar símbolos, sendo aplicada em Movie Clips e Gráficos. Move um objeto de um lugar para o outro, dimensona, gira, inclina ou muda as definições de cor ou opacidade dos objetos.

Obs: Essa propriedade só será exibida com a camada (layer) selecionada.

Tween: Define o tipo de interpolação. Ease: Define a velocidade do movimento giratório. Rotate: Define a direção do movimento giratório.


Layers Guide (camadas guia) Usa-se a camada guia para força um símbolo a percorrer um caminho,

utilizando o caminho na camada guia. A camada guia deve estar posicionada acima do objeto a ser guiado

pelo caminho, que é indicada por um ícone ao lado do nome da camada.

Para criar o movimento a partir de uma camada guia, crie uma interpolação de movimento e uma camada guia através da opção Add Motion Guide.

Com o Pencil Tool (lápis) ou Pen Tool(caneta) faça o caminho desejado na camada Guia.


Layers Guide (camadas guia)

Depois de feito o caminho, no primeiro quadro (frame) coloque a interpolação no início do caminho. Já no último quadro, coloque no final do caminho a ser seguido.


Camada máscara

É possível usar máscara para efeitos de luminosidade, transições e também criar uma espécie de buraco onde camadas abaixo de uma única camada para criar efeitos mais avançados.

Para inserir uma máscara, posicione o curso do mouse sobre a camada em que a oval foi criada, em seguida, clique com o botão direito para que um menu seja aberto e depois escolha a opção Mask.

Obs: A máscara foi criada e para visualizá-la pressione as teclas Ctrl+ Enter.

Quando uma oval passar pelo texto ele será exibido.


Tweening shape

Cria efeito de transformação de um objeto em outro, mudança de posição, cor, tamanho com a interpolação de formas.

Para criar uma animação de mudança de Shape, desenhe ou insira um objeto no primeiro quadro da animação.


Criando botões Para criar um botão desenhe o objeto, o selecione, clique

sobre ele com o botão direito do mouse e escolha a opção Convert to symbol.

Feito isso, uma caixa de diálogo será aberta. Nela, selecione a opção Button, dê um nome e clique no botão OK para confirma a conversão.

Clique duas vezes sobre o símbolo criado. O modo de exibição passará a ser o de símbolos. A linha do tempo exibirá quatros quadros consecutivos:Up, Over, Down e Hit. Cada quadro possui uma função específica e distinta:


Criando botões

Up: Representa quando o mouse não está sobre ele Over: Representa quando o mouse está sobre ele. Down: Representa o botão ao ser clicado. Hit: Área de clique do botão. Essa área não aparecerá no filme. AÇÕES: Para inserir ações em botões, com o botão selecionado

clique em Actions Button, logo acima do Inspetor de propriedades


Criando botões Ao clicar, a janela Actions será aberta:


Adicionando som ao filme

Para inserir um som ao filme, primeiro importe o arquivo Mp3 ou Wav, na barra de menu, na guia File, clique na opção Import e, em seguida, Impot to Stage, especifique o arquivo e clique em Abrir.


Adicionando som ao filme Selecione o quadro que deseja inserir o som. No Inspetor de

propriedades localize o botão Sound e selecione o arquivo de som a ser utilizado. Quando o quadro que foi o arquivo de som for executado, a música também será executada

Effect: Cria efeitos de som como trocas de canais, grades e etc, sendo possível personalizar esses efeitos na opção Custom.

Edit: Um painel de edição do efeito selecionado é aberto. Sync: Sincroniza um som à um determinado período. Loop: Cria repetições para os sons.


Adicionando Ações em Quadros (frame)

Para inserir uma ação em quadros, selecione-o(s) e clique em Actions frame, logo acima do Inspetor de propriedades.


Representações na Linha do tempo A interpolação Motion possui fundo azul claro

A interpolação Shape possui fundo verde.

A linha tracejada indica que não há um quadro (frame) no final

O quadro (frame) chave é indicado por um ponto preto. Os quadros (frames) cinza claro que ficam após o quadro chave.


Representações na Linha do tempo

O “a” indica que foi atribuída uma ação ao quadro com painel ações

A bandeira vermelha indica que foi atribuído um rótulo ou um comentário (frame label)


Comentários em quadros

Para adicionar um comentário a um ou mais quadros, selecione-o(s) no Inspetor de propriedades e digite o comentário na opção Frame Label.


BIBLIOTECA

Ao criar um símbolo, importa uma imagem ou som, esses objetos são armazenados na biblioteca. Para ativá-la clique sobre Window e escolha a opção Library.

Opções da biblioteca: New Symbol- Cria um símbolo novo. New Folder- Cria uma pasta onde é possível organizar

os símbolos. Properties- Mostra as propriedades do símbolo

selecionado. Delete- Debilita um símbolo selecionado na biblioteca


Publicando (Arquivo Executável)

Para publicar um arquivo antes é necessário sálva-lo; depois clicar sobre menu File e, em seguida, escolher a opção Publish Settings


Publicando (Arquivo Executável)

Escolha os formatos, se necessário, altere o(s) nome(s) do(s) arquivo(s) e clique em Plublish.

Os arquivos serão salvos na mesma pasta em que 1° arquivo (.swf) foi salvo.

Ícone de um arquivo de extensão. gif. Ícone de um arquivo de extensão .jpeg. Ícone de um arquivo de extensão .png. Ícone de um arquivo de extensão .exe. Ícone de um arquivo de extensão .swf. Ícone de um arquivo de extensão .html.

Apresentação de Flash

Documents

Transcript of Apresentação de Flash