Tutorial Tirado do Site www.baboo.com.

br
Transformado Em PDF Por: Joais Buriti do Nascimento
30/07/04

Tutorial de
Macromedia
Flash

Tutorial Tirado do Site www.baboo.com.br

Transformado Em PDF Por: Joais Buriti do Nascimento
30/07/04

O que h de novo Flash MX 2004

Estudo de camadas no Flash
Som no Flash
Linha guia
Cursor personalizado
Painel propriedades
Fazendo download de animaes Flash
Criando Efeitos Fade-In/Out em texto com o SWiSH
Integrando Freehand ao Flash
Integrando Fireworks ao Flash
Macromedia Extension Manager
Integrando Flash com Dreamweaver
Componentes do Flash MX
Cenas no Flash MX
Otimizando arquivos
Painel Tools

O que h de novo Flash MX 2004

O que veremos neste tutorial?
Neste tutorial veremos o que h de novo na nova verso do Flash MX, que j
muito comentada entre os profissionais que trabalham com este maravilhoso
software da Macromedia. Veremos as principais mudanas em relao a verso
anterior - MX apenas - e tambm alguns recursos que so novos, exclusivos da
verso 2004. Ao final, uma concluso sobre o software.
Conhecendo o programa
Baixe a verso Trial do site da Macromedia e instale em seu PC. Aps a
instalao, abra o software clicando em seu cone e veja que o Flash mostrar a
seguinte tela:

Esta tela nos pergunta se j temos um nmero serial vlido ou se queremos

experimentar o software, opo que ser utilizada neste tutorial! Selecione a opo
e clique em Continue para que o Flash MX 2004 Professional seja carregado.
Quem j conhece ou trabalha com o programa, notar logo de cara uma mudana pra melhor inclusive - nesta verso, o painel mostrado abaixo:

Com este painel podemos escolher entre abrir um documento recente, criar um
novo ou ainda criar um novo arquivo atravs de um modelo. Para conhecermos
melhor o painel e as novas opes, clique em Photo Slideshows:

Ao clicarmos na opo desejada, uma janela aberta nos fornecendo duas

opes: General (geral) ou Templates (modelos). Clique primeiro em General para
conhecer:

Agora clique em Templates e perceba a diferena:

Note que na opo Templates o Flash nos fornece alm da descrio, uma prvia
do arquivo modelo que estamos escolhendo. Clique em OK e esquea um pouco
agora os templates e vamos ver o que h de novo no painel de ferramentas:

Como voc pode notar, a diferena deste painel de ferramentas para o da verso
anterior a aparncia, que mudou para melhor com toda a certeza! Alm disso,
nossa rea de trabalho tambm foi modificada, deixando-nos mais vontade e
poupando tempo. Uma das mudanas foi quanto aos documentos abertos, que
agora ficam como uma espcie de ficha no topo da tela, bastando clicar no
documento desejado para mudar:

Trabalhando com novos recursos

O Flash MX 2004 (conforme j vimos) trouxe uma srie de mudanas em termos
de aparncia mas engana-se quem pensa que parou por a. Inteligentemente, a
Macromedia modificou muita coisa em termos de recursos, preocupando-se
principalmente com o fato de poupar o mximo de tempo possvel do
desenvolvedor. Prova disso so os efeitos que podem ser aplicados com um clique
atravs do menu que exibido com o clique direito do mouse:

Lembra-se daquele efeito de Blur que voc demorava alguns minutos pra executar,
utilizando vrias camadas e frames? Pois , agora possvel executar esse Blur
com um clique e configurar suas propriedades:

Esta janela de edio do efeito aberta logo aps aplicarmos o efeito em uma
camada ou objeto, basta configurar e clicar em OK. O Flash far tudo por voc:

Veja os frames com o efeito que o prprio Flash criou! Achou que o efeito de Blur
no o bastante? Ento que tal por exemplo, poder aplicar a ao para arrastar
um Movie Clip com um clique, dispensando o painel de aes? Aqui est:

Este painel Behavior - tambm presente no Dreamweaver - foi uma tima idia da
Macromedia pois rene algumas das princiipais funes utilizadas pelos
desenvolvedores - e que agora esto disponveis com apenas um clicar de mouse!
Ao aplicar um comportamento em um Movie Clip por exemplo, o Flash exibe a
janela para que o Movie Clip seja indicado:

Percebeu como tudo ficou muito mais fcil, poupando muito trabalho? Basta indicar
o Movie Clip e clicar em OK para que o comportamento seja aplicado:

Alm disso, possvel modificar o evento que acionar o comportamento, assim

como feito no Dreamweaver. Ainda falando sobre comportamentos, para qu
perder tempo escrevendo aes para sons se temos isso - mais uma vez - a um
clique do mouse? Veja:

Extremamente fcil no ? Mas prepare-se por que isso ainda no tudo que h
de novo (ainda bem!): no podemos deixar de falar dos Components, aqueles
componentes que foram utilizados pela primeira vez no Flash MX. S que desta
vez eles esto ainda melhores e separados por reas:

Para agradar Gregos e Troianos, o Flash MX 2004 oferece componentes para

todos os gostos! Clique em Data Components e veja a lista:

Com componentes prontos fica ainda mais fcil trabalhar com dados! Agora clique
em Media Components:
10

Quer controlar um vdeo inserido no Flash? Basta utilizar um Componente

prontinho! Agora, clique em UI Components e veja a "pequena" lista:

Emocionante no mesmo? Veja o nmero de componentes que podemos utilizar,

desde formulrios at insero um calendrio feito em XML:

11

Ah, voc quer editar as propriedades deste calendrio para deix-lo exclusivo ou
para que ele se adapte s suas necessidades? Sem problemas, basta utilizar o
Component Inspector para isso:

Agora s mudar aquilo que no lhe agrada !

Finalizando o Tour
J vimos muita coisa nova nesta verso mas ainda no tudo! No poderia deixar
de mencionar as mudanas de um painel extremamente importante para quem
trabalha com Flash: O painel de aes! Com um visual um pouco diferente e ainda
mais funcional, com certeza uma das melhorias que mais me agrada:

12

Perceba o nmero de aes disponveis para utilizao - todas divididas

perfeitamente em sees. Como se no bastasse, temos ainda uma indicao da
cena e seleo que estamos aplicando a ao! S pra voc ter uma idia do
nmero de aes disponveis:

Incrivel, no ? :) ... Agora, de que adiantaria tantas mudanas se na hora de

publicarmos nosso trabalho no pudessemos configur-lo perfeitamente? Este
um trabalho para o Publish Settings que foi reformulado:

13

Alm da aparncia nova, temos novas opes para configurao e otimizao:

14

Note que podemos inclusive setar a verso do ActioScript! Configuraes HTML

que no faltam:

15

Deu pra perceber que melhorou bastante! Mas um software bom no pode deixar
de ter um Help digno no mesmo? Pensando nisso, a Macromedia elaborou um
dos Helps mais eficazes j vistos, totalmente intuitivo:

16

Voc pode conferir sobre as tarefas comuns, utilizar a opo How Do I... (Como eu
fao para...) e atualizar seu Help entre outras opes.
Deja v
Deixei esta novidade especialmente para o final do tutorial, pois bastante
interessante. Veja a imagem abaixo:

Voc j viu isso antes ou ento este layout no te lembra algo? Pois , parece que
a Macromedia - percebendo que o Flash faz sucesso em apresentaes, graas a
sua interatividade - resolveu investir na rea de apresentaes. Com uma
aparncia que se assemelha ao PowerPoint, o usurio pode adicionar e remover
Slides, adicionar interaes com usurios, utilizar XML, componentes e vrias
outras opes que tornam a apresentao no mnimo interessante! dar tempo ao
tempo pra ver se essa investida "pega".
Concluso
claro que ainda muito cedo para avaliar o software completamente e dizer se
ele bom ou ruim. Pelo que pude notar, o Flash MX 2004 traz recursos muito
interessantes e teis aos desenvolvedores, principalmente quando o assunto
poupar tempo! Demora um pouco at que o usurio se familiarize com tudo o que
novo mas isso no ser problema para a grande maioria! Alguns tpicos
interessantes:
- Para a tristeza de muitos, no foi desta vez que foi includo um recurso 3D ao
software - e a meu ver ser muito difcil disso acontecer, j que de acordo com a
Macromedia existem outros softwares no mercado que fazem esse trabalho muito
bem, exportando um formato compatvel com o Flash. Mas como a esperana a
ltima que morre, fica a a expectativa - afinal a Macromedia j resolveu investir no
segmento de apresentaes (dominado pelo PowerPoint) e para a linha de vdeo...
- Um dos problemas que pude perceber ao utilizar a nova verso: pesado
demais! Rodando num Athlon XP 2000+ com 512DDR, o software "pede gua"
muitas vezes, principalmente quando trabalhamos com vdeo, testamos a cena ou
17

ainda quando trabalhamos com os novos efeitos da linha de tempo. uma pena, j
que a verso MX (6.0) era to leve.
Mas afinal, o Upgrade vale a pena? Bom, se voc tem um PC "generoso" e utiliza
muito o Flash, com certeza o Upgrade vale a pena, j que muito trabalho
poupado. Porm, se seu PC um pouco mais modesto ou ento se seu trabalho
com Flash resume-se animaes simples, melhor ficar com a verso MX
mesmo, pelo menos por enquanto.

Estudo de camadas no Flash

As camadas so indispensveis para o Flash pois com elas podemos organizar
melhor nosso projeto e utilizar efeitos. Neste tutorial veremos um pouco sobre
Camadas no Flash, como trabalhar com uma camada e quais so suas opes de
edio e visualizao.
Entendendo as camadas
Essa a visualizao que temos das camadas no Flash:

Pelo que se pode ver, temos vrias opes e dentre elas o nome da camada que
pode ser trocado:

Basta dar um duplo clique no nome e alter-lo. Quando precisarmos criar uma
nova camada, basta clicar no boto indicado abaixo:

A outra camada criada com o nome padro de Camada 2, seguindo a

numerao:
18

Para deletar uma camada, primeiro selecione-a e logo em seguida clique no boto
da lixeira:

importante ressaltar que o Flash no pede a confirmao para que a camada

seja deletada - portanto tenha cuidado !
Camada Guia
O Flash possui um tipo de camada chamada Guia que permite que utilizemos uma
linha como guia para smbolos e objetos em geral. Para criar uma camada guia,
simplesmente clique no boto indicado:

Desta forma a camada criada e possui uma aparncia um pouco diferente:

Como indicao, em seu nome sempre temos: Guia: Nome da Camada.

Agrupando camadas em Pastas
Esta opo muito interessante quando temos um projeto com diversas camadas,
dificultando o trabalho j que a lista grande. Para facilitar na organizao, o Flash
possui a possibilidade de colocarmos uma ou mais camadas dentro de uma pasta,
clicando no cone:
19

A Pasta criada:

Para colocar uma camada dentro da pasta, simplesmente clique na camada e

arraste-a para dentro da pasta:

Desta forma a organizao maior, facilitando o trabalho.

Opes de visualizao e travamento
Quando estamos trabalhando com uma camada, um cone de Lpis exibido para
indicar que aquela camada est sendo editada:

Temos a opo de ocultar a visualizao de uma camada e isso feito geralmente

quando se quer ver o contedo das camadas que esto abaixo. Veja um exemplo
aonde a camada que est sendo editada possui um objeto no palco:

20

Para ocultar a visualizao deste objeto basta clicar no local indicado:

E pronto, o objeto est ocultado! H casos ainda em que queremos que o contedo
de uma camada seja travado, ou seja, no possa sofrer modificaes. Basta clicar
no local indicado:

Desta forma o objeto no ser modificada ao menos que a camada seja

destravada.
Outras opes
Quando se tem vrias camadas, fica difcil saber qual o contedo de cada uma
delas j que est tudo misturado no palco. justamente por isso que existe a
opo de visualizao em aramado. Veja um exemplo:
21

O objeto foi exibido em uma determinada cor, facilitando sua distino do restante
dos objetos. Para definir a cor do contorno, d um duplo clique no local indicado
acima para que a janela seja aberta:

Agora s definir a cor do contorno desejada. Perceba ainda que outras opes
podem ser modificadas, desde nome at o tipo e altura da camada!
Som no Flash MX
Quando comeamos a mexer com o Flash, desejamos aprimorar os nossos
projetos utilizando som. Neste tutorial aprenderemos a construir um controlador de
som - Play e Stop - para um MP3 da Biblioteca do Flash!
Construindo o controlador
Faa o desenhe do que ser o boto de Play e Stop e selecione os dois logo em
seguida:

22

Agora aperte F8 para criar um Movie Clip:

Defina o nome do smbolo e seu comportamento (Clipe de Filme ou Movie Clip):

Agora d dois cliques para abrir a edio do Clipe de Filme:

23

Selecione aquele que ser o boto Play e aperte F8 mas agora defina o
comportamento como Boto (Button). Faa o mesmo para o Stop:

Agora, crie mais um Frame na linha de tempo - simplesmente clique no Frame 2

e pressione a tecla F6:

Clique com o boto direito no Frame 1 e escolha a opo Aes:

24

Coloque a ao stop(); para o Frame e feche o painel:

Agora precisamos criar mais um Clipe de Filme, que conter a ao do som. Faa
um quadrado qualquer e defina-o como Clipe de Filme:

Para que este Clipe de Filme no fique visvel, selecione-o e defina sua cor como
Alpha 0% na barra de propriedades:
25

Agora abra o painel de Aes para digitar a seguinte ao:

Esta ao define o objeto som e agora precisamos definir a ao de cada um dos

botes. Selecione o Frame 1, abra o painel de Aes para o boto Play e digite
a ao:

26

Agora, a ao para o Stop:

Essa ao pra qualquer som que esteja sendo tocado.

Importando o som e definindo o vnculo
27

Agora vem o mais fcil: basta importar o som clicando em Arquivo > Importar ou
Ctrl+R:

Selecione o arquivo e clique em Abrir para que o Flash importe o som para a
Biblioteca (Ctrl+L para abrir a biblioteca). Clique com o boto direito do mouse
no arquivo de Som e escolha a opo Vinculao:

28

Agora s dar o nome de som:

Pronto, teste seu filme (Ctrl+Enter) e use a criatividade para inovar!

Linha guia no Flash MX

O que aprenderemos?
Voc alguma vez j viu um site em Flash onde um objeto fazia uma trajetria em S
por exemplo? Muita gente se pergunta como foi feito o efeito, j que teoricamente
s podemos fazer Interpolaes de movimento horizontais, verticais ou diagonais.
Muito bem, justamente isso que aprenderemos neste tutorial, utilizando a camada
guia!
Aprendendo na prtica
Para fazermos uma trajetria diferente, vamos utilizar a camada guia e depois criar
uma linha guia que servir como guia para o objeto animado. No confunda essa
linha guia com a linha guia que utilizamos com rguas! Ainda no hora mas saiba
que para acrescentar uma linha guia basta clicar no boto indicado:

Este o objeto que faremos a animao, uma pena:

29

Vamos fazer uma interpolao de movimento com esta pena, para isso, clique no
Frame 10 e aperte F6 para criar um Keyframe:

Agora s selecionar tudo e clicar com o boto direito para escolher a opo Criar
Interpolao de Movimento:

Selecione o ltimo Frame e desloque a pena para outro local do palco:

30

Com a Interpolao j criada, j podemos criar uma camada guia clicando no seu
respectivo boto:

31

Agora vamos desenhar uma linha guia com o Lpis, selecionando o primeiro
Frame da Camada Guia:

E desenhando a linha:

32

Veja o caminho que a pena percorrer:

Ao darmos um Zoom voc pode perceber que a pena - que um Grfico - est
centralizada e percorre a linha guia atravs do ponto do centro:

33

Se quisermos por exemplo que ela percorra a linha atravs da ponta, basta editar o
Grfico e coloc-la na ponta:

34

Veja como ela percorrer agora:

Agora s testar seu filme e usar a imaginao!

Cursor personalizado com Flash MX
Voc j viu provavelmente em algum site produzido em Flash um cursor
personalizado no lugar da velha "setinha" que temos como padro. O Flash nos
possibilita a crio de um cursor personalizado - como o logotipo de nossa
empresa por exemplo - proporcionando um efeito diferente e exclusivo ao site!
justamente isso que aprenderemos neste tutorial, como criar os famosos cursores
personalizados...
Criando o cursor
Vamos criar um cursor simples, constitudo de um tringulo de cor cinza. Antes de
comear a desenhar, vamos habilitar a opo para visualizar a grade no Flash
clicando em Exibir > Grade > Mostrar Grade:
35

Agora vamos exibir as Rguas para podermos utilizar as linhas guias, clicando em
Exibir > Rguas:

Para criar uma linha guia, basta clicar na rgua e arrastar a linha para o local
desejado. Como vamos criar um cursor que um tringulo, precisamos configurar
as linha-guia para que o desenho seja o mais perfeito possvel. D um zoom
grande na tela para que voc possa ver bem a grade e configure sua linha guia:

36

Os locais indicados em preto na imagem sero os vrtices do tringulo! Agora,

selecione a ferramenta caneta:

Desenhe seu retngulo com a caneta, clicando nos pontos mostrados acima. Aps
ter feito o desenho, retire as linha guia para ver como ficou:

37

Volte para o zoom de 100% para ver o tringulo em seu tamanho real, selecione o
tringulo e logo depois pressione a tecla F8 para convert-lo em um Clipe de
Filme:

38

Aps ter convertido-o em um Clipe de Filme, clique com o boto direito do mouse e
escolha a opo Aes:

Definindo as aes do Cursor

Esta a parte onde definimos a programao que far com que o Flash simule o
efeito de cursor. Clique no + e escolha o caminho Aes > Controle do clipe de
filme > startDrag (ou simplesmente aperte Esc+dr):

Selecione a linha startDrag e configure-a:

39

Em destino devemos colocar /ponteiro e habilitar a opo Bloquear mouse no

centro para que o mouse fique no centro do Clipe de Filme. Agora selecione a
linha onClipEvent e configure-a:

Devemos escolher a opo Mouse moviment para que o Clipe de Filme comece a
ser arrastado quando o mouse for movimentado. Feche o painel de aes e
selecione seu Clipe de Filme. Quando selecionamos o Clipe de Filme podemos dar
um nome de instncia ele atravs do painel de Propriedades do Flash:

40

D o nome de ponteiro para que o Flash possa fazer a ao rodar normalmente.

Agora, se voc testar seu filme - Ctrl+Enter - ver que o Clipe de Filme arrastado
junto ao mouse quando o movimentamos mas o cursor "setinha" ainda est
presente. Para eliminar o cursor "setinha" vamos utilizar mais uma vez as aes,
portanto, clique com o boto direito no Clipe de Filme e escolha a opo Aes.
Escolha o caminho Objetos > Filme > Mouse > Mtodos > hide:

Agora s testar o filme e ver seu novo cursor!!

41

Painel propriedades no Flash MX

Neste tutorial veremos qual a funo do Painel propriedades do Flash MX, um
painel extremamente til, que poupa muito trabalho e tempo. Com ele, podemos
modificar desde propriedades de ferramentas at propriedades do filme ou timeline!
Conhecendo o painel
Vamos comear abrindo o painel de propriedades do Flash MX. Clique em
Window>Properties conforme indica a figura:

Quando abrimos o painel, ele nos indica as propriedades do filme que estamos
trabalhando. Na imagem abaixo podemos ver que o painel indica o tamanho do
filme, o plugin de publicao, a cor de fundo e a taxa de Frames por segundo:

Caso voc no queira que o painel fique "flutuando" na tela, voc pode acopl-lo
interface do Flash, bastando arrastar o painel para o local desejado:

Mudando as configuraes do filme

Para vermos na prtica o funcionamento do painel de Propriedades, vamos alterar
algumas configuraes do filme. Clique no local indicado abaixo para modificarmos
algumas opes:

42

Agora, clique no outro boto para modificarmos configuraes de publicao:

Voc ainda pode modificar a cor de fundo do filme e o FPS no prprio painel:

43

Trabalhando com propriedades de ferramentas

Alm de trabalhar com as propriedades do documento que estamos trabalhando,
podemos modificar as propriedades das ferramentas do Flash. Veja no exemplo
abaixo, a mudana de propriedades da ferramenta Linha:

Podemos modificar sua cor, tamanho do contorno, tipo de contorno com os pr

estabelecidos pelo Flash e ainda customizarmos clicando no boto indicado acima.
Veja como podemos modificar o tipo de Linha:

Com isso podemos ter um maior controle da ferramenta, setando-a de acordo com
nossa necessidade.
Pen Tool
A Pen Tool tambm pode ter suas propriedades modificadas:

Podemos mudar cor de preenchimento, contorno e tipo de contorno!

44

Propriedades de Texto
O painel facilita nossa vida quando trabalhamos com texto. Podemos definir todo o
tipo de formatao necessria para o texto:

Clicando em Format podemos definir por exemplo o espaamento entre linhas e

outras formataes:

Alm da formatao, podemos definir o tipo de texto que estaremos utilizando (se
ele ser esttico, dinmico ou para entrada de dados):

Caso queira definir se o texto ser de uma linha, inserir variveis e definir os
caracteres que o campo aceita e muito mais, pelo painel de propriedades que
"faremos o servio":

45

Veja a definio de caracteres:

Esta opo extremamente til para formulrios por exemplo, onde podemos
definir se ele aceitar qualquer tipo de caracter ou no.
No exemplo abaixo o texto foi formatado com um espaamento de linha de 2
pontos:

J neste, o campo de texto recebeu o comportamento de Texto para entrada de

dados, utilizado em formulrios:

Oval, Rectangle e Pencil Tool

Seguindo a linha da maioria das ferramentas, a Oval tambm pode ter suas
propriedades modificadas. Com ela podemos modificar preenchimento, contorno e
tipo de contorno:

46

Na Rectangle podemos modificar as mesmas propriedades:

Com a ferramenta Pencil podemos modificar a cor do contorno, espessura e tipo de

contorno:

Brush, Ink Bottle, Paint Bucket Tool

Com a ferramenta Brush selecionada, podemos modificar a cor do preenchimento:

J com a Ink Bottle podemos mudar a cor do contorno, espessura e tipo:

Podemos modificar a cor de preenchimento da Paint Bucket:

47

Modificando propriedades de objetos

Com o painel de propriedades podemos modificar os objetos criados no palco. No
exemplo abaixo, a linha foi criada com a ferramenta Pen (caneta) e teve suas
propriedades modificadas - no caso o tipo de contorno e seu tamanho:

Ao criarmos um retngulo, podemos modificar suas propriedades:

Perceba que tudo foi modificado, desde cor de preenchimento at tipo de contorno!
Modificando propriedades de smbolos
Como no poderia deixar de ser, os smbolos tambm tm seu espao garantido
no painel de propriedades! Muitas vezes precisamos modificar propriedades de um
Movie Clip (como transparncia, por exemplo) e pelo painel que devemos
proceder:

48

Basta clicar no Movie Clip para que suas propriedades apareo no painel. Acima
foi modificada a transparncia!
Propriedades da timeline
Evidentemente a timeline no poderia ficar de fora! Ao selecionarmos um ou vrios
Frames (quadros) o painel de propriedades exibe as opes existentes, que
claro, podem ser modificadas.

Propriedades como interpolao, efeitos, som e vrias outras podem ser

modificadas atravs do painel com um simples clique do mouse! Isso facilita muito
a vida do desenvolvedor, poupando tempo e trabalho!

Fazendo download de animaes Flash

Voc com certeza j jogou algum jogo em Flash ou viu boas animaes pela
Internet e quis salv-las - mas nunca soube como ? Ento este tutorial ajudar
muito voc !
1. Primeiramente crie uma pasta chamada Flash para salvar as suas animaes.
2. Precisamos saber onde est localizada a pasta Temporary internet files, pois
sua localizao varia de acordo com o sistema operacional usado: abra o Internet
Explorer e clique em Ferramentas > Opes da internet.
Em "Arquivos de Internet temporrios" clique em Configuraes e voc ver a
localizao da pasta Temporary Internet files.

49

3. Pode ser que o seu Temporary internet files esteja oculto: caso esteja, abra o
Windows Explorer e v em Ferramentas > Opes de pasta (Windows XP ou
similar) ou Menu iniciar > Configuraes > Opes de pasta (Windows 98 ou
similar).
Em Opes de pasta, v na aba Modo de exibio, desmarque a opo Ocultar
arquivos protegidos do sistema operacional e marque Mostrar pastas e
arquivos ocultos.

50

4.1 V at o seu Temporary internet files e escolha a opo de exibio em

detalhes (ver figura abaixo)
4.2 Clique em Acessado em, para definir uma ordem na data em que os arquivos
foram acessados
4.3 s ir para o comeo da lista que voc ver os ltimos arquivos que foram
acessados. A extenso destas animaes ou jogos em Flash swf e quando voc
localizar um arquivo swf recentemente acessado, abra-o.
Se for o arquivo que voc queria copiar, copie-o para a pasta Flash ! Agora voc j
tem o arquivo Flash e pode acess-lo quando quiser : )

51

Criando Efeitos Fade-In/Out em texto com o SWiSH

o SWiSH um programa que cria animaes em textos, criando arquivos flash
(*.swf). O SWiSH est disponvel para download em http://www.swishzone.com na
sua verso Trial (30 dias para expirar).
O termo Texto escolhido o efeito Fade-In e o termo Texto 2 ser o efeito FadeOut :) ...
Criando efeito Fade-In em texto
Abra o SWiSH:

52

Agora clique com o boto direito do mouse sobre Scene 1 e clique sobre Insert >
Text:

53

Surgir uma tela onde voc digitar seu texto: escolha seu texto, fonte e tamanho.
A tela onde voc digitar o texto esta:

Agora vamos aplicar o efeito Fade-In sobre o texto. Clique com o boto direito do
mouse sobre o texto na animao e clique em Effect > Fade In:

54

Em Duration: coloque 25 frames e logo aps clique em Close. O efeito j est no

seu texto. Agora vamos adicionar outra cena para podermos criar o efeito FadeOut: clique com o boto direito do mouse sobre Scene 1 e clique em Insert >
Scene:

55

Agora vamos criar o efeito Fade-Out em outro texto.

Criando efeito Fade-Out em texto
Clique com o boto direito do mouse sobre Scene 2 e clique sobre Insert > Text:

56

Surgir uma tela onde voc digitar seu texto. Escolha seu texto, fonte e tamanho.
A tela onde voc digitar o texto esta logo abaixo:

Agora vamos aplicar o efeito Fade-Out sobre o texto: clique com o boto direito do
mouse sobre o texto na animao e clique em Effect > Fade Out, como na tela
abaixo:

57

Surgir esta tela:

Clique em Close e o efeito j foi adicionado aos dois textos. Voc poder testar a
durao dos frames utilizando esta barra logo abaixo:

Clique em > para visualizar a animao, e caso queira aumentar a durao do

tempo dos efeitos, aumente os frames de cada efeito (Fade-In e Fade-Out) ;) ...

Integrando Freehand ao Flash

Do que trata esse tutorial?
Neste tutorial veremos como tornar o trabalho entre o Freehand e o Flash - ambos
da Macromedia - mais fcil e rpido, utilizando as opes de integrao que eles
nos oferecem! Vamos ver como fazer uma animao e exportar como SWF dentro
do prprio Freehand :) ...
Comeando a animao
Comece fazendo seu grfico/objeto no Freehand e em seguida aperte Ctrl+G para
agrupar todas as camadas. Neste tutorial, fiz uma capa de CD - extremamente
simples - apenas para ilustrar. Veja:
58

A imagem acima j foi agrupada e pronta para ser animada mas antes de animar
vamos ver o por qu de agrupar as camadas em uma s para s depois seguirmos
com a animao. muito simples: o Freehand s far a animao se as camadas
estiverem agrupadas - caso contrrio ser exibida uma janela de aviso pedindo que
as camadas sejam agrupadas.
Para fazer a animao, selecione o objeto e depois clique em Xtras > Animate >
Release to Layers para que o Freehand distribua todos os objetos em camadas da
animao. A figura abaixo indica onde fica o menu Xtras:

Quando clicamos em Release to Layers, o Freehand nos mostra uma janela para
configurarmos o tipo de animao que queremos e alguns parmetros desta
animao. Neste tutorial, utilizarei animao do tipo Build (construir). Veja a
configurao abaixo:

59

Clique em OK e perceba que agora seu painel de camadas est um pouco

diferente do inicio:

Repare na imagem acima o nmero de camadas que foi utilizado para fazer a
animao. Logo aps fazer a animao, aperte Ctrl+Enter para test-la (isso
mesmo: da mesma forma que se testa no Flash). Ao testar a animao o Freehand
nos "leva" para uma outra tela, onde podemos encontrar o painel de comando da
animao juntamente com os botes de exportao e configurao:

Caso esteja satisfeito com sua animao e queira export-la sem uma prvia
configurao (nmero de frames por segundo por exemplo), basta clicar no
segundo boto da direita para a esquerda. Caso queira fazer uma configurao,
clique no boto com o smbolo do Flash destacado em vermelho e veja a seguinte
tela:

60

Neste painel voc pode controlar desde nmero de frames por segundo at
compresso de imagem. Ao terminar a configurao, clique em OK e exporte seu
trabalho:

61

Muito bem, voc acaba de fazer sua animao dentro do Freehand e export-la
como um SWF! Caso queira adicion-la em um projeto Flash, basta abrir o Flash e
depois importar o SWF.

Integrando Fireworks ao Flash

Este tutorial trata sobre a integrao entre duas ferramentas da Macromedia: o
Fireworks e o Flash. Provavelmente voc j fez algum objeto no Fireworks e
precisou export-lo para o Flash para fazer a animao, no mesmo? Este
tutorial mostra exatamente como integrar estes dois aplicativos de forma rpida e
fcil: voc poder construir o objeto e at mesmo anim-lo dentro do Fireworks e
simplesmente exportar como um SWF do Flash!
Comeando no Fireworks
Neste tutorial, utilizei o logo do Frum do BABOO como objeto para a animao
dentro do Fireworks:

Para comear a animao, clique com o boto direito em cima do objeto e escolha
a opo Animation>Animate Selection ou simplesmente aperte Alt+Shift+F8.
Voc ver a seguinte janela:

62

Nesta janela devemos configurar nossa animao de acordo com nossa vontade.
Neste tutorial, utilizei 5 Frames mas voc pode utilizar quantos quiser! Aps
configurar, clique em OK e perceba que seu objeto ficar semelhante ao da
imagem abaixo:

Estas "bolinhas" indicam o nmero de Frames da animao e a bolinha vermelha

indica a posio final do objeto no final da animao. Posicione-a como quiser e
teste a animao clicando no boto Play posicionado perto da barra de
propriedades. Depois de configurar e testar a animao, basta exportar o SWF ou
ento "chamar" o Flash para fazer qualquer tipo de edio. A imagem abaixo
mostra o menu:

Perceba que voc pode abrir o Flash clicando em Launch Macromedia Flash ou
ento exportar o SWF escolhendo a opo Export SWF. Neste tutorial iremos
63

utilizar a opo Export SWF, portanto clique nela para obter a janela de
configurao:

Quando clicamos em Export SWF o Fireworks nos apresenta a janela para

indicarmos o local onde salvaremos o arquivo e seu respectivo nome. Alm disso,
existe um boto Options - indicado na figura acima - que serve para configurarmos
algumas opes do SWF a ser exportado, como por exemplo a qualidade do JPEG
e o nmero de frames. Configure o SWF e clique em OK e logo em seguida salve
seu trabalho. Pronto: voc acaba de fazer uma animao SWF dentro do Fireworks
!
Editando no Fireworks e exportando de volta para o Flash
Voc j deve ter se deparado com a seguinte situao: Importou uma imagem para
o Flash (um GIF, por exemplo) e percebeu que ela estava um pouco maior do que
o necessrio ou ento com as cores erradas. Neste caso, voc no precisa abrir a
imagem em um editor de imagens, alter-la, export-la e import-la novamente no
Flash: basta voc selecionar a imagem e clicar no boto Edit:

64

Ao clicar na figura o Fireworks ser aberto e a figura pode ser editada de acordo
com suas necessidades. Quando a edio estiver pronta, basta clicar no boto
Done localizado no canto superior esquerdo da tela, perto da aba Preview:

A tela voltar para o Flash e voc pode seguir seu trabalho normalmente!
Macromedia Extension Manager
Uma grande ferramenta da Macromedia o Extension Manager, um pequeno
aplicativo que "turbina" os outros programas (Dreamweaver, Flash, Fireworks) e
possvel baixar "extenses" na Web e instal-las nos programas para obter
algumas funes adicionais. Saiba como us-lo:
Antes de tudo iniciar o Extension Manager...

...e ento, a primeira e nica janela do Extension Manager se abrir:

65

1. Clicando neste cone poder instalar novas extenses, apenas uma por vez.

2. Ao selecionar uma extenso j instalada, clicando nesse cone possvel deletla.

3. Nesse menu, estar presente todos os programas da Macromedia instalados.

4. Clicando nesse cone ser direcionado para o site de intercmbio da

Macromedia e l possvel baixar novas extenses.

5. Abrir o arquivo de ajuda do Extension Manager.

6. De acordo com o programa escolhido no menu acima (campo 3), mostrado

nesta rea todas extenses j instaladas para tal aplicativo:

- Ativo/Inativo: Desmarcando essa "checkbox" poder remover parcialmente a

extenso do programa. Caso queira ativar novamente a mesma depois de um
tempo marca-se essa caixa novamente.
- Extenses instaladas: Mostra o nome da extenso.
- Verso: Mostra a verso de determinada extenso.
- Tipo: Exibe o gnero da extenso, sendo estes: Comportamento(Behaviors) ou
Comando.
- Autor: Por ltimo exibido o autor de determinada extenso.
66

7. Nesta rea mostrada informaes adicionais sobre a extenso como, por

exemplo, a descrio de uso e sua funo explicada detalhadamente.
Clicando no menu Arquivo, temos:

Instalar a extenso: J descrito acima.

Empacotar extenso: Quando se cria uma nova extenso usa-se este recurso
para criar um pacote da mesma e pode distribu-la mais facilmente na Web.
Enviar a extenso: Ao clicar sobre este menu, ser direcionado para uma pgina
no site da Macromedia aonde se obtm mais informaes de como enviar sua
extenso.

Remover extenso: J descrito acima.

Importar extenses: Usa-se quando desejar importar muitas extenses de uma s

vez.
Ir para o intercmbio da Macromedia: J descrito acima.

Sair: Sair do Extension Manager.

Vale lembrar que, para que as extenses instaladas apaream no programa
desejado, preciso fech-lo, caso esteja aberto, e inici-lo novamente.

67

Integrando Flash com Dreamweaver MX

Uma das muitas vantagens de se trabalhar com a sute para Web da Macromedia
a integrao fcil e rpida entre os softwares: neste tutorial eu abordarei uma
rpida integrao entre o Flash e o Dreamweaver MX, que poupar muito tempo e
trabalho! Vamos comear:
Ao inserir um arquivo do Flash (usualmente um swf) no Dreamweaver, voc notar
que na barra de Propriedades (Properties / Ctrl + F3) voc tem algumas
informaes sobre o arquivo alm de algumas opes adicionais de configurao.
Veja a figura abaixo:

Note que este painel nos informa o tamanho do filme (circulado de vermelho acima)
e uma srie de botes de configurao. Vejamos a funo de cada um deles:
Loop: Deixe esta opo marcada caso queira que seu filme fique dando Loop, ou
seja, no pare de "tocar";
Autoplay: Deixe esta opo caso queira que seu filme comee a "tocar", ou inicie,
automaticante;
V Space: Espaamento vertical;
H Space: Espaamento horizontal;
W: Largura (width) do filme;
H: Altura (Height) do filme;
File: Indica o local em que o filme se localiza;
Quality: Escolha a qualidade que voc quer para o filme;
Scale: Determine a escala do filme;
Align: Define o alinhamento do filme na pgina;
Bg: Determina a cor do fundo;
Parameters: Caso queira adicionar alguns parametros ao filme;
Play: Tocar/demonstrar o filme;
Reset Size: Resetar o tamanho;
Finalmente, perceba na imagem acima que o boto EDIT est marcado em
vermelho para destacar: neste boto que devemos clicar caso seja preciso fazer
alguma alterao no filme. Clique nele: o Dreamweaver abrir o Macromedia Flash.
O Flash ento pedir para que voc indique o arquivo de edio do swf. Indique e
clique em Abrir:

68

Feito isso ns teremos o filme em modo de edio, bastando alterar o que for
necessrio e clicar no boto Done localizado no canto superior esquerdo da janela.

Aps clicar em Done, o Flash exportar o filme de volta para o Dreamweaver e

pronto: a edio est feita!

69

Agora s falta voc praticar ... Sempre que precisar alterar um filme, basta
proceder desta forma! ;) ...

Componentes do Flash MX
Hoje estaremos aprendendo um pouco sobre mais um recurso extraordinrio que a
Macromedia nos traz: os Componentes do Flash MX! Voc provavelmente j
precisou utilizar um Radio Button ou ento fazer uma barra de rolagem na verso 5
(ou anteriores) no mesmo?! Voc se lembra que era preciso fazer tudo na mo
? Pois ... agora temos alguns destes recursos prontos para uso! Vejamos:
Ao clicar em Window / Components (Ctrl+F7) voc encontra o seguinte painel:

No painel acima temos os seguintes componentes:

Check Box: a famosa "Caixinha de marcao" que voc utiliza em Forms
ComboBox: a caixa de "Seleo", tambm conhecida como menu DropDown
ListBox: uma caixa com uma lista...
PushButton: o boto que voc utiliza nos forms (submit, reset... lembra?)
RadioButton: o Boto de rdio que voc utiliza, por exemplo, em enquetes
ScrollBar: a to desejada Barra de Rolagem chega ao Flash MX!

Para utilizar um componente do Flash, basta arrast-lo para o palco. Veja abaixo
cada um deles, j no palco:

70

Ao clicar em um dos components, voc ver suas propriedades no Painel

"Propriedades" e poder alterar a sua cor, dados e outras caractersticas. Clique na
figura abaixo para ampliar a imagem e ver a propriedade de um dos components:

Para colocar os dados nos components "List Box" e "Combo Box" voc deve ir at
o Painel de Propriedades e clicar em "Data". Aparecer ento a seguinte tela:

Nesta janela, basta preencher os dados e clicar em OK. Caso voc queira definir
as aes para estes components, basta clicar no seguinte boto da Barra de
Propriedades:
71

O painel de Aes ser aberto e voc pode definir quais utilizar. Se voc quiser
utilizar o ComboBox, por exemplo, voc ter de utilizar aes para o Flash
reconhecer quando o usurio clicar em um item e assim redirecion-lo.
Vejamos:
Aps definir os itens "Data" e "Labels" no painel de propriedades, defina em
Change Handler o nome "Teste": este Change Handler serve para que o Flash
reconhea cada vez que o item modificado, ou seja, que o usurio clique em um
novo item do ComboBox. Depois, clique no boto para definir as aes e coloque a
ao:
function Teste() {
getURL(dropdown.getSelectedItem().data);
}
Perceba que este cdigo diz ao Flash que ao selecionarmos um item ele deve nos
redirecionar para a URL que foi pr-definida em Data.
Para que os components "ScrollBar" e "ScrollPane" funcionem, voc deve definir o
"Scroll Content" (Contedo do Scroll). Se voc quiser colocar como contedo do
"ScrollPane" um texto, faa da seguinte forma:
Crie um novo MovieClip. Coloque o nome e clique na Aba Advanced e defina o
Identifier ("texto" por exemplo... sem as aspas) marcando as opes "Export for
ActionScript" e "Export in first Frame" e clique em OK.
Arraste o "ScrollPane" para o palco. Clique em cima dele para alterar suas
propriedades, clique em "Scroll Content" e coloque o mesmo que voc colocou no
Identifier do Movie Clip ("texto" no nosso caso).
Teste o filme e veja que funcionou! ;) O mesmo vale para a "ScrollBar"! Agora que
voc j conhece um pouco mais sobre os componentes do Flash, s colocar a
mo na massa e comear a praticar!

Cenas no Flash MX
Neste tutorial abordaremos as cenas do Flash MX. O que so?! Quando e por que
utilizar?! Veremos tudo isso adiante...
O Flash nos permite uma maior organizao do trabalho quando utilizamos Cenas:
com elas podemos orientar/planejar um trabalho facilmente, sem que nossa
Timeline fique "congestionada". Ao executar o Flash MX, normalmente o painel de
72

Cenas (Scenes) j est aberto. Caso no esteja, basta abri-lo procedendo da

seguinte forma:

Clique em Window e depois em Scene, conforme indica a figura acima ou

simplesmente aperte Ctrl+F2 e voc abrir o painel de Cenas, parecido com o da
figura abaixo:

Veja que na figura acima que neste painel encontramos 3 botes:

- Duplicar: serve para duplicarmos uma cena
- Adicionar (+): Serve para adicionarmos uma nova cena
- Apagar: Apaga a cena selecionada
Quando utilizar Cenas?
Voc j sabe o que Cena, a sua utilidade mas no sabe quando utiliza-las no
mesmo!? Esta uma pergunta bastante comum e sua resposta : depende! Isso
mesmo, depende! Isso porque em muitos casos a utilizao de cenas no nem
73

um pouco necessria - e ela ainda pode atrapalhar, aumentando o tamanho do

arquivo e/ou demorando na hora do Flash carregar a cena quando esta
"chamada".
O ideal que se utilize as Cenas quando temos um filme muito grande e que se
divide em "Captulos". Para explicar melhor, imagine o seguinte: Voc precisa fazer
uma apresentao que se divide em 5 captulos:
- Introduo
- O Produto
- O Preo
- A Praa
- Concluso
Imagine ainda que cada um destes captulos se divida em mais 5 Sub-Captulos.
J imaginou o tamanho da Timeline e o nmero de Camadas que voc deveria
criar para fazer toda esta apresentao?! Pois bem, neste caso o uso de Cenas
absolutamente recomendado - sendo praticamente obrigatrio - para que nosso
trabalho fique mais leve e organizado!

Observe a figura acima e perceba que o nmero de camadas e o tamanho da

Timeline podem ser reduzidos: basta dividir em Cenas, deixando o trabalho mais
organizado. Abaixo segue um exemplo: note como fica mais organizado,
principalmente na hora de editarmos o trabalho e direcionarmos algum boto!

74

Basicamente, isto! Quando precisar de uma maior organizao ou precisar dividir

a animao em Captulos, basta utilizar o painel de Cenas :) ...
Um exemplo em que a utilizao de cenas til quando precisamos construir um
"Loading" para um site produzido em Flash: basta criar uma cena antes da principal
e colocar a ao de "Loading" nela - desta forma enquanto o filme carregado,
visualizamos o contedo da Cena do "Loading" e quando ele liberado
visualizamos a Cena Principal !
Agora s treinar e utilizar mais um recurso do Flash!

Otimizando arquivos de Flash MX

Neste tutorial, estaremos aprendendo como otimizar um arquivo produzido no
Flash MX. Por incrivel que parea, h pessoas que acreditam - equivocadamente que para optimizar um arquivo desenvolvido em Flash basta utilizar imagens com
baixa resoluo / tamanho pequeno em Kb que j suficiente! Se fosse assim, no
teriamos - graas Macromedia - a opo de exportao/publicao do Flash.
Para comear, abra o painel de configurao de exportao do filme, conforme
indica a figura abaixo (ou simplesmente aperte Ctrl + Shift + F12):

Perceba (conforme figura abaixo) que o painel nos fornece trs abas neste caso,
pois estamos utilizando os tipos de arquivo: Flash e HTML, ou seja, nosso site ser
exportado como por exemplo site.htm e dentro deste HTML estar o arquivo flash.
Clique na aba Flash.
75

Na aba Flash temos vrias opes: na primeira podemos escolher qual a verso do
Flash que exportaremos. A segunda indica a ordem de carregamento e logo abaixo
temos vrias opes (como "Proteger contra importao" por exemplo). No nosso
caso, devemos ficar atentos as opes marcadas:
JPEG Quality: Aqui voc pode escolher a qualidade dos JPEGS que contm em
seu filme. Caso ache que esto carregando demais, experimente diminuir um
pouco a qualidade das mesmas, sempre atentando claro, quanto a qualidade
final. De que adiante um site que carrega extremamente rpido mas possui as
imagens mais "medonhas" da web no mesmo!?
Depois temos a opo de configurarmos o Audio do site (que veremos a seguir):

76

Clique em Set (o 1 ) e voc ter a seguinte tela:

Nela, o Flash nos d a opo de modificarmos a "compresso" do arquivo de

Audio, o seu Bit Rate e sua qualidade. Em muitos casos, essa opo nos poupa
vrios Kb na verso final do filme, desde que bem utilizada! Mais uma vez,
devemos ficar atentos quanto a qualidade final do Audio. ;)
Agora, vamos ver a aba HTML:

77

Esta aba tem vrias opes interessantes e poucas pessoas conhecem/utilizam

esta "mo na roda". Para este tutorial, o que nos interessa nesta aba a opo
"Quality" (qualidade) marcada na figura acima. Nela, podemos definir se a
Qualidade ser Alta (High), Baixa (Low) e assim por diante.
Agora que j ensinamos voc a pescar, trate j de comear a colher os frutos, ou
melhor, pegar os peixes hehehe .... Explore bastante este painel de configuraes,
pois com certeza voc encontrar muita coisa til!
Tutorial produzido utilizando Flash MX verso em Ingls

Painel Tools Flash MX

Muitas pessoas que trabalham ou pretendem trabalhar com o Flash no sabem
para que serve cada uma das ferramentas do Painel Tools (ferramentas) do Flash
MX e nem quando utilizar uma ou outra.
Este tutorial tem como objetivo esclarecer o uso e funo de cada uma delas.
Analise a figura abaixo atentamente:

78

Provavelmente voc j viu a maioria das ferramentas deste painel em algum

software grfico, como Photoshop e Corel Draw, apenas para citar como exemplos.
Mas ser que voc sabe realmente a funo de cada uma delas?! Bem,
exatamente isto que veremos a seguir:
Arrow Tool (V) - tambm conhecida popularmente como "ferramenta de seleo".
Como o prprio nome j diz, serve para selecionarmos os objetos no palco e tem
como atalho, a tecla "V".
Subselection Tool (A) - ferramenta de Sub-seleo, ao contrrio do que muitos
pensam, no faz a mesma coisa que a de seleo que vimos acima. Experimente
clicar com esta ferramente em cima de um quadrado por exemplo. Voc perceber
que poder manipular os vetores deste quadrado. Serve tambm para trabalhar em
conjunto com a ferramenta "Pen" que veremos a seguir. Tem como tecla de atalho,
a letra A.
Line Tool (N) - ferramenta utilizada para construir linhas que tem como tecla de
atalho a letra N.
Lasso Tool (L) - a ferramenta lasso serve para selecionarmos partes de uma
79

imagem. Clicando nesta ferramenta, o flash ainda nos d a possibilidade de

escolhermos por exemplo a opo varinha mgica. Tem como tecla de atalho a
letra L.
Pen Tool (P) - ferramenta tambm conhecida como "Caneta". Voc j precisou
fazer uma linha com curvas?! Pois , com a ferramenta caneta voc faz este tipo
de trabalho facilmente! Ainda com a ferramenta subselection, voc pode manipular
esta linha. Tem como atalho a tecla P.
Text Tool (T) - ferramenta de texto do Flash MX. Nos d a possibilidade de
trabalharmos com: Static Text (texto esttico), Dinamyc Text (texto dinmico) e
Input Text (texto de entrada). Tem como atalho, a tecla T.
Oval Tool (O) - a ferramenta Oval, tambm conhecida como crculo, serve para
construirmos/desenharmos circunferncias. Tem como atalho, a tecla O.
Rectangle Tool (R) - a ferramenta Rectangle, ou simplesmente retngulo, serve
para desenharmos retngulos, quadrados...tem como atalho a tecla R. Ainda nos
d as seguintes opes:
O Boto indicado na figura ao lado serve para configurarmos as bordas do
retngulo. Se voc quiser um retngulo com bordas arredondadas por
exemplo, ali que deve configurar.

Pencil Tool (Y) - a ferramenta pencil (lpis) serve para desenharmos livremente no
palco. Ainda nos d as seguintes opes:

Endireitar: serve para o Flash endireitar

automaticamete o traado
O Flash far com que seu traado seja suave
O Flash ser o mais fiel possvel em seu traado

Brush Tool (B) - a ferramenta Brush serve para pintarmos uma determinada
imagem ou at mesmo para desenharmos. Esta ferramenta - assim como algumas
outras - ainda nos d algumas opes no painel "Options" conforme indica a figura:
Opes: opes de preenchimento
Tamanho: opo para modificarmos o tamanho do brush
Formato: opo para modificarmos o formato do brush
80

Lock Fill: Serve para travarmos um determinado preenchimento

O painel ao lado nos mostra as opes de preenchimento, que

podem ser:
Paint normal: pintar normalmente
Paint fills: Pintar preenchimentos
Paint Behind: Pintar atrs de um objeto
Paint Selection: Pintar uma seleo
Paint Inside: Pintar dentro de um objeto

Free Transform (Q) - ferramenta de transformao livre do Flash. Se voc tem por
exemplo um retngulo e quer aumentar seu tamanho, esta a ferramenta a ser
utilizada. Tem como atalho a letra Q e nos fornece as opes:

Fill Transform (F) - a ferramenta de transformao de preenchimento muito til,

principalmente quando utilizamos um gradient em algum objeto e queremos mudar
as propriedades deste gradient, que no caso o preenchimento. Tem como atalho
a letra F.
Ink Bottle (S) - a ferramenta Ink Bottle (garrafa de tinta ou mais conhecida como
nanquim) serve para contornarmos um objeto com uma determinada cor. Imagine
que voc possui um quadrado e cortou o meio deste quadrado. Este quadrado
ficou com o meio "vazado" e voc quer colocar uma cor de contorno nele. Basta
utilizar esta ferramente que possui como tecla de atalho a letra S.
Paint Bucket Tool (K) - a ferramenta paint bucket, ou simplesmente balde de tinta,
serve para preenchermos determinadas reas/objetos. Ela possui a tecla de atalho
K e nos fornece ainda as seguintes opes:

Dont Close Gaps: no fechar "lacunas/buracos" *

Close Small Gaps: fechar pequenas "lacunas/buracos"
Close Medium Gaps: fechar "lacunas/buracos" mdias
Close Large Gaps: fechar grandes "lacunas/buracos"
* Quando por exemplo voc fez um quadrado mas no o
fechou completamente.

81

Eyedropper Tool (I) - a ferramenta Eyedropper ou simplesmente "conta gotas"

serve para capturarmos uma determinada cor de uma determinada rea/objeto.
Imagine que voc quer selecionar uma cor de uma determinada imagem mas no
sabe exatamente qual o cdigo hexadecimal dela. Basta utilizar o conta gotas e
tudo se resolve. Possui como tecla de atalaho a letra I.
Eraser Tool (E) - a ferramenta Eraser, tambm conhecida como "borracha" serve
para apagarmos uma determinada rea ou um objeto. Tem como tecla de atalho a
letra E e possui as seguintes opes:

Modo: mostra os modos da borracha (veja figura abaixo)

Torneira: apaga todo o objeto selecionado
- Formato: mostra os formatos disponveis para a borracha

Erase normal: modo normal da borracha

Erase Fills: apaga preenchimentos
Erase Lines: apaga apenas linhas
Erase Selected Fills: apaga preenchimentos selecionados
Erase Inside: apaga o interior de um objeto

Hand Tool (H) - esta ferramenta serve para "navegarmos" pelo palco ou objeto.
Basta seleciona-la, pressionar o boto do mouse e segurar para "navegarmos".
Possui como atalho a tecla H.
Zoom Tool (Z / M) - Serve para darmos zoom na imagem/palco/objeto/filme
enquanto trabalhos. extramamente til e possui como teclas de atalho as letras Z
e M.
Stroke Color - Cor do contorno
Fill Color - Cor do preenchimento
Im - com esta ferramenta "ligada" o Flash "cola" os objetos na grade. Muitas
vezes ela bastante til, porm, dependendo do caso pode irritar o usurio!

82

Transformao - Serve para transformao de objetos. Transformar uma linha

reta em curva por exemplo.
Bom, isso a! Espero que agora voc possa aproveitar este tutorial e praticar
bastante em sua casa e/ou trabalho! Com o tempo voc vai se acostumando com
cada uma das ferramentas e decorando suas respectivas teclas de atalho, que
poupam um tempo precioso!
(este tutorial foi produzido utilizando Flash MX na verso em Ingls)

9 #5 A @ 9 0 2 753 2 0 ( ' % #    
&6B&18641)&$" ! 
a a Y ` X D WE IG T R P I D F D
$b$&Y UP V8USQHGEC
83