O ambiente Flash Desenhando com o Flash Nveis de objetos Animaes Links interessantes 1) O ambiene Flash a) !presena"#o O Macromedia Flash uma poderosa erramenta para cria!o de apresentaes multimdia interativa de alto impacto" #or $erar ar%uivos de tamanho redu&ido' torna(se ideal para uso na )*+, n!o sendo menos eiciente para uso em outras mdias' como -D(.OM" -omearemos apresentando a interace do Macromedia Flash /" -omo %uase todos os aplicativos do )indo0s' ele possui uma barra de ttulos se$uida lo$o abai1o por uma barra de menus' onde temos todas as opes de controle e comando do sot0are" Na barra de erramenta padr!o encontramos atalhos para os comandos mais usados" A es%uerda ica a cai1a de erramentas de cria!o $r2ica" Abai1o da barra de erramentas icam as camadas e a cabea de reprodu!o %ue est2 posicionada na r$ua' %ue chamaremos de linha do tempo" Na linha do tempo temos os %uadros' onde dispomos o conte3do" A 2rea de trabalho ou sta$e o lu$ar onde vamos desenvolver nossos ilmes" *1istem tambm os painis %ue nos ornecem r2pido acesso 4s propriedades e coni$uraes dos elementos do ilme" 52 botes no canto direito inerior %ue nos permite acessar rapidamente os painis" A cai1a de controle de visuali&a!o nos permite determinar o tamanho %ue o sta$e apresentado" $) %esenhando com o Flash a) Formas bsicas -omearemos por elementos simples 6 oval' ret7n$ulo e linha" #ara criar uma oval por e1emplo' cli%ue na erramenta 8oval9 da cai1a de erramentas' v2 at a 2rea de trabalho ' cli%ue e arraste se$urando o bot!o es%uerdo do mouse" #roceda de mesma orma para criar um ret7n$ulo ou uma linha" :oc; pode tambm escolher previamente as cores da i$ura a ser desenhada" #or e1emplo' selecione a erramenta 8oval9 na cai1a de erramentas' em se$uida selecione uma cor na se!o 8cores9' uma para contorno e outra para preenchimento" Al$umas erramentas apresentam opes adicionais' %uando voc; seleciona a erramenta 8ret7n$ulo9' note %ue na se!o 8opes9 aparece um controle %ue permite voc; ajustar o arredondamento dos cantos do ret7n$ulo" <uanto maior o valor ' maior ser2 o canto arredondado" Ap=s ter criados os objetos' voc; poder2 alterar o atributo dos mesmos" #ara alterar o preenchimento' cli%ue na erramenta 8lata de tinta9' escolha a cor de preenchimento e cli%ue no interior do objeto" :oc; pode tambm preencher objetos %ue n!o estejam completamente echados' para isso selecione a erramenta 8lata de tinta9' v2 at a se!o 8opes9 e selecione a op!o 8tamanho da lacuna9' escolha o tamanho de lacuna >nenhum' pe%uena' mdia' $rande?' v2 at o objeto e aa o preenchimento" #ara alterar atributos de contorno' selecione a erramenta 8tinteiro9 da cai1a de erramentas' v2 at a se!o 8cores9 e selecione a cor do contorno' volte no objeto e cli%ue no seu contorno" #ara mudar outros atributos do contorno' v2 na barra de menu' cli%ue em janelas' painis' traos" :oc; poder2 alterar o estilo e tamanho do contorno" :olte no objeto e cli%ue no seu contorno para aplicar" b) gradiene -om a erramenta 8balde de tinta9' voc; pode criar preenchimentos com uma ou mais cores' o %ue chamamos de $radiente" #ara aplicar um $radiente a um objeto' voc; seleciona a erramenta 8balde de tinta9 e na se!o 8cores9 escolhe as opes de cor %ue est!o na parte inerior da paleta' em se$uida cli%ue sobre o objeto" c) &erramena lpis #ara criar traados utili&e a erramenta 8l2pis9" Na se!o 8opes9 note %ue h2 tr;s tipos de traado6 acertar' suavi&ar' tinta" A op!o acertar permite %ue voc; aa traados retos' j2 na op!o suavi&ar o Flash suavi&a seus traados permitindo a&er curvas suaves" -om a op!o tinta' o Flash mantm seus traados de acordo com o %ue voc; e&" d) &erramena pincel A erramenta 8pincel9 permite criar ormas e1atamente como um pincel real" Na se!o 8opes9 selecionando o controle 8tamanho do pincel9 podemos selecionar o tamanho do pincel" #odemos tambm alterar o estilo do pincel no controle 8ormato do pincel9" A erramenta 8pincel9 possui v2rios modos de pintura' na se!o 8opes9 atravs do bot!o 8tipo de pincel9 voc; pode escolher6 pintar normal @ preenche todas as 2reas onde or aplicado' pintar preenchimentos @ atua somente sobre os preenchimentos i$norando os contornos' pintar atr2s @ pinta por tr2s dos objetos' pintar sele!o @ pinta somente a 2rea selecionada previamente' pintar dentro @ pinta somente a 2rea onde voc; comeou a pintar" e) canea b'(ier #ara desenhar com maior precis!o o Flash / incluiu a erramenta 8caneta b&ier9' com ela voc; pode controlar 7n$ulos e curvaturas dos objetos %ue desenhar" #ara traar linhas retas' simplesmente seleciona a erramenta8caneta9' cli%ue no ponto inicial e v2 clicando em outros pontos sem manter o bot!o do mouse pressionado' para inali&ar a cria!o do objeto selecione a erramenta 8seta9" A2 para criar se$mentos curvos' cli%ue a arraste com o bot!o es%uerdo do mouse pressionado" :oc; pode intercalar se$mentos curvos e se$mentos retos" &) &erramena borracha A erramenta 8borracha9 apresenta v2rios modos' na se!o 8opes9 atravs do bot!o 8ormato de borracha9 escolha uma das opes6 apa$ar normal @ apa$a tudo onde or aplicada' apa$ar preenchimentos @ apa$a apenas os preenchimentos i$norando os contornos' apa$ar linhas @ apa$a somente os contornos i$norando os preenchimentos' apa$ar preenchimentos selecionados @ apa$a 2reas previamente selecionadas' apa$ar dentro @ apa$a apenas dentro do objeto onde comeou a apa$ar" A$ora vamos alar sobre o interessante recurso da erramenta 8borracha9' a op!o 8torneira9' ela apa$a 2reas inteiras com a mesma cor" #ossui tambm o modiicador 8ormato da borracha9' onde voc; pode escolher v2rios estilos e tamanhos da borracha" g) &erramena sele"#o :oc; pode selecionar objetos usando as erramentas 8seta9 ou 8lao9 h) cona goas Bua un!o selecionar uma cor 'estilo ou mesmo uma te1tura de bitmap para %ue voc; possa aplicar em outros objetos" i) &erramena e)o A erramenta 8te1to9 do Flash similar a de outros pro$ramas $r2icos" -om o Flash voc; pode criar blocos de te1to com lar$ura i1a ou vari2vel' alm de campo de te1to edit2veis" #ara criar blocos de te1to com lar$ura vari2vel' selecione a erramenta 8te1to9 e cli%ue sobre a 2rea de trabalho e comece a escrever' note %ue o te1to e1pande 4 medida %ue voc; di$ita" #ara uma nova linha tecle enter" #ara criar blocos de te1to de lar$ura i1a' cli%ue na erramenta 8te1to9' cli%ue na 2rea de trabalho e arraste para a direita at atin$ir o tamanho necess2rio" O te1to ir2 respeitar o tamanho deinido" *) escala e roa"#o :amos ver a$ora como aplicar al$umas alteraes nos objetos" #ara poder utili&ar o modiicador 8$irar9 verii%ue se a erramenta 8seta9 est2 selecionada' cli%ue sobre o elemento e v2 at a se!o 8opes9 e cli%ue no modiicador 8$irar9' note %ue apareceram oito alas em torno do objeto" As alas dos cantos servem para rotacionar o objeto e as alas internas servem para inclinar o objeto" :oc; pode tambm alterar o tamanho do objeto atravs do modiicador 8dimensionar9" +) ,-veis de ob*eos a) segmenando e agrupando :oc; pode conectar ou se$mentar objetos simplesmente sobrepondo(os" Be objetos orem da mesma cor' por e1emplo' ao junt2(los o Flash automaticamente os conecta' transormando duas i$uras em uma s=" Be as ima$ens juntadas orem de cores dierentes' o Flash remove a parte sobreposta da ima$em' isso serve para dar eeitos interessantes' porm pode se tornar um empecilho" #ara se evitar a uni!o ou e1tra!o entre objetos' voc; deve a$rup2(los" <uando se a$rupas objetos o Flash passa a trat2(los como um 3nico objeto" #ara a$rup2(los selecione com uma das erramentas de sele!o' v2 ao menu 8modiicar9 e selecione a op!o 8a$rupar9' ou simplesmente 8control C $9" Note %ue a$ora n!o haver2 nenhuma altera!o %uando sobrepormos os objetos" #ara editarmos o conte3do de um $rupo' simplesmente damos um duplo cli%ue sobre o $rupo' e para sair da edi!o' damos um duplo cli%ue ora do $rupo" b) n-veis de ob*eos <uando voc; cria $rupos de objetos' este ocupar2 uma posi!o especial na 2rea de trabalho' chamada nvel do overlaD' sendo assim ele sempre ir2 sobrepor os objetos %ue estiverem na 2rea de trabalho e tambm os outros $rupos criados anteriormente" #ara alterar a posi!o dos $rupos' temos as opes no menu 8modiicar9 E 8or$ani&ar9 6 tra&er para rente' tra&er um nvel para rente' enviar um nvel para tr2s' enviar para tr2s" c) ungroup .desagrupando) Ap=s ter a$rupado objetos' podemos acilmente desa$rup2(los' tornando(os novamente objetos do nvel 2rea de trabalho" #ara desa$rupar o objeto' v2 ao menu 8modiicar9 e escolha a op!o 8desa$rupar9' ou simplesmente 8control C shit C $9" d) s-mbolos A$ora vamos conhecer os smbolos" Bmbolos s!o objetos %ue depois de criados poder!o ser reutili&ados em %ual%uer parte do ilme" Fsando smbolos conse$uimos trabalhar de maneira mais or$ani&ada ao mesmo tempo em %ue otimi&amos o tamanho do ar%uivo' isto por%ue independente do n3mero de c=pias %ue voc; utili&ar do mesmo smbolo' o Flash arma&enar2 somente o smbolo ori$inal" #ara criar um smbolo a partir da 2rea de trabalho' selecione o objeto' v2 ao menu 8inserir9 e escolha a op!o 8converter em smbolo9' ou simplesmente8FG9" Bur$ir2 uma cai1a de di2lo$o 8propriedades do smbolo9' onde poderemos dar um nome ao smbolo na se!o 8nome9 e atribuir %ue tipo de comportamento nosso smbolo ter2 na se!o 8comportamento96 $r2ico @ utili&e para ima$ens est2ticas ou para criar animaes %ue estejam vinculadas a linha do tempo do ilme principal, controles interativos e sons n!o uncionam com esse tipo de smbolo' bot!o @ smbolos %ue respondem aos eventos do mouse' clipe de ilme @ para ilmes com linha do tempo independente da linha do tempo do ilme principal" Ap=s ter criado um smbolo' o Flash automaticamente o inclu na biblioteca" /) !nima"0es a) con&igurando o &ilme A primeira %ue coisa %ue devemos a&er ao iniciar um novo projeto deinir as propriedades do nosso ilme' para isso v2 ao menu 8modiicar9 e escolha a op!o 8ilme9 >control C m?" *m 8ta1a de %uadros9 deinimos a reprodu!o do nosso ilme' o padr!o s!o HI %uadros por se$undo" *m 8dimenses9 deinimos a lar$ura e altura do ilme" *m 8corresponder9 6 impressora @ ajusta o tamanho do ilme para o tamanho de papel padr!o da sua impressora' conte3do @ ajusta o tamanho do ilme de acordo com o conte3do da 2rea de trabalho" *m 8cor de undo9 selecionamos a cor de undo para o ilme" *m 8unidades de r$ua9 deinimos a unidade de medida %ue ser2 usada no ilme" b) anima"#o quadro a quadro e inerpola"#o A$ora %ue j2 sabemos o %ue s!o smbolos' che$ou a hora da nossa primeira anima!o" O princpio de anima!o no Flash o mesmo dos ilmes convencionais' onde h2 uma sucess!o de %uadros" -ada %uadro apresenta uma leve dierena em rela!o ao anterior e %uando e1ibidos de maneira sucessiva nos causa a sensa!o de movimento" No lash utili&amos a linha do tempo para or$ani&ar os %uadros de uma anima!o" <uando criamos uma anima!o' Flash deine 8%uadros chaves9' %ue s!o os %uadros onde ocorrem as alteraes de anima!o" Jemos dois mtodos de criar animaes no Flash' 8%uadro a %uadro9 e 8t0eenin$ >interpola!o?9" No mtodo %uadro a %uadro voc; deine manualmente cada %uadro da anima!o" No mtodo interpola!o voc; deine o primeiro e o 3ltimo %uadro e o Flash calcula os %uadros intermedi2rios" c) r1ulos e comenrios #ara acilitar a identiica!o de %uadros(chaves na linha do tempo utili&amos r=tulos ou coment2rios" Kma$ine um bot!o ao ser clicado direcione o ilme para o %uadro LM' posteriormente voc; adiciona ou remove al$uns %uadros' a&endo com %ue o conte3do do %uadro LM passe para outro %uadro" <uando acionarmos o bot!o ele ainda direcionar2 o ilme para o %uadro LM' o %ue n!o mais o %ue %ueremos" *sse problema se resolve com o uso de r=tulos" #ara rotular %uadro( chave' selecione(o e abra o painel 8rame9 e di$ite o nome do r=tulo na se!o 8r=tulo9" Aparece sobre o %uadro(chave uma bandeira vermelha se$uida do nome do r=tulo' se voc; adiciona ou remove %uadro(chave o r=tulo move(se junto com o %uadro ao %ual ele oi ori$inalmente aplicado" #odemos a$ora usar o r=tulo como reer;ncia" #odemos tambm adicionar coment2rios aos %uadros' o processo o mesmo do r=tulo' porm adicionando duas barras >NN? antes do coment2rio" O coment2rio identiicado por duas barras verdes" 5) 2in3s ineressanes O aplicativo Flash possui in3meros recursos %ue devem ser mais bem estudados" ( 000"lash(brasil"com"br ( 000"sock0ave"com ( 000"macromedia"com ( 000"lashkit"com ( 000"imasters"com"b