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)

 
 "!$#&%'()*#$' +,-.,0/1325467/&18-9, 27: ;<;>==

83