Macromedia Flash 8Coordenação de Ensino - Duque de Caxias
IntroduçãoO Flash 8 é uma ferramenta profissional paracriação elementos para a web.Dentro dele você pode criar controles d...
Iniciando o Flash 8    Para o iniciar, posicione o mouse sobre o botão iniciar e    clique com o botão esquerdo do mouse....
Área de trabalho do Flash    Na tela do Flash, teremos a disposição da : Barra    de Títulos, de Menu, de Ferramentas, de...
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 d...
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...
Linha do Tempo (timeline)    Barra onde os quadros ficarão dispostos em    sequência.                 Coordenação de Ensi...
Palco (stage)    Onde a animação ou imagem é editada.                 Coordenação de Ensino - Duque de Caxias
Painéis    Estes painéis auxiliam no trabalho e atribuem certos    comandos ou efeitos em objetos, documentos ou no palco...
Propriedades    Este painel exibe as propriedades dos elementos selecionados e das    ferramentas.         Obs.: Para at...
Criando um novo documento    Para criar um novo    documento, clique no    novo documento, clique    no menu File e , em ...
Conhecendo a tela    Depois de escolhida a opção New, uma janela será aberta,    onde será possível abrir um arquivo novo...
Propriedades do documento    Antes de começar algum projeto no flash,    primeiramente configure o tamanho do palco. Para...
Propriedades do documento    Define o tamanho do palco    Define a cor de fundo do palco    Define quantos quadros irão...
Salvando o documento    Para salvar o documento, na Barra de Menu clique na opção    File e em seguida, em Save as... ou ...
Salvando o documento    Obs 2: A página inicial que    deverá ser aberta    primeiramente no seu site,    deverá ser salv...
Abrindo um documento    Para abrir um    documento, basta    posicionar o mouse    sobre o menu File e,    em seguida,   ...
Abrindo um documento                                                  Depois de escolhida                           a opç...
Ferramentas de Visualização    No Flash 8 é possível ampliar ou reduzir a    visualização de um objeto que esteja no palc...
Ferramentas de Visualização       Confira a função de cada ferramenta    Hand Tool: Esta ferramenta é usada para mover o...
Ferramentas de Visualização    Confira a função de cada ferramenta:       Enlarge: Amplia a visualização. Para utilizá-l...
Ferramentas de Visualização    Zoom-Pré: Você poderá definir a porcentagem do zoom    através de uma caixa encontra no ca...
Ferramentas de Seleção    O flash 8 possui três ferramentas de seleção, cada    uma com sua característica.    Arrow too...
Ferramentas de Seleção    Subselection tool:    Esta ferramenta permite modificar os objetos através de pontos.    Esses...
Retângulos e ovais    Oval tool: Essa ferramenta é utilizada para desenhar oval.    Para utilizar essa ferramenta, selec...
Retângulos e ovais    A caixa de propriedades possui algumas opções de    configurações.    Confira abaixo algumas delas...
Retângulos e ovais    Define a cor da linha.    Define a cor de preenchimento.    Define a espessura da linha.    Defi...
Retângulos e ovais    Rectangle tool: Esta ferramenta é utilizada para    desenhar oval.    Para utilizar essa ferrament...
Retângulos e ovais    PolyStar tool: Essa ferramenta é usada para desenhar polígonos e    estrelas.    Para utilizar ess...
Linhas e Curvas    Line tool: É uma das ferramentas mais básicas do Flash que desenha    segmentos retos. Para desenhar, ...
Linhas e Curvas    Serve para fazer caminhos Retos e caminhos    Curvos:    FigurasObs.: para criar uma linha reta apert...
Mão livre    É possivél fazer desenhos como se estivesse desenhado com as    próprias mãos. Existem duas ferramentas que ...
Mão livre    Poderá escolher a suavização das linhas que achar mais    apropriada.    A opção Straighten desenha linhas ...
Mão livre    Brusnh tool: Essa ferramenta pode tanto pintar objetos    como fazer desenhos no palco.    Com a seleção de...
Mão livre    Pinta sobre linhas e preechimentos.    Pinta os preechimentos eu back-ground deixando só a borda.    Pinta...
Transformando objetos    Com a ferramenta Fill Transform tool           é possível modificar    o tamanho, a direção ou c...
Transformando objetos    2- Com este quadrado é possível definir a intensidade da luz    do preenchimento comprimido ou e...
Transformando objetos    4-Com este círculo é possível rotacionar o gradiente ou    bitmap    Já com a ferramenta Free T...
Transformando objetos    Para a alterar altura do bitmap ou gradiente, com a ferramente Free    transform, arraste o marc...
Alterando cores    Para alterar a cor, teremos duas ferramentas: a Ink bottle-muda    a cor das linhas de contorno e a Pa...
Cores Pré-definidas                                        O Flash 8 possui um painel de cores                      pré-d...
Criando cores    O painel Color Mixer possui várias opções, confira abaixo    algumas delas:    Type: Define o tipo do p...
Criando cores,    Black and White: Selecione preto para o contorno e    branco para o preenchimento.     No color: Essa ...
Trabalhando com                preenchimentos    Pra selecionar    preenchimentos, use o Painel    Color Mixer, Que permi...
Trabalhando com preenchimentos    Para aplicar um preenchimento de cor sólida usando o    painel Color Mixer, selecione a...
Obtendo e Apagando cores      O Flash 8 possui duas ferramentas muito úteis: a     Eraser tool que têm a função de apagar...
Obtendo e Apagando cores        Erase Normal apaga traços e preenchimentos na      mesma camada        Erase Fills apaga...
Inserindo texto    Se utilizar texto nos filmes do Flash, poderá definir o tamanho, a    fonte, o espaçamento, a cor e o ...
Inserindo texto    Horizontal- Texto normal, na horizontal da    esquerda para direita.    Vertical, Left to Right- Text...
Inserindo texto    Vertical, Right to Left- Texto na vertical, direita para a esquerda.    A ferramenta Texto também é u...
Importando arquivos    É possível importa para o flash arquivos diversos como    Imagens, Vídeos e outros. Para importar ...
Importando arquivos    Figura:                   Coordenação de Ensino - Duque de Caxias
Convertendo Bitmap para Gráfico               vetorial    Fazendo essa conversão, da imagem ela irá ficar com o contorno ...
Convertendo Bitmap para Gráfico               vetorial    Color Thereshold ( limite de cor): Ao comparar dois pixels à   ...
Réguas    O Flash 8 possui réguas que auxiliam na hora de desenhar e alinhar    precisamente os objetos. Para ativá-las, ...
Réguas    Para configurar a unidade de medida da régua, clique no menu    Modify e, em seguida, escolha a opção Document....
Grade                                    Com as grades suas                    animações podem ser                    edi...
Alinhando objetos pelas grades                                                                        Para maior precisão...
Alinhando objetos pelas grades    Com a opção Snap to Grid selecionada é possível alinhar e criar os    objetos através d...
Alinhando objetos pelas grades                                                                  Nessa janela você poderá ...
Alinhamento                                      É possível alinhar as                     posições dos objetos de       ...
Alinhamento                                          Na janela que abrir, escolha a                       posição desejad...
Agrupando                                              Para manipular                         elementos como um único    ...
Desagrupando                                        Desagrupe objetos                      agrupados. Para               ...
Camadas (layers)                        Para editar uma camada ela deverá estar              ativa, ou seja, selecionada....
Camadas (layers)                                                                                                      ORG...
Camadas (layers)                                                                            OCULTANDO CAMADAS:           ...
Camadas (layers)                                                                                  TRAVANDO CAMADAS: Ao tr...
Cenas                                    Para organizar um filme de                    forma temática é possível         ...
Cenas                                                                      Depois de clicar em Scene abrirá              ...
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 ...
Animações quadro a quadro    Essa é a forma básica de animação, onde em cada quadro uma    nova imagem é criada. É a mais...
Adicionando quadros (frames)    Para inserir um novo quadro, selecione a posição dele na    linha do tempo, clique no men...
Limpando quadro-chave                                                            Quadro-Chaves são utilizados            ...
Definições de símbolos    Símbolos são elementos reutilizáveis que podem ser usados com o    documento, Após atribuir um ...
Definições de símbolos    MOVIE CLIP (símbolos de clipe de filme): São    utilizados para criar animações reutilizáveis. ...
Criando símbolos Abrirá a seginte janela:                                                                                ...
Criando símbolos    Name: Dê um nome para o símbolo pois assim    ajudará na localização do mesmo na biblioteca.    Beha...
Interpolação de movimento    A interpolação é utilizada para animar símbolos, sendo aplicada em    Movie Clips e Gráficos...
Layers Guide (camadas guia)    Usa-se a camada guia para força um símbolo a percorrer um caminho,    utilizando o caminho...
Layers Guide (camadas guia)    Depois de feito o caminho, no primeiro quadro (frame)    coloque a interpolação no início ...
Camada máscara    É possível usar máscara para efeitos de luminosidade, transições e    também criar uma espécie de burac...
Tweening shape    Cria efeito de transformação de um objeto em outro, mudança de    posição, cor, tamanho com a interpola...
Criando botões    Para criar um botão desenhe o objeto, o selecione, clique sobre ele    com o botão direito do mouse e e...
Criando botões    Up: Representa quando o mouse não está sobre ele    Over: Representa quando o mouse está sobre ele.  ...
Criando botões    Ao clicar, a janela Actions será aberta:                         Coordenação de Ensino - Duque de Caxias
Adicionando som ao filme    Para inserir um som ao    filme, primeiro importe o    arquivo Mp3 ou Wav, na    barra de men...
Adicionando som ao filme    Selecione o quadro que deseja inserir o som. No Inspetor de propriedades    localize o botão ...
Adicionando Ações em Quadros           (frame)    Para inserir uma ação em quadros, selecione-o(s) e clique em Actions   ...
Representações na Linha do tempo    A interpolação Motion possui fundo azul claro    A interpolação Shape possui fundo v...
Representações na Linha do tempo    O “a” indica que foi atribuída uma ação ao quadro    com painel ações    A bandeira ...
Comentários em quadros    Para adicionar um comentário a um ou mais    quadros, selecione-o(s) no Inspetor de    propried...
BIBLIOTECA     Ao criar um símbolo, importa uma imagem ou som, esses    objetos são armazenados na biblioteca. Para ativá...
Publicando (Arquivo Executável)    Para publicar um arquivo antes é necessário sálva-lo; depois    clicar sobre menu File...
Publicando (Arquivo Executável)    Escolha os formatos, se necessário, altere o(s) nome(s) do(s)    arquivo(s) e clique e...
Upcoming SlideShare
Loading in …5
×

Apresentação de Flash

2,433
-1

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,433
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
105
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Apresentação de Flash

  1. 1. Macromedia Flash 8Coordenação de Ensino - Duque de Caxias
  2. 2. IntroduçãoO Flash 8 é uma ferramenta profissional paracriação elementos para a web.Dentro dele você pode criar controles denavegação(menus), logotipos animados e etcno site. Também é possível criar figuras dealta qualidade a partir do zero, possibilitando aaplicação de animações e interaçõescomplexas sem programação de scriptscomplicados. Coordenação de Ensino - Duque de Caxias
  3. 3. 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. Coordenação de Ensino - Duque de Caxias
  4. 4. Á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 Coordenação de Ensino - Duque de Caxias
  5. 5. 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. Coordenação de Ensino - Duque de Caxias
  6. 6. Barra de Menu A barra de menu é a principal ferramenta, pois nela teremos vários menus disponíveis Coordenação de Ensino - Duque de Caxias
  7. 7. 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. Coordenação de Ensino - Duque de Caxias
  8. 8. Linha do Tempo (timeline) Barra onde os quadros ficarão dispostos em sequência. Coordenação de Ensino - Duque de Caxias
  9. 9. Palco (stage) Onde a animação ou imagem é editada. Coordenação de Ensino - Duque de Caxias
  10. 10. 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. Coordenação de Ensino - Duque de Caxias
  11. 11. 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 Coordenação de Ensino - Duque de Caxias
  12. 12. 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 Coordenação de Ensino - Duque de Caxias
  13. 13. 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. Coordenação de Ensino - Duque de Caxias
  14. 14. 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. Coordenação de Ensino - Duque de Caxias
  15. 15. 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. Coordenação de Ensino - Duque de Caxias
  16. 16. 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 Coordenação de Ensino - Duque de Caxias
  17. 17. 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. Coordenação de Ensino - Duque de Caxias
  18. 18. 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. Coordenação de Ensino - Duque de Caxias
  19. 19. 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 Coordenação de Ensino - Duque de Caxias
  20. 20. 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 Coordenação de Ensino - Duque de Caxias
  21. 21. 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). Coordenação de Ensino - Duque de Caxias
  22. 22. Ferramentas de Visualização 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 Coordenação de Ensino - Duque de Caxias
  23. 23. Ferramentas de Visualização 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. Coordenação de Ensino - Duque de Caxias
  24. 24. 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. Coordenação de Ensino - Duque de Caxias
  25. 25. 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. Coordenação de Ensino - Duque de Caxias
  26. 26. 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. Coordenação de Ensino - Duque de Caxias
  27. 27. 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. Coordenação de Ensino - Duque de Caxias
  28. 28. 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 Coordenação de Ensino - Duque de Caxias
  29. 29. 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 Coordenação de Ensino - Duque de Caxias
  30. 30. 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: Coordenação de Ensino - Duque de Caxias
  31. 31. 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. Coordenação de Ensino - Duque de Caxias
  32. 32. Linhas e Curvas Serve para fazer caminhos Retos e caminhos Curvos: FigurasObs.: para criar uma linha reta aperte a tecla: Shift Coordenação de Ensino - Duque de Caxias
  33. 33. 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. Coordenação de Ensino - Duque de Caxias
  34. 34. 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. Coordenação de Ensino - Duque de Caxias
  35. 35. 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. Coordenação de Ensino - Duque de Caxias
  36. 36. 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. Coordenação de Ensino - Duque de Caxias
  37. 37. 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. Coordenação de Ensino - Duque de Caxias
  38. 38. Transformando objetos 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. Coordenação de Ensino - Duque de Caxias
  39. 39. 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. Coordenação de Ensino - Duque de Caxias
  40. 40. Transformando objetos 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. Coordenação de Ensino - Duque de Caxias
  41. 41. 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. Coordenação de Ensino - Duque de Caxias
  42. 42. 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. Coordenação de Ensino - Duque de Caxias
  43. 43. 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: Coordenação de Ensino - Duque de Caxias
  44. 44. 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 Coordenação de Ensino - Duque de Caxias
  45. 45. 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. Coordenação de Ensino - Duque de Caxias
  46. 46. Trabalhando com preenchimentos Para aplicar um preenchimento de cor sólida usando o painel Color Mixer, selecione a opção Solid. Coordenação de Ensino - Duque de Caxias
  47. 47. 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. Coordenação de Ensino - Duque de Caxias
  48. 48. 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. Coordenação de Ensino - Duque de Caxias
  49. 49. 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. Coordenação de Ensino - Duque de Caxias
  50. 50. Inserindo texto Horizontal- Texto normal, na horizontal da esquerda para direita. Vertical, Left to Right- Texto na vertical, da esquerda para a direita. Coordenação de Ensino - Duque de Caxias
  51. 51. 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 Coordenação de Ensino - Duque de Caxias
  52. 52. 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 Coordenação de Ensino - Duque de Caxias
  53. 53. Importando arquivos Figura: Coordenação de Ensino - Duque de Caxias
  54. 54. 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: Coordenação de Ensino - Duque de Caxias
  55. 55. 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. Coordenação de Ensino - Duque de Caxias
  56. 56. 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. Coordenação de Ensino - Duque de Caxias
  57. 57. 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 Coordenação de Ensino - Duque de Caxias
  58. 58. 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.Coordenação de Ensino - Duque de Caxias
  59. 59. 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 Coordenação de Ensino - Duque de Caxias
  60. 60. 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. Coordenação de Ensino - Duque de Caxias
  61. 61. 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 Coordenação de Ensino - Duque de Caxias
  62. 62. 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 Coordenação de Ensino - Duque de Caxias
  63. 63. 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. Coordenação de Ensino - Duque de Caxias
  64. 64. 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.Coordenação de Ensino - Duque de Caxias
  65. 65. 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. Coordenação de Ensino - Duque de Caxias
  66. 66. 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. Coordenação de Ensino - Duque de Caxias
  67. 67. 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 Camada dentro da pasta dentro da pasta, clique no Layer a ser inserido e arraste para cima da pasta.Camada fora da pasta Coordenação de Ensino - Duque de Caxias
  68. 68. 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 Obs.: Todas camadas ocultas. 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.: Apenas a camada 2 estáoculta. Coordenação de Ensino - Duque de Caxias
  69. 69. 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 daTodas as camadas estão travadas. camada respectiva.  Obs.: Ao travar uma pasta, todas as camadas existentes nele serão travadas. Para travar apenas uma, faça o procedimento acima Apenas a camada 2 está travada. Coordenação de Ensino - Duque de Caxias
  70. 70. 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 SceneCoordenação de Ensino - Duque de Caxias
  71. 71. 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ênciaDuplica uma cena da lista Scene.Adiciona uma cena em brancoApaga uma cenaselecionada Coordenação de Ensino - Duque de Caxias
  72. 72. 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. Coordenação de Ensino - Duque de Caxias
  73. 73. 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. Coordenação de Ensino - Duque de Caxias
  74. 74. 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. Coordenação de Ensino - Duque de Caxias
  75. 75. 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 Coordenação de Ensino - Duque de Caxias
  76. 76. 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. Coordenação de Ensino - Duque de Caxias
  77. 77. 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. Coordenação de Ensino - Duque de Caxias
  78. 78. Criando símbolos Abrirá a seginte janela:  É 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 menuNela é possível escolher o Modify e escolha a opção Convert to nome e tipo do símbolo Symbol ou F8 Coordenação de Ensino - Duque de Caxias
  79. 79. 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. Coordenação de Ensino - Duque de Caxias
  80. 80. 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. Coordenação de Ensino - Duque de Caxias
  81. 81. 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. Coordenação de Ensino - Duque de Caxias
  82. 82. 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. Coordenação de Ensino - Duque de Caxias
  83. 83. 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. Coordenação de Ensino - Duque de Caxias
  84. 84. 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. Coordenação de Ensino - Duque de Caxias
  85. 85. 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: Coordenação de Ensino - Duque de Caxias
  86. 86. 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 Coordenação de Ensino - Duque de Caxias
  87. 87. Criando botões Ao clicar, a janela Actions será aberta: Coordenação de Ensino - Duque de Caxias
  88. 88. 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. Coordenação de Ensino - Duque de Caxias
  89. 89. 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. Coordenação de Ensino - Duque de Caxias
  90. 90. 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. Coordenação de Ensino - Duque de Caxias
  91. 91. 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. Coordenação de Ensino - Duque de Caxias
  92. 92. 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) Coordenação de Ensino - Duque de Caxias
  93. 93. 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. Coordenação de Ensino - Duque de Caxias
  94. 94. 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 Coordenação de Ensino - Duque de Caxias
  95. 95. 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 Coordenação de Ensino - Duque de Caxias
  96. 96. 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. Coordenação de Ensino - Duque de Caxias
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×