Mini Curso de Flash 5

Programa, o que voc ir aprender:

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