Aula Flash

FlashFaculdade Atlntico SulSistemas para InternetMultimdia

FlashRoteiroIntroduoAmbientao no Flash (Interface, Menus, Painis, Palco, Ferramentas de desenho e etc)TextoSomSmbolosBibliotecaCamadasAnimaoInteratividadePublicao do projeto

Flash IntroduoDesenvolvimento tecnolgico (Internet).Poderosa arma comercial.Uma fonte de cultura e lazer.Meio de comunicao.Muitos aplicativos foram desenvolvidos principalmente com o objetivo de gerar sites que pudessem prender a ateno dos usurios para que permaneam na pgina acessada.O Macromedia Flash se enquadra neste padro de software.Evoluo da animao grfica.Web.Jogos tridimensionais.No cinema.etc.

Flash IntroduoCaractersticasInteratividade.Imagem vetorialArquivos de tamanhos menores.Preserva a alta qualidade das imagens.Fcil adaptao para quem trabalha com programa de desenho vetorial.VersatilidadePginas inteiras.Banners.Slides.

Flash IntroduoCaractersticasOs desenvolvedores de sites em Flash podem usufruir de todos os recursos disponveis sem se preocupar com o tipo de navegador ou sua verso.Smbolos e instnciasSe quiser usar um logotipo de 10Kb em dez localizaes na apresentao do Flash, poderia se exigir 100Kb (10Kb de cada logotipo) de espao de arquivo. Entretanto, o Flash exige somente uma cpia real do logotipo de 10Kb; as outras nove instncias so simplesmente referncias para o arquivo principal. Embora essas referncias apaream assim como o arquivo real, menos de 100 bytes so requeridos para referenciar o arquivo real. Ento, se economizaria quase 90Kb em tamanho do arquivo uma quantidade considervel na Web. possvel utilizar essa capacidade poderosa com vetores, mapas de bits, sons e mais.

Flash IntroduoImagens Bitmap e VetoriaisGrficos VetoriasOs Grficos Vetoriais so imagens formadas por clculos matemticos executados pelo computador. Se voc aumentar o tamanho de uma linha ou de um quadrado, por exemplo, a definio da imagem ser a mesma, ou seja, a qualidade dela permanecer inalterada, diferente do que acontece com bitmaps.Grficos BitmapsGrficos bitmaps so imagens formada por pixels. Um pixel um ponto em seu monitor, pequenos com cor e brilho variados. Indicados para representao de imagens com alto nvel de detalhes. Os arquivos Bitmaps por serem formados dispondo a imagem pixel a pixel, se tiverem seu tamanho aumentado sofrero distores considerveis, pois cada ponto transformado em blocos maiores para compor a imagem maior. Entre os principais softwares de edio Bitmap podemos citar o Adobe Photoshop e o Corel Photopaint.

Flash IntroduoQuando usar Vetor e quando usar Bitmap:Os grficos vetoriais so utilizados em impresses, arte para revistas, cartazes, Web. O Macromedia Flash foi o responsvel pelo aparecimento da arte vetorial na Web. Com o aparecimento dessa tecnologia, a Macromedia introduziu o vetor Web, mdia na qual a arte vetorial raramente aparecia. Uma rea onde se utiliza muito as ferramentas vetoriais so a da ilustrao, tanto para quadrinhos quanto para publicidade.Usa-se imagens bitmaps quando se deseja uma maior profundidade, algo que transmita mais "vida" para audincia. Usamos o Bitmap em muitos casos, mas nem por isso o vetor deve ser banalizado. Enfim, tanto os programas de imagens Vetoriais quanto os de Bitmaps so importantssimos e com certeza foram revolucionrios e responsveis pela exploso da arte digital nos dias de hoje.

Flash AmbientaoO Flash produz, em princpio, dois arquivos:Arquivo de autoria (.fla): onde voc edita o seu trabalho, gera as animaes, adiciona sons, mapas de bits, texto e interatividade.Filme de Flash (.swf): o seu trabalho finalizado, ou seja, ele exportado para a extenso .swf. Quando voc exporta seu arquivo, ele otimizado e compactado de modo que o arquivo .swf gerado seja menor que o arquivo de autoria.

Flash AmbientaoInterface

Flash AmbientaoBarras de FerramentasAs Barras de Ferramentas auxiliam para um acesso mais rpido aos comandos que de outro modo esto disponveis nos menus.Como ocultar/exibir uma Barra de Ferramentas?1. Clique sobre o menu Janela e aponte para Barras de Ferramentas;2. Clique sobre a barra que quer ocultar ou exibir. O sinal no lado esquerdo da barra indica que ela est visvel. As barras so a seguintes:Principal Esta barra de ferramentas contm ferramentas comuns como Novo, Abrir, Salvar, etc.Status Exibe a barra de status do Flash.Controlador Exibe os botes que controlam o filme de Flash, tais como Stop, Play, Rewind, etc.

Flash AmbientaoBarra de MenusOs menus fornecem acesso a muitos dos comandos do Flash. Menu Arquivo: Utilize o menu Arquivo para criar, abrir e salvar arquivos. Destaque para Configuraes de Publicao, onde so ajustadas as configuraes para publicar seu trabalho.Menu Editar: Ajudam a trabalhar com arquivos.Menu Exibir: Controlam a aparncia e o Zoom dos seus trabalhos.Menu Inserir: Fornece controle sobre quadros e camadas.Menu Modificar. Configura vrias propriedades do Flash.Menu Texto. Fornece opes para textos, como fonte, tamanho, estilo, alinhamento, etc.Menu Controlar. Permite trabalhar com seu filme, reproduzindo e testando. Destaque para Testar o filme, que testa o arquivo SWF exportado.Menu Janela. Fornece acesso s vrias ferramentas e caixas de dilogo. Destaque para Biblioteca, utilizada para organizar os smbolos gerados em seu filme e reutilizados.Menu Ajuda. Abre a ajuda do Flash. Contm tambm lies passo a passo e projetos prontos para anlises.

Flash AmbientaoPainis do FlashO Flash possui vrios painis com ferramentas de edio e pintura. possvel ocultar e exibir esses painis a qualquer momento durante a edio de qualquer projeto. Quando o flash iniciado pela primeira vez, os painis visveis so exibidos como voc v abaixo:

Flash AmbientaoPainis do FlashRe-configurar o layout do flash em relao s paletas:Para excluir uma paleta, clique com o boto direito do mouse sobre os pequenos pontos pretos que aparecem no lado esquerdo do nome da paleta. Aps, clique em Fechar Painel;

Para mover uma paleta, clique sobre os pequenos pontos esquerda, clique e arraste o painel para um novo local na rea de trabalho;Para unir duas ou mais paletas em um nico conjunto de paletas, clique e arraste uma paleta sobre a outra. Quando aparecer uma moldura preta ao redor das paletas, solte o boto do mouse;Para expandir ou recolher uma paleta, clique sobre o nome da mesma;

Flash AmbientaoPainis do FlashSalvar o layout:Para salvar o layout definido por voc, para que possa utiliza-lo sempre que desejar, siga os passos:No menu Janela, aponte e clique em Salvar Layout do painel;Aparecer a seguinte janela:

Digite um nome para o seu novo layout e clique sobre o boto OK;Para reutilizar um layout salvo, clique sobre o menu Janela, aponte para Conjunto de Painis e clique sobre o layout desejado.

Flash AmbientaoBarra de PropriedadesAltera as propriedades conforme a ferramenta selecionada na caixa de ferramentas. Pode-se ocultar/exibir esta barra a qualquer momento clicando sobre o seu nome.Linha do Tempo onde se trabalha as animaes e o contedo do Flash atravs de quadros e tambm de camadas.A Linha do Tempo ser vista com mais detalhes adiante (animaes).

Flash AmbientaoPalco a rea branca onde se cria os desenhos.Pode-se configurar as dimenses e a cor de fundo do palco.Como Alterar a cor e o tamanho do palco?Selecione a ferramenta Seta;Na barra Propriedades clique sobre o boto Tamanho;Nas caixas Dimenses, insira um novo valor em Largura e Altura (pixels);No item Cor de fundo, defina a nova cor do palco;Clique em OK quando terminar.

Flash AmbientaoPalco

Flash AmbientaoGradeConjunto de linhas verticais e horizontais que se inter-seccionam no palco, a fim de alinhar, redimensionar e posicionar objetos com preciso.Para visualizar e configurar a Grade:No menu Exibir, aponte para Grade e clique em Editar grade;Defina a cor da grade, se quiser. Marque a opo Mostrar grade para poder visualiza-la e altere tambm a quantidade de espao entre as linhas de grade (verticalmente e/ou horizontalmente).Clique em OK quando terminar. As grades aparecero no palco.

Flash AmbientaoRguasAs rguas so utilizadas para indicar a posio dos objetos no palco e suas dimenses.Para visualizar as rguas:Selecione Rguas no menu Exibir;Sero exibidas uma rgua horizontal e outra verticalTrocar a unidade de medida:Clique em Modificar Documento;No item Unidades de rgua, defina a unidade de medida desejada e pressione o boto OK.

Flash AmbientaoGuiasAs guias possuem o mesmo objetivo da Grade: posicionar objetos. A diferena a de que voc pode posicionar as guias em qualquer ponto no palco e pode inserir quantas guias forem necessrias.Para inserir guiasAtive a visualizao da rgua, caso no esteja (Exibir > Rguas);Posicione o ponteiro do mouse sobre uma das rguas, clique e arraste a guia at o local desejado no palco;Repita o processo para mais guias. Pode-se inserir guias verticais e horizontais.Configurando as guiasClique no menu Exibir, aponte para Guias e no submenu clique em Editar Guias;Na caixa de dilogo defina a cor da guia. Marque a opo Mostrar Guias para visualizar as guias no palco;Marcando a opo Bloquear guias, as guias ficam impossibilitadas de serem movidas;Clique no boto Limpar tudo para eliminar todas as guias do palco, se desejar;Confirme as alteraes clicando em OK.

Flash AmbientaoCaixa de FerramentasAs ferramentas de desenho do Flash utiliza o sistema de criao de imagens vetoriais, que so equaes matemticas que o computador traduz e exibe como objetos desenhados. A Caixa de ferramentas consiste em diversas reas: Ferramentas: As ferramentas de desenho propriamente ditas. Contm ainda ferramentas de seleo, texto, etc.; Exibir: Ferramentas de visualizao (Mo e Zoom); Cores: Possui dois botes de acesso paleta de cores. Uma paleta para cores de contorno e outra pra o preenchimento; Opes: So os modificadores. Ao clicar em uma das ferramentas, esta rea exibe um conjunto de modificadores que complementam a ferramenta selecionada.

Flash AmbientaoCaixa de FerramentasDescrio de cada uma das ferramentas e seus modificadores.

Flash AmbientaoCaixa de FerramentasFerramenta SetaA ferramenta Seta utilizada para selecionar, mover, redimensionar e deformar os desenhos no palco.A ferramenta Seta possui seus modificadores:Atrair os objetos desenhados so atrados quando voc os move ou dimensiona.Suavizar permite suavizar linhas e formas simples.Endireitar permite endireitar linhas e formas simples.Ferramenta LaoUtilize esta ferramenta para selecionar reas irregulares em um elemento do palco. Ser demonstrada mais tarde.Ferramenta LinhaUtilizada para desenhar linhas retas. Para limitar esta ferramenta a desenhar linhas com ngulo reto e de 45, pressione a tecla Shift antes de desenhar.Para criar linhas retasSelecione a ferramenta Linha;Clique e arraste o mouse. Solte o boto quandoa linha estiver no ngulo e comprimento desejados.

Flash AmbientaoCaixa de FerramentasFerramenta CanetaEsta ferramenta serve para desenhar objetos de formas irregulares ou no. Selecione a ferramenta Caneta, v at o palco e d um clique com o mouse. Mova o cursor para um outro local e d mais um clique. Surgir uma linha reta entre estes dois pontos. Continue a operao at encerrar o desenho. Se quiser fechar o desenho, clique novamente no ponto inicial da linha. Aparecer junto ao cursor do mouse um pequeno crculo, indicando que voc ir fechar o desenho. Se no quiser fech-lo, d um duplo clique para finalizar a linha.Para desenhar com a ferramenta Caneta:Selecione a ferramenta Caneta;Clique em algum ponto vazio no palco;Em seguida clique em um outro ponto. Aparecer uma linha entre os pontos clicados;Continue clicando at formar o desenho desejado. D um clique sobre o ponto inicial para finalizar.

Flash AmbientaoCaixa de FerramentasFerramenta Caneta

Flash AmbientaoCaixa de FerramentasFerramenta Oval e RetnguloDesenha elipses e retngulos, respectivamente. Selecione a ferramenta, v at o palco, segure e arraste.Para criar ovais e retngulos:Clique sobre a ferramenta Oval ou Retngulo;Clique e arraste o mouse para desenhar os respectivos objetos;Se pressionar a tecla Shift enquanto arrasta, voc desenhar um crculo ou um quadrado perfeitos.

Flash AmbientaoCaixa de FerramentasFerramenta LpisServe para desenhar a mo livre. Selecione a ferramenta, segure o boto do mouse pressionado e comece a desenhar. Se pressionar Shift, desenhar linhas de ngulo reto (horizontal e vertical).A ferramenta Lpis possui seus modificadores:Acertar: Permite endireitar as linhas que voc traa. Se desenhar uma linha tremida este modificador a endireitar para voc.Suavizar: Permite suavizar as linhas que voc desenha;Tinta: A linha ficar conforme voc a desenha, fazendo apenas uma leve suavizao.Para criar linhas regularesSelecione a ferramenta Lpis;Nos modificadores, escolha entre Suavizar, Acertar ou Tinta;Clique e arraste o mouse para desenhar a linha. Solte o boto para finalizar.

Flash AmbientaoCaixa de FerramentasFerramenta Lpis

Flash AmbientaoCaixa de FerramentasFerramenta PincelEsta ferramenta utilizada para pintar reas do palco como se estivesse realmente usando um pincel. Selecione-a e comece a pintar. Pressionando Shift, voc pintar linhas com ngulos retos.A ferramenta possui vrios modificadores, que so:Tipo do Pincel: Determina o comportamento do pincel em relao aos objetos que esto no palco.Pintar Normal: Permite pintar sobre o preenchimento e as linhas e contornos que esto no palco.Pintar Preenchimentos: Permite pintar os preenchimentos e tambm reas vazias, permanecendo intactas somente as linhas e contornos.Pintar Atrs: Pinta reas vazias do palco, deixando o objetos no palco intactos e visveis.Pintar Seleo: Pinta apenas o que est selecionado.Pintar Dentro: Permite pintar dentro de uma rea determinada. O limite da pintura o prprio limite do objeto, no podendo pintar fora das linhas. Ela s funciona se voc comear a pintar dentro do objeto.Tamanho do Pincel: Determina o tamanho do pincel.Formato do pincel: Escolha um entre os diversos formatos de pincel.Para criar formas com a ferramenta PincelSelecione a ferramenta Pincel;Nos modificadores, defina uma cor, um formato e um tamanho para o pincel;Clique e arraste sobre o palco at finalizar a forma.

Flash AmbientaoCaixa de FerramentasFerramenta Transformao LivreEsta ferramenta permite redimensionar, rotacionar, inclinar e distorcer formas desenhadas no palco. Selecione a ferramenta Transformao Livre e escolha um dos modificadores:Girar e Inclinar: Rotaciona e inclina objetos;Dimensionar: Redimensiona objetos;Distorcer: Distorce o objeto selecionado;Envelopar: Deforma o objeto atravs de ns que aparecem ao redor do objeto.

Flash AmbientaoCaixa de FerramentasFerramenta Transformar PreenchimentoPossibilita a manipulao dos gradientes aplicados nos preenchimentos dos objeto. Atravs dela voc pode posicionar o ponto central do gradiente, assim como sua rotao e tamanho.

Para modificar um gradienteSelecione a ferramenta Transformar preenchimento;D um clique sobre o preenchimento gradiente desejado;Arraste a ala correspondente ao efeito desejado;

Flash AmbientaoCaixa de FerramentasFerramenta TinteiroUtilize-a para pintar o contorno de um objeto. Basta escolher a cor na paleta Cores e pintar o objeto desejado.Para pintar o contorno de um objeto:Selecione a ferramenta Tinteiro;Na paleta Cores, clique sobre o boto Cor do trao e escolha a cor desejada;Clique sobre o contorno do objeto ou linha que quer pintar.

Flash AmbientaoCaixa de FerramentasFerramenta Balde de TintaUtilize-a para pintar o preenchimento de um objeto. Basta escolher a cor na paleta Cores e pintar o objeto desejado.Para pintar o preenchimento de um objeto:Selecione a ferramenta Balde de Tinta;Na paleta Cores, clique sobre o boto Cor do Preenchimentoe escolha a cor desejada;Clique sobre o preenchimento do objeto que quer pintar.

Flash AmbientaoCaixa de FerramentasFerramenta Conta-gotasTrata-se de um pequeno conta-gotas que captura a cor de um objeto. Selecione esta ferramenta e observe que quando passar o mouse sobre o preenchimento de um objeto aparece junto ao ponteiro do mouse um pequeno pincel, indicando que voc ir capturar a cor de preenchimento. Se voc posicionar o cursor do mouse sobre um contorno, aparecer no ponteiro do mouse um pequeno lpis, indicando que voc ir capturar uma cor de contorno, tornando-a a cor ativa.Para capturar a cor de um objeto e transferir para outro:Selecione a ferramenta Conta-gotas;Posicione o cursor sobre o preenchimento do objeto. Junto ao cursor do mouse aparece um pequeno cone de pincel;D um clique. A ferramenta Balde de tinta ativada;Clique sobre outro objeto. Seu preenchimento passa a ser idntico ao preenchimento do objeto anterior;

Flash AmbientaoCaixa de FerramentasFerramenta BorrachaUtilize-a para apagar determinadas reas de objetos desenhado no palco. A ferramenta Borracha possui seus modificadores:Borracha Normal apaga todo o objeto;Apagar Preenchimentos apaga somente o preenchimento, no apaga o contorno (linha);Apagar Linhas - apaga somente o contorno, no apaga o preenchimento;Apagar Preenchimentos selecionados apaga somente o preenchimento selecionado com as Ferramentas Seta ou Lao;Apagar dentro esta ferramenta s comea a pagar dentro de um preenchimento.Modificador Torneira esta ferramenta que tem a aparncia de uma torneira apaga todo o preenchimento ou contorno que for clicado.Formato da Borracha escolha o formato e o tamanho da borracha.Para apagar objetosSelecione a ferramenta Borracha. Nos modificadores defina Apagar Normal (ou outros modificadores) e apague o objeto.

Flash AmbientaoCaixa de FerramentasSelecionandoVoc pode selecionar objetos de vrias formas, at pelas camadas. Mas a maneira mais comum atravs da ferramenta Seta. Selecionando com a ferramenta Seta:Para selecionar uma linha, um preenchimento ou um smbolo, clique nele uma vez. Observe que a seleo do preenchimento e da linha feita de forma separada;Para selecionar a linha e o preenchimento de um objeto simultaneamente, d um duplo clique no preenchimento;Para selecionar linhas com a mesma cor que se tocam, d um duplo clique sobre a linha.

Flash AmbientaoCaixa de FerramentasPara selecionar vrios objetosPressione a tecla Shift e v clicando nos objetos desejados. Se quiser selecionar todos os objetos do palco, escolha Editar > Selecionar tudo.Voc pode selecionar objetos arrastando o mouse sobre eles, criando assim uma caixa de seleo. Os objetos que estiverem dentro desta caixa sero selecionados. Voc deve incluir completamente os objetos dentro da caixa de seleo. Se a caixa de seleo passar pelo meio de um objeto, metade dele estar selecionado e a outra metade no.

Flash AmbientaoCaixa de FerramentasSelecionando com a ferramenta LaoCom esta ferramenta voc seleciona reas no uniformes dentro de uma forma.Para selecionar com a ferramenta Lao:Selecione a ferramenta Lao;Segure o boto pressionado e selecione uma rea qualquer dentro de um objeto. Quando soltar o boto, a rea estar selecionada;Se pressionar Shift, voc far novas selees sem desmarcar as anteriores.

Flash AmbientaoCaixa de FerramentasOs modificadores Suavizar e AcertarOs modificadores Suavizar e Acertar so utilizados para suavizar ou endireitar formas. Voc pode consertar uma forma grosseira desenhada mo livre. Endireitando formasSelecione um quadrado com a ferramenta Seta;Nos modificadores, clique sobre o boto Acertar. A forma endireitada.Em seguida selecione uma linha em curva;Nos modificadores, clique sobre o boto Suavizar. Se observar que a linha continua com alguns pontos quebrados, clique mais uma vez no boto Suavizar e o objeto ficar com um aspecto melhor.

Flash AmbientaoCaixa de FerramentasOs modificadores Suavizar e Acertar

Flash AmbientaoCaixa de FerramentasAlterando as caractersticas da linhaNo Flash voc trabalha com linhas e contornos. Uma linha somente uma linha, mas um contorno uma linha sem comeo ou fim (como aquela que cerca uma elipse). Embora linhas e contornos referenciam essencialmente a mesma coisa, deve-se entender a distino acima se planeja trabalhar com eles no Flash.Para alterar as caractersticas de uma linhaSelecione a linha ou contorno desejado;Na barra Propriedades aparecem as opes de configurao da linha;Defina o estilo da linha, sua espessura e cor. As configuraes so refletidas diretamente sobre a linha selecionada;

Flash AmbientaoCaixa de FerramentasPreenchimentosNo Flash, podemos aplicar diversos tipos de preenchimentos: slido (cor uniforme), um preenchimento gradiente ou ainda um preenchimento com mapa de bits.Paleta Cores e suas opes de configurao:

Flash AmbientaoCaixa de FerramentasPreenchimentosPara preencher com cor slida uma forma simples:Clique sobre a ferramenta Balde de Tinta;Na paleta Cores, clique sobre o boto Cor de preenchimento e selecione a cor desejada;Em seguida clique sobre o preenchimento da forma que quer pintar.

Flash AmbientaoCaixa de FerramentasPreenchimentosPara preencher com gradiente uma forma simples:Selecione o objeto;Nos painis suspensos, mande expandir Misturador de cores;No menu pop-up escolha entre Linear ou Radial;No espectro de cores que aparece, clique sobre os pontos de controle de cor e na paleta de cores direita defina uma nova cor para o ponto selecionado.

Flash AmbientaoCaixa de FerramentasEditando os objetosDificilmente um objeto construdo como a gente quer. normal que um objeto tenha que ser movido, redimensionado, rotacionado entre outras alteraes at que o resultado final seja o esperado. Movendo objetos:Pode-se mover objetos de diversas maneiras.Selecione a ferramenta Seta;Selecione o(s) objeto(s) desejado(s). Segure o boto esquerdo do mouse pressionado e arraste.Tambm se pode selecionar um objeto e pressionar as teclas de seta para mov-lo para cima, para baixo, para a esquerda e para a direita um pixel por vez. Se mantiver pressionada a tecla Shift enquanto pressiona um tecla de seta, seu objeto move-se 10 pixels por vez.

Flash AmbientaoCaixa de FerramentasEditando os objetosPosicionando um objeto com preciso:Selecione o objeto;Na Barra Propriedades, altere o valor do eixo X para mover o objeto para a esquerda ou para a direita e o valor de Y para mover o objeto para cima ou para baixo. Se digitar valores negativos voc posicionar o objeto para fora do palco.

Flash AmbientaoCaixa de FerramentasEditando os objetosRedimensionando objetos:Selecione a forma no palco com a ferramenta Seta;Selecione aps a ferramenta Transformao livre;Nos modificadores paleta Opes selecione Dimensionar;As alas de redimensionamento pequenos quadrinhos brancos - aparecero ao redor do objeto;Posicione o cursor sobre uma das alas o cursor se transformar em uma seta de duas pontas;Arraste para fora para aumentar o objeto ou para dentro para reduzir seu tamanho.

Flash AmbientaoCaixa de FerramentasEditando os objetosRedimensionando com preciso:Selecione o objeto;Na Barra Propriedades, digite os valores desejados nos campos Largura e Altura.

Flash AmbientaoCaixa de FerramentasAgrupando objetosCriar grupos permite mover ou redimensionar vrios elementos de uma vez como se fossem uma nica unidade. Como agrupar objetosSelecione os objetos que faro parte do grupo. Qualquer elemento pode ser selecionado;No menu Modificar, clique em Agrupar (Ctrl + G);Os objetos estaro agrupados.

Caso queira editar os objetos que fazem parte do grupo ser necessrio desagrup-los primeiro.Como desagrupar objetosPara desagrupar objetos primeiro selecione o grupo. Em seguida, v at o menu Modificar e clique em Desagrupar (Ctrl + Shift + G).

Flash AmbientaoCaixa de FerramentasAlinhar ObjetosObjetos bem alinhados e distribudos corretamente do uma aparncia profissional sua pgina. Acostume-se a utilizar esta ferramenta ao invs de tentar alinhar olho os objetos no palco.Para alinhar objetosSelecione os objetos que quer alinhar;No menu Janela, clique em Alinhar caso este painel no esteja junto ao grupo de painis;No painel Alinhar, clique sobre os botes de acordo com o alinhamento desejado

Flash AmbientaoCaixa de FerramentasAlinhamentoAlinhar borda esquerda Alinha os objetos pelo seu lado esquerdo;Alinhar centro horizontalmente Centraliza os objetos na horizontal;Alinhar borda direita Alinha os objetos pelo seu lado direito;Alinhar margem superior Alinha os objetos pelo seu topo;Alinhar centro verticalmente Centraliza os objetos na vertical;Alinhar margem inferior Alinha os Objetos pela sua base;DistribuioDistribuir margem superior Distribui os objetos a partir de seu topo;Distribuir centro verticalmente Distribui os objetos pelo seu eixo central na vertical;Distribuir margem inferior Distribui os objetos a partir de sua base;Distribuir margem esquerda Distribui os objetos a partir de seu lado esquerdo;Distribuir centro horizontalmente Distribui os objetos pelo seu eixo central na horizontal;Distribuir margem direita Distribui os objetos a partir do seu lado direito;Match SizeAjustar largura - Faz com que todos os objetos selecionados fiquem com a mesma largura do maior objeto selecionado;Ajustar altura - Faz com que todos os objetos selecionados fiquem com a mesma altura do maior objeto selecionado;Ajustar largura e altura - Produz o efeito das duas ferramentas acima ao mesmo tempo;No PalcoAlinhar/Distribuir no palco Se ativar este boto, far com que a posio do(s) objeto(s) selecionado(s) seja alterada em relao ao Palco. Por exemplo, se voc quer que um objeto fique posicionado exatamente no centro do palco, simplesmente ative o boto Alinhar/Distribuir no palco e clique sobre os botes Alinhar centro horizontalmente e Alinhar centro verticalmente. O objeto se encontrar no meio do palco.

Flash AmbientaoCaixa de FerramentasSegmentando e ConectandoSegmentar uma forma significa cortar parte dela. como se voc tivesse em mos uma tesoura e cortasse um pedao de uma folha de papel.A conexo consiste em combinar duas formas ou mais a fim de criar uma nica unidade. Para a conexo h alguns critrios:As formas devero possuir a mesma cor (preenchimentos gradientes no funcionaro);Devero estar na mesma camada;Objetos que fazem parte de um grupo no funcionaro;No podem ter contornos.

Flash AmbientaoCaixa de FerramentasSegmentando e ConectandoPara segmentar formasArraste um pequeno crculo at o centro de um quadrado;Clique em uma rea vazia do palco para retirar a seleo do crculo;Arraste o crculo para fora do quadrado. Isso far um furo no quadrado, mostrando a cor do fundo do palco.

Flash AmbientaoCaixa de FerramentasSegmentando e ConectandoPara conectar objetosDesenhe um quadrado e uma elipse no palco com a mesma cor de preenchimento e sem contorno;Selecione a elipse e arraste at a lateral esquerda do quadrado, como mostra a figura.Clique fora para remover a seleo. As duas formas automaticamente se soldam formando um nico elemento.

Flash AmbientaoCaixa de FerramentasDuplicando objetosPara duplicar objetosSelecione o objeto;No menu Editar, Clique em Duplicar. A cpia ser criada.Outras maneiras de duplicar objetosSelecione o objeto;Pressione Ctrl + D. A cpia surgir;ouPressione a tecla Ctrl enquanto arrasta o objeto. Quando soltar o boto do mouse a cpia ser gerada.

Flash AmbientaoCaixa de FerramentasDeformando os objetos com a Ferramenta Seta possvel transformar objetos no nvel do palco. como se voc estivesse modelando ou esculpindo um objeto para lhe dar um novo formato.Para dar novas formas a um objetoDesenho um quadrado no palco com preenchimento e contorno;Selecione a ferramenta Seta;Posicione o cursor do mouse sobre a aresta (lado) do quadrado. Um pequeno cone de curva aparece junto ao cursor do mouse;Clique e arraste para fora. Voc estar assim criando uma forma curva.Posicione o cursor em um dos cantos do quadrado. Um pequeno cone de canto surgir junto ao cursor do mouse;Clique e arraste para um novo local. Voc estar deslocando um dos pontos do quadrado para um novo local.

Flash AmbientaoCaixa de FerramentasRotacionando objetosO Flash possui ferramentas que permitem girar um objeto de forma livre ou utilizando valores para um giro mais preciso.Cada objeto possui um eixo central (eixo de rotao, neste caso) e o giro se faz em torno deste eixo.Para rotacionar objetosDesenhe um quadrado sem contorno e de tamanho mdio no palco;Selecione a forma desenhada com a ferramenta Seta;Em seguida, selecione a ferramenta Transformao livre;Nos modificadores, selecione a opo Girar e inclinar;Aparecem pequenos crculos nos cantos e nas laterais do objeto;Utilize os crculos (tambm chamados de alas) dos cantos para girar. Posicione o cursor sobre uma das alas e quando aparecer uma seta de crculo clique e arraste no sentido horrio ou anti-horrio num movimento circular ao redor do eixo do objeto.

Flash AmbientaoCaixa de FerramentasRotacionando objetos

Para rotacionar com precisoSelecione o objeto desejado;No menu Janela, clique em Transformar. Marque a opo Girar e inclinar (caso no esteja) e digite o valor do ngulo desejado.

Flash AmbientaoCaixa de FerramentasEspelhando objetosEspelhar objetos significa vir-los no sentido inverso, dando a sensao de uma imagem refletida em um espelho.Para espelhar um objetoSelecione o objeto desejado;Clique no menu Modificar > Transformar > e defina entre Inverter verticalmente ou Inverter horizontalmente.

Flash - TextoO Flash no se limita a apenas ferramentas de desenho. Possui tambm ferramentas para inserir textos. Claro que no oferece todos os recursos que um editor de texto profissional oferece, mas so suficientes, tendo em vista que o objetivo principal do Flash so as animaes grficas.

Flash - TextoA Ferramenta TextoO Flash possui dois tipos bsicos de texto que voc pode inserir: rtulos de texto e blocos de texto.Um rtulo de texto consiste em um texto que digitado sempre na mesma linha at que voc pressione a tecla Enter para fazer a quebra de linha.J o bloco de texto consiste em uma rea fixa onde seu texto ir se ajustar conforme as dimenses desta rea. Com a ferramenta Texto voc desenha um retngulo que definir os limites do texto.

Flash - TextoA Ferramenta TextoPara criar rtulos de textoSelecione a ferramenta Texto;Mova o cursor do mouse at o palco e clique no local onde quer inserir o texto;Aparecer o cursor piscante dentro de uma pequena caixa;Digite o texto e a caixa se expandir.

Flash - TextoA Ferramenta TextoPara criar blocos de textoSelecione a ferramenta Texto;V at o palco, clique e arraste da esquerda para a direita para definir a largura do bloco de texto;Digite o texto desejado e o mesmo se ajustar automaticamente largura da caixa.

Flash - TextoA Ferramenta TextoFormatando textosAssim como os processadores de texto, no Flash tambm possvel alterarmos a cor do texto, o tamanho, fonte, estilo, alinhamento, etc. Podemos tambm mover, rotacionar e redimensionar um texto como se fosse uma imagem grfica.Para formatarmos textoSelecione o texto desejado com a ferramenta Seta;Na Barra Propriedades, faa as alteraes desejadas.

Flash - TextoA Ferramenta TextoFormatando pargrafosSelecione o texto desejado;Na Barra Propriedades, escolha dentre uma das opes de alinhamento

Para exibir mais opes de formatao, clique sobre o boto Formatar.... Surge a janela:.

Clique em Concludo quando terminar.

Flash - TextoA Ferramenta TextoDividindo o textoExistem algumas configuraes que no podem ser realizadas em um texto comum (um gradiente, por exemplo) ou dar uma nova forma ao texto, como esticar uma letra.Para isso precisamos dividir o texto, ou seja, convert-lo em uma imagem vetorial, como se o texto tivesse sido desenhado por voc utilizando as ferramentas de desenho.Depois de dividir o texto voc no poder mais edit-lo (alteraes de fonte e pargrafo no sero mais possveis). Certifique-se que o seu texto tem o contedo e a aparncia desejada antes de dividi-lo.

Flash - TextoA Ferramenta TextoDividindo o textoPara dividir um textoSelecione o texto desejado;No menu Modificar, clique em Desmembrar;Esta primeira operao de Desmembrar apenas separar os caracteres, mas o texto continuar editvel (texto puro);Clique mais uma vez em Desmembrar no menu Modificar;Seu texto estar dividido.

Flash - TextoA Ferramenta TextoDividindo o textoAo dividir um texto, possvel aplicar um preenchimento gradiente a ele ou mesmo deforma-lo como se fosse uma imagem vetorial qualquer.

Flash - SomSomCom sons, voc torna a navegao de sua pgina mais agradvel e ajuda a memorizar certos eventos que so atribudos a um som.No podemos ver o som, mas existe uma representao grfica composta de ondas, que variam em comprimento (indicando tempo) e tamanho (indicando volume).Vale lembrar que os sons tambm possuem tamanho de arquivo, portanto, devemos relacionar tamanho com qualidade. Um som de alta definio poder reduzir o desempenho de sua apresentao.

Flash - SomSomImportando sonsAntes de inserir um som um quadro da linha do tempo ou um boto, devemos primeiro importa-lo.Para importa sonsClique no menu Arquivo, e em seguida Importar;Selecione o arquivo de som desejado e clique no boto Abrir;Obs.: utilize arquivos *.WAV ou *.MP3. Arquivos *.MIDI no funcionaro.O som inserido na Biblioteca.

Flash - SomSomUtilizando um som importadoAps ter importado o som, deve-se decidir de que forma voc ir utilizar este som. Pode-se adicionar sons um boto ou a um determinado quadro na linha do tempo e quando a cabea de reproduo atingir este quadro, o som ser reproduzido.Para adicionar um som na linha do tempoSelecione o quadro na linha do tempo onde quer inserir o som;Clique no menu Inserir > Quadro - chave ou pressione a tecla F6. Um quadro-chave surgir;Abra a Biblioteca Menu Janela > Biblioteca;Localize o som desejado e arraste-o at o palco. Uma instncia do som adicionada ao quadro marcado.

Flash - SomSomPropriedades do somO Flash possui um painel onde podemos realizar configuraes que alteram o comportamento do som selecionado.Alterando as propriedades do somClique com o boto direito do mouse sobre qualquer quadro que contenha um som;A Barra Propriedades exibe as opes disponveis para a configurao do som;

Flash - SomSomPropriedades do somSom. escolha o som que quer alterar;Efeito. Selecione um efeito para o som. So eles:Nenhum. No aplica nenhum efeito;Canal esquerdo. O som reproduzido somente no canal esquerdo;Canal direito. O som reproduzido somente no canal direito;Fade esquerda para direita / Fade direita para esquerda. Desloca o som de um canal para o outro;Fade In. Aumenta gradualmente a amplitude de um som;Fade Out. diminui gradualmente a amplitude de um som;Personalizado. Esta opo abrir a janela Editar envelope para permitir uma configurao personalizada.

Flash - SomSomConfigurar os sonsTalvez as configuraes predefinidas no sejam as ideais para o seu som, mas voc pode personaliza-lo. Por exemplo, ajustar como ele deveria diminuir gradualmente o seu comprimento ou seu volume. Essas configuraes so realizadas na janela Editar Envelope.Configurando um somClique com o boto direito do mouse sobre qualquer quadro que contenha um som;Na Barra Propriedades, clique sobre o boto Editar;A janela Editar Envelope ser aberta. Veja a seguir as maneiras que voc pode configurar seu som:

Flash - SomSomConfigurar os sonsEfeito: selecione um efeito pr-configurado para o som;Linha do tempo do som: exibe a durao de um som em segundos ou quadros.Controles de incio e fim do som: voc determina em que ponto o som comea a reproduzir e em qual ponto ele pra a reproduo. Isso encurtar o tempo de execuo do som e reduzir o tamanho do arquivo final do filme de Flash.Linhas e alas de envelope: determinam o volume do som no decorrer da reproduo. Quanto mais alta estiver a ala mais alto ser o volume. Voc pode adicionar mais alas clicando sobre um ponto da linha onde no tenha uma ala.Botes de reproduzir/parar: utilize-os para testar os ajustes do som.Linha do tempo em segundos/quadros: permite escolher as unidades utilizadas na linha do tempo. Os segundos so bons para ver a durao do seu som, j os quadros so bons para sincronizar o som com elementos visuais na tela.

Flash - SomSomConfigurar os sons

Flash SmbolosSmbolosOs smbolos do Flash so de extrema importncia na execuo de um filme de Flash. Com smbolos, voc cria um nico objeto e pode reutiliza-lo diversas vezes, sem afetar expressivamente o tamanho do arquivo.Os smbolos funcionam da seguinte maneira: voc cria um desenho qualquer no palco e o converte para um boto, por exemplo. Automaticamente este objeto se transforma em um smbolo, um smbolo de boto, para ser mais exato. Aps gerado, voc pode arrastar instncias de seu smbolo de boto para o palco, onde cada instncia apenas uma referncia ao objeto original, que est armazenado na Biblioteca em seu arquivo de autoria. admissvel inserir vrias instncias do seu smbolo sem afetar de maneira drstica o tamanho do arquivo.Um fator favorvel em relao aos smbolos a de que suas instncias no precisam ter a mesma aparncia e comportamento que a original. Cada instncia pode ter uma cor e um tamanho diferentes bem como oferecer diferentes funes interativas.Ao contrrio disto, se afetar a aparncia fsica de um smbolo, cada uma das instncias deste smbolo refletir suas alteraes.

Flash SmbolosSmbolosTipos de smbolosNo Flash, podem ser criados trs tipos de smbolos:Clipes de filmes (movie clips). So filmes independentes, ou seja, possuem sua prpria linha do tempo, assim, se a linha do tempo principal pra, a linha do tempo do clipe de filme pode continuar reproduzindo.Botes (buttons). Os botes so smbolos utilizados para que o usurio possa interagir com seu filme. So acrescentadas aes aos botes para que se possa controlar o filme de Flash.Imagens grficas (graphics). So imagens estveis ou inanimadas que so utilizadas vrias vezes em seu filme para compensar tamanho de arquivo.

Flash SmbolosSmbolosPara criar smbolosSempre que voc cria um smbolo ele automaticamente adicionado Biblioteca. Pode-se criar um smbolo utilizando o contedo do palco ou criar um smbolo vazio que posteriormente voc preenche com contedo.Criando um smbolo a partir do contedo do palcoSelecione os objetos que faro parte do smbolo;Clique no menu Modificar > Converter em smbolo, ou pressione a tecla F8;Na caixa de dilogo Converter em smbolo, defina um nome e um comportamento para o smbolo e pressione OK;O smbolo automaticamente adicionado Biblioteca.

Flash SmbolosSmbolosPara criar smbolosPara criar um smbolo vazioClique em Inserir > Novo smbolo ou pressione Ctrl + F8;Na caixa de dilogo Criar um novo smbolo, defina um nome e um comportamento e pressione OK;Voc colocado na edio de smbolo que consiste em um palco vazio;Utilize as ferramentas de desenho para criar seu smbolo;Quando terminar, a partir do menu Editar, escolha Editar documento;Seu smbolo adicionado automaticamente Biblioteca.

Flash SmbolosSmbolosEditando um smboloAo editar um smbolo, todas as suas instncias iro refletir as alteraes.Para editar um smboloAbra a Biblioteca;D um clique com o boto direito do mouse sobre o smbolo que quer editar;Clique em Editar. Faa as alteraes desejadas.Quando terminar, a partir do menu Editar, escolha Editar documento;As instncias de seu smbolo iro refletir as alteraes.

Flash SmbolosSmbolosEditando uma instnciaAo alterar uma instncia de um smbolo (movendo, redimensionando ou adicionando um efeito) isso no ir afetar o smbolo original nem as outras instncias.Para editar uma instnciaSelecione no palco a instncia que quer alterar;No menu Cor da Barra Propriedades escolha o efeito desejado:Nenhum. No aplica qualquer efeito na instncia;Brilho. Permite ajustar o brilho da instncia. Um valor em 100 torna a instncia branca. Um valor em 100 a torna preta;Tonalidade. Permite pintar uma instncia com a cor de sua escolha.Alfa (opacidade). Ajuste da transparncia. Um valor em 0% torna sua instncia completamente transparente. Um valor em 100% torna-a completamente opaca;Avanado. Permite ajustar simultaneamente tinta e transparncia. Faa os ajustes desejados e veja o resultado em tempo real sobre a instncia selecionada.

Flash BibliotecaBibliotecaA Biblioteca do Flash permite organizar de forma eficiente todos os smbolos, sons e mapas de bits utilizados em seu projeto de Flash. Funciona de forma semelhante a um gerenciador de arquivos de um sistema operacional, onde voc utiliza pastas para distribuir seus arquivos, do sistema e dos aplicativos.Para abrir a BibliotecaClique sobre o menu Janela, e aps clique na opo Biblioteca ou pressione a seqncia Ctrl + L;A Biblioteca aberta e exibir seu contedo (caso exista algum).

Flash BibliotecaBibliotecaIdentificando os itens da BibliotecaQuando voc cria um smbolo ou importa arquivos de som ou mapas de bits, estes objetos so adicionados sua Biblioteca de forma automtica. Para identificar cada elemento da Biblioteca utilizam-se cones que aparecem antes do nome do smbolo. Veja o quadro abaixo:

Flash BibliotecaBibliotecaIdentificando os itens da BibliotecaNa parte inferior da janela esto os seguintes elementos:

Flash BibliotecaBibliotecaCriando pastas na Biblioteca possvel criarmos novas pastas na Biblioteca para distribuir e organizar seus elementos.Para criar uma pastaClique no boto Nova pasta na parte inferior da janela Biblioteca;D um nome pasta. Este nome identificar o contedo que a pasta ir receber.Para expandir ou recolher uma pastaD um duplo clique sobre a pasta para expandir ou recolher a mesma.

Flash BibliotecaBibliotecaModificando os elementos da BibliotecaVoc pode mover um item da Biblioteca para dentro de uma pasta ou mover um item de uma pasta outra.Para mover um itemLocalize o elemento que quer mover (ele pode estar oculto dentro de uma pasta);Clique sobre ele e arraste at a pasta desejada. Em seguida, solte o boto.Para excluir um item da BibliotecaSelecione o item desejado voc pode excluir qualquer elemento da Biblioteca, inclusive pastas;Clique sobre o boto Excluir um pequeno cone de lixeira;Uma janela aparecer solicitando se quer ou no confirmar a excluso;Pressione o boto Excluir para confirmar a excluso.

Para renomear um itemD um duplo clique sobre o nome do item que quer renomear;Digite o novo nome. Quando terminar pressione a tecla Enter.

Flash - CamadasCamadasUm recurso muito utilizado em diversos programas grficos so as camadas. As camadas oferecem uma edio mais fcil e segura dos elementos que compem um filme.As camadas so muito empregadas principalmente em animaes. Caso seja sua vontade animar mais do que um objeto, melhor (e correto) adicionar cada animao em uma camada separada das demais, para que uma animao no acabe prejudicando a outra.

Flash - CamadasCamadasUtilize camadas principalmente para ordenar objetos. Se voc pensa, por exemplo, em inserir uma imagem que ser utilizada como um fundo, pense em coloca-la em sua prpria camada e esta ficar abaixo de todas as outras para que no oculte outros elementos no palco.Como parte da linha do tempo, as camadas so dispostas uma sobre as outras, numa forma de empilhamento. Os objetos que residem na camada superior sempre aparecero no palco acima dos objetos contidos nas camadas abaixo.Ao iniciar um novo projeto, aparecer sempre, como padro, uma nica camada (denominada Camada 1) com sua linha do tempo. A partir da voc pode criar novas camadas para inserir novos elementos no palco.

Flash - CamadasTrabalhando com camadasO Nmero de camadas na ir afetar o tamanho do arquivo, portanto, utilize quantas camadas forem necessrias.Para criar camadasA nova camada sempre aparece acima da camada atualmente selecionada;Clique sobre o boto Adicionar camada (um cone de +). Uma nova camada surgir.

Flash - CamadasTrabalhando com camadasPara excluir camadasSelecione a camada que quer excluir;Clique sobre o boto Excluir camada ( um pequeno cone de lixeira);A camada imediatamente excluda e todo o seu contedo.Dar nome s camadas conforme seu contedo facilitar a busca e organizao das mesmas.Para renomear uma camadaD um duplo clique sobre o nome da camada;Digite o novo nome e pressione a tecla Enter.

Flash - CamadasReordenando camadasReordenando as camadas, voc altera a ordem de como os objetos so visualizados no palco.Para reordenar camadasSelecione a camada desejada;Clique e arraste para cima ou para baixo at a posio desejada. Uma linha acinzentada indicar a nova posio da camada. Solte o boto.

Flash - CamadasReordenando camadasOs modos de camadasAs camadas do Flash possuem quatro modos ou estados que podem auxiliar no momento em que estiver produzindo o material para o seu filme de Flash. So eles:Modo atual. Apenas uma nica camada pode estar em seu modo atual. Qualquer objeto desenhado ou importado ser colocado nesta camada. Um cone de lpis indica qual a camada atualmente ativa.Modo oculto. Pode-se ocultar os elementos de uma ou mais camadas por um determinado perodo. Elementos de outra camada podem lhe atrapalhar visualmente. Para ocultar uma camada, clique sobre o primeiro ponto ( esquerda) que aparece junto ao nome da camada (acima deste ponto h um cone de olho). Um X vermelho indica que a camada est oculta.Modo bloqueado. Bloqueando uma camada, voc pode ver contedo dela mas no edita-lo, evitando qualquer alterao acidental. Clique sobre o ponto do meio acima h um cone de cadeado. Este mesmo cone sobre o ponto indica que a camada est bloqueada.Modo contorno. Neste modo, o contedo da camada aparecer apenas como contorno. Clique sobre o ponto mais a direita para alterar o modo de visualizao.

Flash - CenasCenasPodemos considerar as cenas como pginas de um documento ou slides de uma apresentao. Cada cena do Flash poder ter seu prprio contedo. Um nico filme poder conter qualquer nmero de cenas reproduzido na ordem em que foram colocadas.As cenas no exercem outra funo alm de ajudar voc a organizar o contedo do seu projeto. Podemos inserir, excluir, renomear e ordenar cenas durante o desenvolvimento do trabalho ou depois do trabalho concludo.O painel CenaAtravs do painel Cena pode-se executar as tarefas mencionadas acima como inserir, excluir, reordenar e renomear as cenas que constitui seu filme.Para acessar o painel SceneNo menu Modificar, clique em Cena;O painel Cena se abre.

Flash - CenasCenasPara inserir cenasNo menu Inserir clique em Cena;Uma nova cena aparece. Ela consiste em uma linha do tempo vazia semelhante a um novo documento.Alternando entre as cenasA partir do painel Cena basta clicar sobre o nome da cena desejada ou;Clique sobre o boto Editar Cena que se encontra na parte superior direita do vdeo.Aparecer um menu com o nome das cenas criadas;Clique sobre a cena desejada.

Para renomear cenasNo painel Cena, d um duplo clique sobre o nome da cena;Digite o novo nome e pressione Enter.

Flash - CenasCenasAlterando a ordem das cenasNo Painel Cena, clique sobre a cena desejada, pressione o boto esquerdo do mouse e arraste a cena at a nova posio; um pequeno trao indica a nova posio da cena;Solte o boto do mouse para finalizar o processo.Excluindo uma cenaNo painel Cena, selecione a cena que quer excluir;Clique sobre o boto Excluir Cena um pequeno cone de lixeira; uma caixa de alerta solicita a confirmao da excluso;Clique em OK para excluir.

Flash - AnimaoAnimaoAnimando sua mensagem, voc a torna muito mais poderosa e estimulante.A animao do Flash funciona da mesma maneira que uma pelcula que compe um filme. Composto de inmeros quadros enfileirados, cada quadro possui uma figura levemente modificada em relao anterior. Quando o filme reproduzido, ocorre a iluso de movimento.No Flash, esses quadros onde ocorrem as mudanas na aparncia do objeto so chamados de quadros chave (Keyframes) e podem conter qualquer nmero de smbolos ou imagens grficas.

Flash - AnimaoAnimaoOs mtodos de animaoQuadro a quadro Este mtodo envolve criar vrios quadros-chave, um seguido do outro. Cada quadro possui a mesma imagem ou uma imagem diferente, mas com uma leve alterao nos quadros posteriores.Animao de Interpolao Trata-se de uma animao mais eficiente, que utiliza, da forma mais simples, apenas dois quadros-chave; o primeiro, que contm a imagem grfica inicial e o segundo que contm a imagem grfica final. O Flash ento se encarrega de vincular uma imagem outra. Este mtodo requer menos memria.

Flash - AnimaoAnimaoOs mtodos de animaoNas animaes de Interpolao, voc pode definir se sua animao ser uma animao de movimento ou uma animao de forma.Movimento: apenas desloca o objeto de um ponto a outro no palco.Forma: consiste em transformar um objeto em outro.

Flash - AnimaoAnimaoA Linha do tempoA Linha do tempo o local onde se define a velocidade da animao e a posio dos quadros que sero utilizados. Cada camada possui sua prpria linha do tempo para que cada animao fique em uma camada separada.Na linha do tempo voc tambm encontra a Cabea de Reproduo. Quando seu filme reproduzido, a Cabea de reproduo se move, exibindo de forma seqencial o contedo dos quadros da linha do tempo.Voc tambm pode mover a cabea de reproduo de um lado para o outro e observa os elementos do palco serem animados.

Flash - AnimaoAnimaoOs QuadrosA Linha do tempo dividida em quadros e cada quadro recebe um nmero para identific-lo. Assim como nas pelculas de filmes, com os quadros realizamos as animaes e tambm configuramos de que modo e quando os objetos sero vistos no palco.Os tipos de quadrosExistem diferentes tipos de quadros para realizarem diferentes tarefas na execuo de um filme.Quadros vazios. So os quadros que aparecem na linha do tempo quando voc inicia um novo projeto. No so justamente quadros, mas espaos vazios espera de quadros.Quadros regulares (frames). Estes quadros sempre so precedidos por um quadro-chave. O contedo deste quadro-chave se repete pelos quadros regulares at que estes terminem ou at alcanar outro quadro-chave.Quadros-chave (Keyframes). So quadros especiais onde ocorrem as alteraes de contedo ou animao (movimento, forma ou cor) quando a cabea de reproduo atingir estes quadros.

Flash - AnimaoAnimaoPara inserir quadros regulares linha do tempoDesenhe um objeto qualquer no palco;Selecione o quadro 20 na linha do tempo;Clique em Inserir > Quadro ou pressione F5.Agora a imagem ser exibida do primeiro at o quadro 20.Para selecionar quadrosPara selecionar um quadro-chave clique uma vez sobre ele;Para selecionar uma seqncia de quadros regulares, posicione o cursor sobre a seqncia. Quando o ponteiro do mouse se transforma em um cone de mo, basta dar um clique.Para selecionar um quadro que est no meio de uma seqncia, pressione a tecla Ctrl e d um clique sobre o quadro desejado.Para inserir um quadro-chaveSelecione um quadro vazio ou um quadro regular;Clique em Inserir > Quadro - chave ou pressione a tecla F6.

Flash - AnimaoAnimaoPara excluir quadrosSelecione o quadro ou a seqncia de quadros que quer eliminar;Clique no menu Inserir > Remover quadros. Os quadros e o seu contedo sero removidos.Para mover quadrosPosicione o mouse sobre um intervalo de quadros. O ponteiro do mouse se transforma em uma mozinha;D um clique. Todo o intervalo de quadros estar selecionado;Em seguida segure o boto do mouse pressionado e mova os quadros para seu novo local. Voc pode inclusive mover os quadros para uma outra camada.Para copiar quadros e seu contedoSelecione o quadro ou intervalo de quadros que quer copiar;No menu Editar, clique em Copiar quadros;Selecione o quadro de destino. A partir deste quadro a cpia ser colada;No menu Editar, escolha Colar quadros.

Flash - AnimaoAnimaoAnimando...Utilizando as ferramentas de desenho e o que foi visto sobre quadros iremos desenvolver trs tipos de animao: quadro a quadro, Interpolao de movimento e Interpolao de forma.Criando uma animao quadro a quadroInicie um novo documento Arquivo > Novo;Selecione a ferramenta Texto; Digite no lado esquerdo do palco a letra M;Altere o tamanho da fonte para 46 e pinte com a cor desejada;

Flash - AnimaoAnimaoCriando uma animao quadro a quadro (cont)Selecione o quadro 2 na linha do tempo e selecione Inserir > Quadro - chave;Com a ferramenta Texto ativada, d um clique no lado direito da letra M para ativar o cursor de caracteres;Digite a letra A;Selecione o quadro 3 e insira um novo quadro-chave. Com a ferramenta Texto ativada clique no lado direito da letra A. Digite a letra C;Repita todos estes passos corretamente at completar a palavra MACROMEDIA;Quando terminar, teste seu filme.

Flash - AnimaoAnimaoCriando uma animao de FormaDesenhe um quadrado azul no quadro 1;Insira um quadro chave no quadro 40;Desenhe no quadro 40 um crculo vermelho;Selecione o quadro 1. A Barra Propriedades aparece como voc v abaixo:

No menu Interpolao selecione a opo Forma. Uma seta aparece de um quadro ao outro indicando que a animao est funcionando. O tom esverdeado dos quadros indica que uma animao de forma.

Flash - AnimaoAnimaoConfigurando a animao de formaCom a Barra Propriedades podemos alterar as configuraes da animao para obtermos resultados diferentes de transformao.

Na Barra Propriedades duas opes adicionais aparecem quando se seleciona animao de forma: Atenuao e Mesclar.Atenuao: se refere a acelerao e desacelerao da animao. Um valor em 100 far com que a animao se mova mais rapidamente no comeo e um valor em -100 far com que a animao se mova mais lentamente no comeo.Mesclar permite configurar a maneira como as curvas e cantos das formas so misturados.Distributivo para formas curvas e suaves.Angular melhor para formas com cantos agudos e lados retos.No campo Atenuao defina um valor em 100 e no campo Mesclar escolha Distributivo.Teste sua animao.

Flash - AnimaoAnimaoCriando uma animao de movimentoDesenhe um crculo de tamanho mdio no canto inferior esquerdo do palco com preenchimento vermelho e sem contorno;Selecione o quadro vazio no quadro 25 e escolha Inserir > Quadro;Selecione agora o quadro 1 com o boto direito do mouse e escolha Criar interpolao movimento. Este comando converte automaticamente seu desenho em um smbolo. Ele aparece na Biblioteca como Interpor 1;A linha do tempo mostra agora que existe uma interpolao de movimento, mas a linha tracejada indica que h um problema. A razo para isso que at agora, apenas o comeo da interpolao foi definido;

Mova a cabea de reproduo at o quadro 25. Selecione a ferramenta Seta e arraste o crculo at o meio do palco;Teste sua animao.

Flash - AnimaoAnimaoConfigurando a animao de movimentoCom a Barra Propriedades podemos alterar as configuraes da animao para obtermos resultados diferentes de movimento.No campo Atenuao coloque 100. Isso far com que a animao inicie rapidamente e ir desacelerar ao final da animao.Na opo Rotao defina CW (Sentido Horrio) e no campo ao lado digite 7. isso far com que o objeto gire sete vezes ao redor do seu eixo principal no sentido horrio;Teste seu filme.

Flash - AnimaoCriando um botoComo foi mencionado, atravs dos botes o usurio poder interagir com o filme, avanando cenas, voltando, parando filmes, ativando links, etc.Nesta etapa, criaremos um boto que altera sua cor quando o usurio move o ponteiro do mouse sobre ele.Criando um boto que muda de corInicie um novo documento;Crie uma nova camada com o nome de boto;Selecione o quadro 1 desta camada;Clique no menu Inserir > Novo smbolo;Digite bt_enter como nome do boto, marque a opo Boto no item Comportamento e pressione OK;

Flash - AnimaoCriando um botoA janela de edio de smbolos se abre, exibindo uma linha de tempo com uma camada. Esta linha de tempo diferente. Ela possui quatro rtulos (Para cima, Sobre, Para baixo e rea), os quatro estados do boto. Vamos descrev-los:Para cima o estado do boto quando ele estiver no palco (seu estado natural);Sobre - estado do boto quando o ponteiro do mouse se posiciona sobre ele;Para baixo estado que ativado quando o usurio clica sobre o boto;rea define a rea do boto que corresponder aos movimentos e cliques do mouse. O contedo deste quadro invisvel, apenas delimitando a rea ativa do boto.

Flash - AnimaoCriando um botoDesenhe um crculo de preenchimento verde sem contorno;Para centralizar o boto no meio do palco, selecione-o e clique no menu Janela > Alinhar. Marque a opo No palco. Em seguida, clique nos botes Alinhar centro horizontalmente e Alinhar centro verticalmente. O crculo se posicionar no meio do palco;Somente o primeiro quadro da linha de tempo, rotulado Para cima, tem um quadro-chave. Vamos inserir quadros-chave nos outros estados de boto;Selecione o quadro rotulado Sobre e pressione F6 para inserir um quadro-chave. Repita este processo para os outros dois quadros;Em seguida, posicione a cabea de reproduo sobre o quadro Sobre. Selecione o crculo no palco e pinte-o com preenchimento azul;

Flash - AnimaoCriando um botoMova novamente a cabea de reproduo at o quadro Para baixo. Pinte o crculo que est no palco de vermelho;Para sair da edio do boto Clique sobre Editar > Editar documento. Seu boto est pronto;Abra a Biblioteca e arraste o smbolo de boto para o palco;Teste seu boto pressionando Ctrl + Enter.

Flash - AnimaoAdicionando sons aos estados do botoD um duplo clique sobre o boto que est no palco para editar o boto;Crie uma nova camada nomeada Sound;Nesta camada, crie um quadro-chave em cada estgio do boto;Na camada Sound, selecione o quadro Sobre;Selecione o som Sound Over e arraste-o para o palco. O som adicionado ao quadro Sobre;

Flash - AnimaoAdicionando sons aos estados do botoEm seguida selecione o quadro Para cima;Clique e arraste da Biblioteca o som Sound Down;

Clique em Editar > Editar Documento para sair da edio de smbolo. Teste seu filme. Ao posicionar o mouse sobre o boto, Sound Over ser reproduzido e ao clica-lo Sound Down ser executado.

Flash - AnimaoCriando animaes com Camadas de Guia de MovimentoQuando voc cria uma animao de movimento que consiste em um objeto movendo-se de um ponto outro do palco, este seguir sempre em linha reta.Atravs das guias de movimento voc tem a capacidade de criar movimentos ao longo de um caminho. Com as guias voc literalmente desenha o trajeto o qual a animao seguir. Poder, por exemplo, fazer com que uma bola saia pulando ao invs de rolar em um caminho plano.

Flash - AnimaoCriando animaes com Camadas de Guia de MovimentoPara criar uma camada de Guia de MovimentoClique no cone Adicionar guia de movimento. Isso adiciona uma camada de guia de movimento acima da camada de animao;O nome da camada com nossa animao recuado. Isso significa que esta camada est vinculada camada de guia de movimento;Selecione a camada de guia de movimento;Com a ferramenta Lpis desenhe uma linha curva como mostra a figura. Configure o lpis como Suavizar na paleta Opes antes de desenhar;

Flash - AnimaoCriando animaes com Camadas de Guia de Movimento

Teste seu filme. O quadrado segue a trajetria desenhada por voc.

Flash - AnimaoCriando animaes com Camadas de Guia de MovimentoMovendo o ponto inicial e final de uma animao de movimento ao longo de um caminhoDependendo do projeto, a animao pode no percorrer todo o caminho. Neste caso, temos que configurar o ponto inicial e final da animao.Tranque a camada de guia de movimento;Coloque a cabea de reproduo no quadro 1, onde inicia a animao;Selecione a ferramenta Seta e arraste o quadrado para o incio do caminho que voc desenhou; O objeto ser atrado at o incio da linha;Coloque agora a cabea de reproduo no quadro final;Arraste o quadrado at o final da linha que voc desenhou;Mova a cabea de reproduo de um lado para outro e veja a animao.

Flash - AnimaoCamadas de MscaraAs camadas de mscara produzem efeitos de animao muito atraentes e reveladores. Esta camada permite ocultar reas e exibir outras que fazem parte do seu projeto.Utilizando um elemento grfico (um quadrado ou um crculo) pode-se ocultar uma rea da imagem permanentemente ou animar este elemento, ocultando a imagem por alguns instantes.As camadas de mscaras trabalham da mesma maneira que as camadas de guia de movimento. Uma camada ser determinada com mscara e as camadas vinculadas ela sero as camadas mascaradas.Como criar uma camada de mscaraCrie uma animao fazendo com que o avio passe em frente janela;Teste seu filme;O avio passa na frente da janela. Faremos com que o avio aparea apenas pela abertura desta janela;Em seguida criaremos a camada de mscara. Crie uma nova camada denominada Mscara;Nesta mesma camada, desenhe um retngulo sem contorno com uma cor qualquer que preencha exatamente a abertura da janela;

Flash - AnimaoCamadas de Mscara

Vamos agora configurar esta camada como mscara. D um duplo clique sobre o cone que aparece no lado esquerdo do nome da camada Mscara; A janela Propriedades da camada se abre;

Flash - AnimaoCamadas de MscaraNesta janela, marque a opo Mscara e d um OK; O cone da camada agora tem a aparncia de uma seta;Em seguida, iremos vincular a camada do avio com a camada da mscara. Para isso d um duplo clique sobre o cone da camada Avio. A janela Propriedades da camada aparece;Marque a opo Mascarada e d um OK;Teste seu filme.O avio aparece apenas na abertura da janela, ou seja, o local onde foi colocado o elemento mascarador.

FlashInteratividadeA interatividade permite que os usurios possam interferir em sua pgina controlando o filme da maneira desejada, reproduzindo, mudando a aparncia, inserindo dados em um formulrio, etc.Para que a interatividade funcione, so necessrios eventos que iro desencadear aes. A ao desencadeada pelo evento e o alvo que ser afetado pelo evento.EventosPara que uma ao do Flash seja desencadeada, necessrio um evento que realize isso. Os eventos podem ser eventos de mouse, de teclado ou eventos de quadro.

FlashInteratividadeEventos de mouseOs eventos de mouse ocorrem quando o usurio interage com os botes em seu filme. Nos botes, as aes podem ser realizadas de diversas maneiras. Destacamos as mais importantes:Pressionar. A ao desencadeada quando o usurio move o ponteiro sobre o boto de um filme e pressiona o boto do mouse.Soltar. A ao desencadeada quando o usurio move o ponteiro sobre o boto de um filme, clica e solta o boto do mouse (evento padro).Liberar fora. A ao desencadeada quando o usurio pressiona o boto mas o solta o mouse longe do boto.Rolar sobre. A ao ocorre quando o usurio move o ponteiro sobre o boto de um filme.Rolar fora. A ao ocorre quando o usurio move o ponteiro para fora do boto.

FlashInteratividadeEventos de tecladoOcorrem quando o usurio pressionar uma tecla. Os eventos de teclado esto sempre associados a instncias de botes.Os botes so necessrios, mas eles no precisam aparecer no filme exportado. Simplesmente coloque os botes fora da rea do palco.Eventos de quadroOs eventos de quadro ocorrem quando a cabea de reproduo atinge um quadro-chave que possui uma ao anexada. Os quadros com aes so identificados por um pequeno a inserido no quadro.

FlashInteratividadeConfigurando um evento de mouseCrie um boto Boto 1.Clique com o boto direito do mouse sobre o Boto 1 e aps clique em Aes.A janela Aes se abrir (esta janela ser explicada em detalhes mais adiante);No painel de aes, direita, selecione on (release). Nos parmetros acima aparecero os eventos de mouse disponveis;

FlashInteratividadeConfigurando um evento de mouse

Desmarque Soltar e selecione Rolar sobre;Quando terminar, pressione Ctrl + Enter para testar os botes.

Documents

Aula Flash