Escolar Documentos
Profissional Documentos
Cultura Documentos
Índice
INTRODUÇÃO......................................................................1
INTERFACE DO PROGRAMA.....................................................................................1
NOVO FICHEIRO..............................................................................................12
FRAMES, KEYFRAMES, LAYERS E CENAS...................................................................13
CENAS.........................................................................................................15
LABEL .........................................................................................................16
TESTAR O FILME .............................................................................................16
EXPORTANDO O FILME .......................................................................................16
DESENHAR......................................................................17
ANIMAÇÕES.....................................................................21
TWEENING MOTION..........................................................................................21
TWEENING SHAPE............................................................................................22
MASK..........................................................................................................24
MOTION GUIDE...............................................................................................25
SÍMBOLOS.......................................................................27
BOTÕES........................................................................................................27
MOVIE CLIP...................................................................................................29
SONS............................................................................31
INSERINDO SONS EM UM BOTÃO.............................................................................31
INSERINDO SONS EM MOVIE-CLIPS...........................................................................32
INSERINDO SONS NA TIMELINE PRINCIPAL....................................................................33
PUBLICAR O FILME..............................................................35
CRIAR EXECUTÁVEIS............................................................39
FS COMMANDS.................................................................41
MACROMEDIA FLASH MX
MACROMEDIA FLASH
INTRODUÇÃO
O software Flash é produzido pela Macromedia. Actualmente encontra-se na versão 5.0 e, sem
dúvida, é uma das melhores ferramentas para se trabalhar com animações na Internet.
Com ele é possível criar não apenas animações, como também pequenos CD-Roms, aplicativos,
jogos, entre outros.
A sua capacidade em elaborar animações complexas em ficheiros com baixo tamanho, sem
dúvida, tem sido um dos principais motivos para a difusão desse programa, além da sua facilidade
em ser manipulado e a sua interactividade. O único senão é que o utilizador deverá possuir um
plug-in para poder visualizar as animações na Internet. Felizmente os Browsers nas versões mais
actuais já possuem o plug-in Flash Player, o que demonstra o actual crescimento da utilização
desta tecnologia na Web.
INTERFACE DO PROGRAMA
MENU PRINCIPAL
File: criar um novo ficheiro (New), abrir um ficheiro já existente (Open), abrir um ficheiro
como biblioteca (Open as Library), abrir um ficheiro como biblioteca partilhada (Open as
Shared Library), fechar um ficheiro (Close), guardar (Save), exportar o filme (Export
Movie), publicar o filme (Publish), imprimir (Print), entre outros.
Edit: copiar (copy), colar (paste), cortar (cut), desfazer (undo) ou refazer (redo) uma
acção, seleccionar todo o conteúdo do palco (select all), entre outros.
Insert: contém os elementos a serem inseridos no filme, como layers, frames, keyframes,
símbolos, entre outros.
Modify: contém comandos de modificação dos elementos inseridos no seu filme, como
frames, scenes, layers, entre outros.
Text: contém recursos de definição de atributos de texto, como tipo de letra, alinhamento,
tamanho, estilos, etc.
Window: permite a manipulação das janelas na sua área de trabalho, ou seja, através
dele, é possível ocultar ou mostrar determinados painéis, janelas e paletas.
BARRA DE FERRAMENTAS
Esta barra é também chamada de Barra de Ferramentas Padrão por conter alguns comandos
fundamentais do software.
Arrow Tool (Atalho: tecla V) : esta SubSelect Tool (A) : a ferramenta é utilizada para
ferramenta é usada para seleccionar, seleccionar, arrastar e redimensionar elementos. A diferença
arrastar e transformar elementos entre SubSelect Tool e a Arrow Tool é que a primeira
selecciona o elemento subdividindo em partes, onde a
alteração ocorre em pontos específicos (os nós), enquanto
que a segunda, permite a alteração em qualquer ponto do
elemento
Line Tool (N) : utilizada para desenhar Lasso Tool (L) : chamada de laço. Essa ferramenta permite
uma linha recta seleccionar uma área. Para isso, clique na posição inicial da
área que quer marcar dentro do palco e mantenha o botão
esquerdo do rato pressionado, em seguida, trace toda a área
Pen Tool (P) : ferramenta caneta. Text Tool (T) : utilizada para inserção de textos. A letra
Usada para desenhar linhas e curvas padrão é Times Roman tamanho 12. Pode-se alterar essas
propriedades através do painel Character ou do menu
principal -> Text
Oval Tool (O) : utilizado para desenhar Retangle Tool (R) : utilizado para desenhar um rectângulo
um círculo ou oval ou quadrado. Um recurso interessante é o arredondamento
dos limites. Para isso, basta clicar no ícone Round
Pencil Tool (Y) : ferramenta lápis. Brush Tool (B) : ferramenta pincel. Utilizada para pintar
Utilizada para efectuar qualquer áreas
desenho no palco
Free Transform Tool (Q): ferramenta Fill Transform Tool (F): ferramenta para alterar o
para alterar as dimensões ou distorcer preenchimento de um objecto.
o objecto seleccionado
Ink Bottle Tool (S) : efectua a pintura Paint Brucket Tool (K) : ferramenta lata de tinta. Pinta o
dos contornos interior de desenhos fechados
Dropper Tool (I) : capta a tonalidade Eraser Tool (E) : ferramenta borracha. Utilizada para
de cor de um elemento para ser eliminar um conteúdo desenhado no palco
aplicado em outro
FERRAMENTA DE VISUALIZAÇÃO
Esta barra apresenta apenas dois recursos: Hand Tool (H), para
movimentar a área de trabalho e Zoom Tool (M ou Z) para efectuar um
Zoom no palco.
FERRAMENTA DE CORES
Default Colors : define a cor preta para Stroke Color e a cor branca para
Fill Color.
PAINÉIS
Propriedades:
Mixer
Este painel permite a alteração de cores do elemento. As opções
são as mesmas da barra de ferramenta de cores. Além disso,
poderá seleccionar directamente a tonalidade RBG digitando o
valor correspondente à cor e configurar o grau de transparência
(alpha - valores próximos a 100% o elemento ficará opaco).
Swatches
Este painel apresenta as cores disponíveis pelo programa. Na
parte inferior do painel, há cores personalizadas com efeitos
distintos, com gradação de cores....
Transform
Este painel permite a transformação dos elementos, como rotações e alterações de perspectiva.
Align
Este painel permite definir o alinhamento entre objectos diferentes no Palco. Pode-se alinhar na
horizontal, na vertical, espaço entre os elementos, entre outros.
BIBLIOTECAS
As bibliotecas são colecções de elementos que estarão disponíveis para serem utilizados no filme.
BIBLIOTECA DO FILME
A biblioteca do filme contém todos os elementos inseridos no filme. Ela pode ser aberta através do
menu principal Window /Library ou através dos atalhos CRTL+L.
BIBLIOTECAS COMUNS
As bibliotecas comuns ou Common Libraries são bibliotecas do próprio programa Flash contendo
alguns elementos que poderá utilizar várias vezes nos diversos filmes.
Além dessas quatro bibliotecas, o Flash 5 ainda contém a Biblioteca de Smart Clips que são
elementos de formulários e a Biblioteca Learning Interactions, com explicações de algumas
interacções.
Para utilizar um elemento que está em qualquer uma das bibliotecas, basta arrastá-lo para o
palco.
TIMELINE
MOVIE EXPLORER
Show Vídeos, Sounds and Bitmap : mostra os vídeos, sons e figuras inseridos no palco.
Customize which items to show : configura os itens que o Movie Explorer deve mostrar.
Ao clicar no ícone abrirá uma janela para marcar as opções.
NOVO FICHEIRO
Quando abre o programa Flash, ele abre com um novo ficheiro em branco. Iremos trabalhar nesse
ficheiro. Caso, por algum motivo, não abra um novo ficheiro, poderá iniciar o trabalho de três
modos:
File/New
Clicando no ícone New.
CRTL+N.
MOVIE PROPERTIES
No painel das propriedades ou menu Modify/Document.
Ruler Units: determina a unidade da régua. O valor padrão é em pixels. Para activar a
régua no Flash 5, abra o menu View/Rulers.
FRAMES
A quantidade de frames de uma animação, determinará o tamanho da animação. Em outras
palavras, significa que, se um filme tiver 10 frames e um segundo filme tiver 90 frames, o primeiro
filme será executado com maior rapidamente do que o segundo.
INSERIR FRAMES
Para inserir frames na timeline, clique no frame 1 (ou se o layer tiver mais frames, clique a partir
do frame que quer inserir) e pressione F5 quantas vezes forem necessárias.
A terceira opção é clicar com o botão direito do rato sobre o frame 1 e, em seguida, na opção
Insert Frame.
REMOVER FRAMES
Para remover um frame, clique com o botão direito do rato sobre o frame que pretende remover e
em seguida na opção Remove Frame.
Ou menu principal Insert -> Remove Frame ou ainda apertar as teclas SHIFT + F5.
KEYFRAMES
Deve inserir um keyframe quando pretender alterar o conteúdo de um frame ou quando quiser
inserir uma acção (Action) no frame.
INSERIR KEYFRAMES
Para inserir um keyframe, clique no frame onde for fazer a inserção e em seguida abra o menu
principal Insert -> Keyframe.
Se preferir utilizar uma tecla de atalho, pressione a tecla F6. Uma outra maneira de fazer a
inserção é clicar com o botão direito do rato no frame e em seguida em Insert Keyframe.
REMOVER KEYFRAMES
Para eliminar o conteúdo de um keyframe, abra o menu Insert -> Clear Keyframe.
Se quiser, clique com o botão direito do rato no keyframe que quer eliminar e em seguida em
Clear Keyframe. O atalho para essa função é SHIFT+F6.
LAYERS
Os layers ou camadas são usadas no desenvolvimento do seu filme para que uma animação não
interfira em outra. Dessa maneira é possível haver animações ocorrendo simultaneamente.
INSERIR LAYERS
Para inserir um layer, clique no ícone Insert Layer presente na parte inferior esquerda da
timeline.
ELIMINAR UM LAYER
Para eliminar um layer, clique sobre o layer que pretende eliminar e em seguida clique no ícone ,
presente na parte inferior da timeline.
CENAS
As cenas têm a finalidade de organizar o seu filme. Pode colocar uma secção do seu site numa
cena diferente.
INSERIR CENAS
Existem várias maneiras de se inserir uma cena. A mais fácil será utilizar o painel Scene.
Para inserir, clique no ícone Insert Scene na parte inferior direita do painel.
ELIMINAR CENAS
Para eliminar uma cena e todo o seu conteúdo, clique na cena que quer eliminar dentro do painel
Scene e em seguida clique no ícone . Abrirá uma janela de confirmação se realmente deseja
eliminar a cena, já que o processo é irreversível.
LABEL
O Label ou rótulo é o identificador de um frame.
INSERIR UM LABEL
A inserção de um rótulo deve ser efectuada no painel das propriedades.
Clique no frame onde pretende inserir o label e escreva o nome no campo Label do painel das
propriedades.
TESTAR O FILME
Para testar o filme abra o menu Control -> Test Movie ou utilize o atalho CRTL+ Enter.
EXPORTANDO O FILME
Para que seu filme seja visualizado na Internet, ele deverá ser exportado para o formato .swf.
Abra o menu File -> Export Movie.
Uma vez exportado, pode visualizar em qualquer computador que tenha o plug-in Flash Player
instalado.
DESENHAR
A combinação ferramenta + painel pode gerar efeitos interessantes, como a alteração do tipo de
traçado de linhas (Stroke), utilização de degradés (Fill) em cores internas de desenhos, entre
outros.
Para inserir texto, seleccione a ferramenta Text Tool e clique no palco para escrever. Utilize o
painel das propriedades para proceder à formatação.
ANIMAÇÕES
TWEENING MOTION
Aspecto da timeline com um keyframe no frame 30. Repare que o frame 30 passa a ter
uma “bolinha” preenchida, indicando que ali tem um keyframe.
Clique com a tecla direita do rato sobre as frames seleccionadas e opte por Create motion
tween.
Ou
TWEENING SHAPE
O Tweening shape é utilizado para criar movimentos em desenhos feitos no Flash.
Se o objecto a animar for um símbolo, texto ou objecto vectorial deverá executar o comando
Break Apart:
MASK
O mask ou máscara permite a substituição de um conteúdo sobreposto de uma camada por outro.
Deixe o Layer 1 com apenas um frame. Em seguida, crie um novo layer clicando no icone
Insert Layer na parte inferior esquerda da timeline.
Clique no frame 1 do layer de cima (Layer 2), seleccione a ferramenta Text Tool e digite
uma frase no palco.
Clique no frame 1 do layer de baixo (Layer 1), seleccione a ferramenta Rectangle Tool.
Em seguida, seleccione uma cor diferente da letra na ferramenta Fill Color.
Clique sobre o nome Layer 2 com o botão direito do rato e em seguida na opção Mask.
MOTION GUIDE
Clique em cima do nome Layer 1 com o botão direito do rato e em seguida no item Add
Motion Guide.
Um novo layer é automaticamente criado. Nesse layer, agora, chamado de Guide: Layer
1, deve ser especificado a trajectória do elemento presente no Layer 1.
SÍMBOLOS
Deve seleccionar com o ponteiro do rato o conteúdo que pretende transformar em símbolo e em
seguida abrir o menu Insert -> Convert to Symbol.
Botões
Os botões servem para determinar uma acção no filme. Essas acções podem ser disparadas
através de eventos do rato ou de teclado.
Gráficos
São imagens estáticas.
Movie-clips
São pequenos trechos de animações que são independentes da timeline principal. A interacção é
feita através do comando Tell Target.
BOTÕES
Abra o menu Insert / New Symbol.
Clique na palavra Scene 1 no alto da timeline do botão para regressar à cena principal.
Efectue um duplo clique sobre a acção Get URL. Na parte inferior da janela Actions digite
o endereço, ficheiro ou email a que se destina a hiperligação.
MOVIE CLIP
Abra o menu Insert/New symbol. Digite Bola Animada e seleccione Movie clip.
Seleccione da frame 1 à frame 10 e, com tecla direita do rato, clique em Create Motion
Tween.
Neste frame 10. Abra o menu Modify -> Transform -> Scale and Rotate.
Digite o valor 150 no campo Scale. Em seguida clique em Ok. O desenho aumentou de
tamanho. Ou Utilize a ferramenta Scale Tool
SONS
Além das animações, pode inserir sons nos seus filmes. Esses sons podem estar associados a:
um botão
uma timeline (principal ou dentro de um movie-clip).
Crie um botão.
Abra a biblioteca de som (menu Window -> Common Libraries -> Sounds).
Crie dois botões com o texto: Ligar Som e Desligar som, respectivamente.
Clique no frame 2.
Pode escolher um ficheiro nos seguintes formatos: wave, mp3, au, aiff.
Após o ficheiro ser importado, ele ficará na biblioteca do filme. Portanto, abra esta
biblioteca.
Retorne à Scene 1.
Clique sobre o movie-clip. No palco, ele estará invisível, porém surgirá um círculo ou uma
cruz mostrando a sua localização.
Efectue um duplo clique no action Tell Target. No campo target digite o nome que
escreveu anteriormente no campo Name.
Clique no botão Desligar Som e insira o action Tell Target, colocando no parâmetro
Target o nome som.
PUBLICAR O FILME
O filme em Flash exportado contém a extensão .swf. Este ficheiro é a que será inserida numa
página html.
O Flash contém um comando que publica o filme em uma página HTML, ou seja, ele mesmo cria
a página automaticamente!
O HTML será criado no directório onde o ficheiro .fla e o .swf foram guardados.
Formats: determina os formatos da publicação. A configuração padrão vem com os itens Flash
(swf) e HTML marcados.
Flash: Neste item encontram-se as configurações do filme Flash (.swf) a ser gerado.
Generate Size Report: especifica se quer que um ficheiro texto seja gerado ou não.
Omit Trace Actions: Trace é uma ferramenta para auxiliar o programador no momento de
depurar o código à procura de falhas (bugs).
Jpeg Quality: todas as imagens utilizadas no Flash serão gravadas no formato jpeg.
Override Sound Setting: permite que as configurações feitas no item Audio Stream e
Audio Event substituam as definidas dentro do filme,
HTML: neste item ficam as definições em relação à página HTML gerada. - Template: define um
tipo de html que será gerado. Os principais são:
Flash Only (default)’ que cria um HTML compatível com o Internet Explorer e Netscape e
‘User Choice’, onde um script de detecção do plug-in Flash Player é inserido
automaticamente verificando se o utilizador tem ou não o plug-in.
Window Mode: esse item funciona apenas no Internet Explorer e pode definir a
transparência de um filme.
Scale: essa opção só funciona se definir um tamanho diferente do tamanho do filme. Ela
especifica como será a disposição do filme no espaço disponível. O padrão é default,
onde todo o filme será visível no espaço especificado.
Show Warning Messages: especifica se quer exibir mensagens de erros e conflitos que
possam surgir no momento da publicação.
CRIAR EXECUTÁVEIS
A utilização de um executável, portanto, é amplo. Com os recursos do Flash 5, pode-se criar cd-
roms, jogos, cartões virtuais, entre outros e fazer a distribuição via disquete ou cd-rom.
Abra o menu File -> Publish Settings. No separador Formats marque a opção ‘Windows
Projector’ e ‘Macintosh Projector’ para criar executáveis para Windows e Macintosh,
respectivamente.
FS COMMANDS
Os FSCommands são comandos de Action Script que podem ser inseridos em executáveis.
Normalmente são aplicados no primeiro frame do filme e, em alguns casos no último também,
dependendo do tipo de comando.
Clique no frame 1 do seu filme que será transformado em executável e abra o painel Frame
Actions.
Showmenu: permite mostrar ou ocultar o menu que é accionado através do botão direito
do rato em qualquer área do filme.
Trapallkeys: permite anular a tecla ESC para que o filme saia do ecrã inteiro.