SlideShare uma empresa Scribd logo
1 de 83
Baixar para ler offline
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




                                                       1
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 animações 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




                                                   2
O que há de novo Flash MX 2004

O que veremos neste tutorial?
Neste tutorial veremos o que há de novo na nova versão do Flash MX, que já é
muito comentada entre os profissionais que trabalham com este maravilhoso
software da Macromedia. Veremos as principais mudanças em relação a versão
anterior - MX apenas - e também alguns recursos que são novos, exclusivos da
versão 2004. Ao final, uma conclusão sobre o software.

Conhecendo o programa

Baixe a versão Trial do site da Macromedia e instale em seu PC. Após a
instalação, abra o software clicando em seu ícone e veja que o Flash mostrará a
seguinte tela:




Esta tela nos pergunta se já temos um número serial válido ou se queremos
experimentar o software, opção que será utilizada neste tutorial! Selecione a opção
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 mudança -
pra melhor inclusive - nesta versão, o painel mostrado abaixo:




                                                                                  3
Com este painel podemos escolher entre abrir um documento recente, criar um
novo ou ainda criar um novo arquivo através de um modelo. Para conhecermos
melhor o painel e as novas opções, clique em Photo Slideshows:




Ao clicarmos na opção desejada, uma janela é aberta nos fornecendo duas
opções: General (geral) ou Templates (modelos). Clique primeiro em General para
conhecer:




                                                                                  4
Agora clique em Templates e perceba a diferença:




Note que na opção Templates o Flash nos fornece além da descrição, uma prévia
do arquivo modelo que estamos escolhendo. Clique em OK e esqueça um pouco
agora os templates e vamos ver o que há de novo no painel de ferramentas:




                                                                                5
Como você pode notar, a diferença deste painel de ferramentas para o da versão
anterior é a aparência, que mudou para melhor com toda a certeza! Além disso,
nossa área de trabalho também foi modificada, deixando-nos mais à vontade e
poupando tempo. Uma das mudanças foi quanto aos documentos abertos, que
agora ficam como uma espécie de ficha no topo da tela, bastando clicar no
documento desejado para mudar:




                                                                                 6
Trabalhando com novos recursos

O Flash MX 2004 (conforme já vimos) trouxe uma série de mudanças em termos
de aparência 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 máximo de tempo possível do
desenvolvedor. Prova disso são os efeitos que podem ser aplicados com um clique
através do menu que é exibido com o clique direito do mouse:




Lembra-se daquele efeito de Blur que você demorava alguns minutos pra executar,
utilizando várias camadas e frames? Pois é, agora é possível executar esse Blur
com um clique e configurar suas propriedades:




                                                                              7
Esta janela de edição do efeito é aberta logo após 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 próprio Flash criou! Achou que o efeito de Blur
não é o bastante? Então que tal por exemplo, poder aplicar a ação para arrastar
um Movie Clip com um clique, dispensando o painel de ações? Aqui está:




                                                                                    8
Este painel Behavior - também presente no Dreamweaver - foi uma ótima idéia da
Macromedia pois reúne algumas das princiipais funções utilizadas pelos
desenvolvedores - e que agora estão disponíveis 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 fácil, poupando muito trabalho? Basta indicar
o Movie Clip e clicar em OK para que o comportamento seja aplicado:




                                                                                9
Além disso, é possível modificar o evento que acionará o comportamento, assim
como é feito no Dreamweaver. Ainda falando sobre comportamentos, para quê
perder tempo escrevendo ações para sons se temos isso - mais uma vez - a um
clique do mouse? Veja:




Extremamente fácil não é? Mas prepare-se por que isso ainda não é tudo que há
de novo (ainda bem!): não podemos deixar de falar dos Components, aqueles
componentes que foram utilizados pela primeira vez no Flash MX. Só que desta
vez eles estão 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 fácil trabalhar com dados! Agora clique
em Media Components:

                                                                                10
Quer controlar um vídeo inserido no Flash? Basta utilizar um Componente
prontinho! Agora, clique em UI Components e veja a "pequena" lista:




Emocionante não é mesmo? Veja o número de componentes que podemos utilizar,
desde formulários até inserção um calendário feito em XML:




                                                                          11
Ah, você quer editar as propriedades deste calendário 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 não lhe agrada !

Finalizando o Tour

Já vimos muita coisa nova nesta versão mas ainda não é tudo! Não poderia deixar
de mencionar as mudanças de um painel extremamente importante para quem
trabalha com Flash: O painel de ações! Com um visual um pouco diferente e ainda
mais funcional, é com certeza uma das melhorias que mais me agrada:




                                                                                   12
Perceba o número de ações disponíveis para utilização - todas divididas
perfeitamente em seções. Como se não bastasse, temos ainda uma indicação da
cena e seleção que estamos aplicando a ação! Só pra você ter uma idéia do
número de ações disponíveis:




Incrivel, não ? :) ... Agora, de que adiantaria tantas mudanças se na hora de
publicarmos nosso trabalho não pudessemos configurá-lo perfeitamente? Este é
um trabalho para o Publish Settings que foi reformulado:




                                                                                13
Além da aparência nova, temos novas opções para configuração e otimização:




                                                                             14
Note que podemos inclusive setar a versão do ActioScript! Configurações HTML é
que não faltam:




                                                                             15
Deu pra perceber que melhorou bastante! Mas um software bom não pode deixar
de ter um Help digno não é 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 opção How Do I... (Como eu
faço para...) e atualizar seu Help entre outras opções.

Deja vú

Deixei esta novidade especialmente para o final do tutorial, pois é bastante
interessante. Veja a imagem abaixo:




Você já viu isso antes ou então este layout não te lembra algo? Pois é, parece que
a Macromedia - percebendo que o Flash faz sucesso em apresentações, graças a
sua interatividade - resolveu investir na área de apresentações. Com uma
aparência que se assemelha ao PowerPoint, o usuário pode adicionar e remover
Slides, adicionar interações com usuários, utilizar XML, componentes e várias
outras opções que tornam a apresentação no mínimo interessante! É dar tempo ao
tempo pra ver se essa investida "pega".

Conclusão

É 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 usuário se familiarize com tudo o que é
novo mas isso não será problema para a grande maioria! Alguns tópicos
interessantes:

- Para a tristeza de muitos, não foi desta vez que foi incluído um recurso 3D ao
software - e a meu ver será muito difícil disso acontecer, já que de acordo com a
Macromedia existem outros softwares no mercado que fazem esse trabalho muito
bem, exportando um formato compatível com o Flash. Mas como a esperança é a
última que morre, fica aí a expectativa - afinal a Macromedia já resolveu investir no
segmento de apresentações (dominado pelo PowerPoint) e para a linha de vídeo...

- Um dos problemas que pude perceber ao utilizar a nova versão: é pesado
demais! Rodando num Athlon XP 2000+ com 512DDR, o software "pede água"
muitas vezes, principalmente quando trabalhamos com vídeo, testamos a cena ou

                                                                                   17
ainda quando trabalhamos com os novos efeitos da linha de tempo. É uma pena, já
que a versão MX (6.0) era tão 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. Porém, se seu PC é um pouco mais modesto ou então se seu trabalho
com Flash resume-se à animações simples, é melhor ficar com a versão MX
mesmo, pelo menos por enquanto.


Estudo de camadas no Flash

As camadas são indispensáveis 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 são suas opções de
edição e visualização.

Entendendo as camadas

Essa é a visualização que temos das camadas no Flash:




Pelo que se pode ver, temos várias opções 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 botão indicado abaixo:




A outra camada é criada com o nome padrão de Camada 2, seguindo a
numeração:
                                                                               18
Para deletar uma camada, primeiro selecione-a e logo em seguida clique no botão
da lixeira:




É importante ressaltar que o Flash não pede a confirmação 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 símbolos e objetos em geral. Para criar uma camada guia,
simplesmente clique no botão indicado:




Desta forma a camada é criada e possui uma aparência um pouco diferente:




Como indicação, em seu nome sempre temos: Guia: Nome da Camada.

Agrupando camadas em Pastas

Esta opção é muito interessante quando temos um projeto com diversas camadas,
dificultando o trabalho já que a lista é grande. Para facilitar na organização, 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 organização é maior, facilitando o trabalho.

Opções de visualização e travamento

Quando estamos trabalhando com uma camada, um ícone de Lápis é exibido para
indicar que aquela camada está sendo editada:




Temos a opção de ocultar a visualização de uma camada e isso é feito geralmente
quando se quer ver o conteúdo das camadas que estão abaixo. Veja um exemplo
aonde a camada que está sendo editada possui um objeto no palco:




                                                                             20
Para ocultar a visualização deste objeto basta clicar no local indicado:




E pronto, o objeto está ocultado! Há casos ainda em que queremos que o conteúdo
de uma camada seja travado, ou seja, não possa sofrer modificações. Basta clicar
no local indicado:




Desta forma o objeto não será modificada ao menos que a camada seja
destravada.

Outras opções

Quando se tem várias camadas, fica difícil saber qual o conteúdo de cada uma
delas já que está tudo misturado no palco. É justamente por isso que existe a
opção de visualização em aramado. Veja um exemplo:

                                                                                21
O objeto foi exibido em uma determinada cor, facilitando sua distinção 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 opções
podem ser modificadas, desde nome até o tipo e altura da camada!


Som no Flash MX
Quando começamos 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

Faça o desenhe do que será o botão de Play e Stop e selecione os dois logo em
seguida:




                                                                                 22
Agora aperte F8 para criar um Movie Clip:




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




Agora dê dois cliques para abrir a edição do Clipe de Filme:




                                                                               23
Selecione aquele que será o botão Play e aperte F8 mas agora defina o
comportamento como Botão (Button). Faça 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 botão direito no Frame 1 e escolha a opção Ações:




                                                                           24
Coloque a ação stop(); para o Frame e feche o painel:




Agora precisamos criar mais um Clipe de Filme, que conterá a ação do som. Faça
um quadrado qualquer e defina-o como Clipe de Filme:




Para que este Clipe de Filme não fique visível, selecione-o e defina sua cor como
Alpha 0% na barra de propriedades:
                                                                                    25
Agora abra o painel de Ações para digitar a seguinte ação:




Esta ação define o objeto som e agora precisamos definir a ação de cada um dos
botões. Selecione o Frame 1, abra o painel de Ações para o botão Play e digite
a ação:




                                                                            26
Agora, a ação para o Stop:




Essa ação pára qualquer som que esteja sendo tocado.

Importando o som e definindo o vínculo

                                                       27
Agora vem o mais fácil: 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 botão direito do mouse
no arquivo de Som e escolha a opção Vinculação:




                                                                                 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 trajetória em S
por exemplo? Muita gente se pergunta como foi feito o efeito, já que teoricamente
só podemos fazer Interpolações de movimento horizontais, verticais ou diagonais.
Muito bem, é justamente isso que aprenderemos neste tutorial, utilizando a camada
guia!

Aprendendo na prática
Para fazermos uma trajetória diferente, vamos utilizar a camada guia e depois criar
uma linha guia que servirá como guia para o objeto animado. Não confunda essa
linha guia com a linha guia que utilizamos com réguas! Ainda não é hora mas saiba
que para acrescentar uma linha guia basta clicar no botão indicado:




Este é o objeto que faremos a animação, uma pena:




                                                                                 29
Vamos fazer uma interpolação 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 botão direito para escolher a opção Criar
Interpolação de Movimento:




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




                                                                                 30
Com a Interpolação já criada, já podemos criar uma camada guia clicando no seu
respectivo botão:




                                                                             31
Agora vamos desenhar uma linha guia com o Lápis, 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 Gráfico - está
centralizada e percorre a linha guia através do ponto do centro:




                                                                            33
Se quisermos por exemplo que ela percorra a linha através da ponta, basta editar o
Gráfico e colocá-la na ponta:




                                                                                34
Veja como ela percorrerá agora:




Agora é só testar seu filme e usar a imaginação!


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 padrão. O Flash nos
possibilita a crição 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, constituído de um triângulo de cor cinza. Antes de
começar a desenhar, vamos habilitar a opção para visualizar a grade no Flash
clicando em Exibir > Grade > Mostrar Grade:


                                                                                35
Agora vamos exibir as Réguas para podermos utilizar as linhas guias, clicando em
Exibir > Réguas:




Para criar uma linha guia, basta clicar na régua e arrastar a linha para o local
desejado. Como vamos criar um cursor que é um triângulo, precisamos configurar
as linha-guia para que o desenho seja o mais perfeito possível. 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 serão os vértices do triângulo! Agora,
selecione a ferramenta caneta:




Desenhe seu retângulo com a caneta, clicando nos pontos mostrados acima. Após
ter feito o desenho, retire as linha guia para ver como ficou:




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




                                                                             38
Após ter convertido-o em um Clipe de Filme, clique com o botão direito do mouse e
escolha a opção Ações:




Definindo as ações do Cursor

Esta é a parte onde definimos a programação que fará com que o Flash simule o
efeito de cursor. Clique no + e escolha o caminho Ações > 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 opção 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 opção Mouse moviment para que o Clipe de Filme comece a
ser arrastado quando o mouse for movimentado. Feche o painel de ações e
selecione seu Clipe de Filme. Quando selecionamos o Clipe de Filme podemos dar
um nome de instância à ele através do painel de Propriedades do Flash:




                                                                               40
Dê o nome de ponteiro para que o Flash possa fazer a ação 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 ações,
portanto, clique com o botão direito no Clipe de Filme e escolha a opção Ações.
Escolha o caminho Objetos > Filme > Mouse > Métodos > hide:




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




                                                                                 41
Painel propriedades no Flash MX


Neste tutorial veremos qual a função 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 começar 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 publicação, a cor de fundo e a taxa de Frames por segundo:




Caso você não 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 configurações do filme
Para vermos na prática o funcionamento do painel de Propriedades, vamos alterar
algumas configurações do filme. Clique no local indicado abaixo para modificarmos
algumas opções:




                                                                                42
Agora, clique no outro botão para modificarmos configurações de publicação:




Você ainda pode modificar a cor de fundo do filme e o FPS no próprio painel:




                                                                               43
Trabalhando com propriedades de ferramentas
Além de trabalhar com as propriedades do documento que estamos trabalhando,
podemos modificar as propriedades das ferramentas do Flash. Veja no exemplo
abaixo, a mudança 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 botão 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 também 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 formatação necessária para o texto:




Clicando em Format podemos definir por exemplo o espaçamento entre linhas e
outras formatações:




Além da formatação, podemos definir o tipo de texto que estaremos utilizando (se
ele será estático, dinâmico ou para entrada de dados):




Caso queira definir se o texto será de uma linha, inserir variáveis e definir os
caracteres que o campo aceita e muito mais, é pelo painel de propriedades que
"faremos o serviço":




                                                                                   45
Veja a definição de caracteres:




Esta opção é extremamente útil para formulários por exemplo, onde podemos
definir se ele aceitará qualquer tipo de caracter ou não.

No exemplo abaixo o texto foi formatado com um espaçamento de linha de 2
pontos:




Já neste, o campo de texto recebeu o comportamento de Texto para entrada de
dados, utilizado em formulários:




Oval, Rectangle e Pencil Tool

Seguindo a linha da maioria das ferramentas, a Oval também 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 retângulo, podemos modificar suas propriedades:




Perceba que tudo foi modificado, desde cor de preenchimento até tipo de contorno!

Modificando propriedades de símbolos

Como não poderia deixar de ser, os símbolos também têm seu espaço garantido
no painel de propriedades! Muitas vezes precisamos modificar propriedades de um
Movie Clip (como transparência, por exemplo) e é pelo painel que devemos
proceder:




                                                                               48
Basta clicar no Movie Clip para que suas propriedades apareção no painel. Acima
foi modificada a transparência!

Propriedades da timeline

Evidentemente a timeline não poderia ficar de fora! Ao selecionarmos um ou vários
Frames (quadros) o painel de propriedades exibe as opções existentes, que é
claro, podem ser modificadas.




Propriedades como interpolação, efeitos, som e várias outras podem ser
modificadas através do painel com um simples clique do mouse! Isso facilita muito
a vida do desenvolvedor, poupando tempo e trabalho!


Fazendo download de animações Flash
Você com certeza já jogou algum jogo em Flash ou viu boas animações pela
Internet e quis salvá-las - mas nunca soube como ? Então este tutorial ajudará
muito você !

1. Primeiramente crie uma pasta chamada Flash para salvar as suas animações.

2. Precisamos saber onde está localizada a pasta Temporary internet files, pois
sua localização varia de acordo com o sistema operacional usado: abra o Internet
Explorer e clique em Ferramentas > Opções da internet.

Em "Arquivos de Internet temporários" clique em Configurações e você verá a
localização 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 > Opções de pasta (Windows XP ou
similar) ou Menu iniciar > Configurações > Opções de pasta (Windows 98 ou
similar).

Em Opções de pasta, vá na aba Modo de exibição, desmarque a opção 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 opção de exibição 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 começo da lista que você verá os últimos arquivos que foram
acessados. A extensão destas animações 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 animações em textos, criando arquivos flash
(*.swf). O SWiSH está disponível para download em http://www.swishzone.com na
sua versão Trial (30 dias para expirar).

O termo Texto escolhido é o efeito Fade-In e o termo Texto 2 será o efeito Fade-
Out :) ...

   Criando efeito Fade-In em texto

Abra o SWiSH:




                                                                               52
Agora clique com o botão 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 botão direito do
mouse sobre o texto na animação e clique em Effect > Fade In:




                                                                                    54
Em Duration: coloque 25 frames e logo após clique em Close. O efeito já está no
seu texto. Agora vamos adicionar outra cena para podermos criar o efeito Fade-
Out: clique com o botão 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 botão 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 botão direito do
mouse sobre o texto na animação 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
duração dos frames utilizando esta barra logo abaixo:




Clique em > para visualizar a animação, e caso queira aumentar a duração 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 fácil e rápido, utilizando as opções de integração que eles
nos oferecem! Vamos ver como fazer uma animação e exportar como SWF dentro
do próprio Freehand :) ...

Começando a animação
Comece fazendo seu gráfico/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 animação. É muito simples: o Freehand só fará a animação se as camadas
estiverem agrupadas - caso contrário será exibida uma janela de aviso pedindo que
as camadas sejam agrupadas.

Para fazer a animação, selecione o objeto e depois clique em Xtras > Animate >
Release to Layers para que o Freehand distribua todos os objetos em camadas da
animação. 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 animação que queremos e alguns parâmetros desta
animação. Neste tutorial, utilizarei animação do tipo Build (construir). Veja a
configuração abaixo:




                                                                                  59
Clique em OK e perceba que agora seu painel de camadas está um pouco
diferente do inicio:




Repare na imagem acima o número de camadas que foi utilizado para fazer a
animação. Logo após fazer a animação, aperte Ctrl+Enter para testá-la (isso
mesmo: da mesma forma que se testa no Flash). Ao testar a animação o Freehand
nos "leva" para uma outra tela, onde podemos encontrar o painel de comando da
animação juntamente com os botões de exportação e configuração:




Caso esteja satisfeito com sua animação e queira exportá-la sem uma prévia
configuração (número de frames por segundo por exemplo), basta clicar no
segundo botão da direita para a esquerda. Caso queira fazer uma configuração,
clique no botão com o símbolo do Flash destacado em vermelho e veja a seguinte
tela:




                                                                             60
Neste painel você pode controlar desde número de frames por segundo até
compressão de imagem. Ao terminar a configuração, clique em OK e exporte seu
trabalho:




                                                                           61
Muito bem, você acaba de fazer sua animação 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 integração 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 animação, não é mesmo? Este
tutorial mostra exatamente como integrar estes dois aplicativos de forma rápida e
fácil: você poderá construir o objeto e até mesmo animá-lo dentro do Fireworks e
simplesmente exportar como um SWF do Flash!

Começando no Fireworks

Neste tutorial, utilizei o logo do Fórum do BABOO como objeto para a animação
dentro do Fireworks:




Para começar a animação, clique com o botão direito em cima do objeto e escolha
a opção Animation>Animate Selection ou simplesmente aperte Alt+Shift+F8.
Você verá a seguinte janela:




                                                                                    62
Nesta janela devemos configurar nossa animação de acordo com nossa vontade.
Neste tutorial, utilizei 5 Frames mas você pode utilizar quantos quiser! Após
configurar, clique em OK e perceba que seu objeto ficará semelhante ao da
imagem abaixo:




Estas "bolinhas" indicam o número de Frames da animação e a bolinha vermelha
indica a posição final do objeto no final da animação. Posicione-a como quiser e
teste a animação clicando no botão Play posicionado perto da barra de
propriedades. Depois de configurar e testar a animação, basta exportar o SWF ou
então "chamar" o Flash para fazer qualquer tipo de edição. A imagem abaixo
mostra o menu:




Perceba que você pode abrir o Flash clicando em Launch Macromedia Flash ou
então exportar o SWF escolhendo a opção Export SWF. Neste tutorial iremos
                                                                                63
utilizar a opção Export SWF, portanto clique nela para obter a janela de
configuração:




Quando clicamos em Export SWF o Fireworks nos apresenta a janela para
indicarmos o local onde salvaremos o arquivo e seu respectivo nome. Além disso,
existe um botão Options - indicado na figura acima - que serve para configurarmos
algumas opções do SWF a ser exportado, como por exemplo a qualidade do JPEG
e o número de frames. Configure o SWF e clique em OK e logo em seguida salve
seu trabalho. Pronto: você acaba de fazer uma animação SWF dentro do Fireworks
!
Editando no Fireworks e exportando de volta para o Flash

Você já deve ter se deparado com a seguinte situação: Importou uma imagem para
o Flash (um GIF, por exemplo) e percebeu que ela estava um pouco maior do que
o necessário ou então com as cores erradas. Neste caso, você não 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 botão Edit:




                                                                               64
Ao clicar na figura o Fireworks será aberto e a figura pode ser editada de acordo
com suas necessidades. Quando a edição estiver pronta, basta clicar no botão
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 é
possível baixar "extensões" na Web e instalá-las nos programas para obter
algumas funções adicionais. Saiba como usá-lo:

Antes de tudo iniciar o Extension Manager...




...e então, a primeira e única janela do Extension Manager se abrirá:




                                                                                    65
1. Clicando neste ícone poderá instalar novas extensões, apenas uma por vez.


2. Ao selecionar uma extensão já instalada, clicando nesse ícone é possível deletá-
la.


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


4. Clicando nesse ícone será direcionado para o site de intercâmbio da
Macromedia e lá é possível baixar novas extensões.


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 extensões já instaladas para tal aplicativo:


- Ativo/Inativo: Desmarcando essa "checkbox" poderá remover parcialmente a
extensão do programa. Caso queira ativar novamente a mesma depois de um
tempo marca-se essa caixa novamente.

- Extensões instaladas: Mostra o nome da extensão.

- Versão: Mostra a versão de determinada extensão.

- Tipo: Exibe o gênero da extensão, sendo estes: Comportamento(Behaviors) ou
Comando.

- Autor: Por último é exibido o autor de determinada extensão.

                                                                                66
7. Nesta área é mostrada informações adicionais sobre a extensão como, por
exemplo, a descrição de uso e sua função explicada detalhadamente.

Clicando no menu Arquivo, temos:




Instalar a extensão: Já descrito acima.


Empacotar extensão: Quando se cria uma nova extensão usa-se este recurso
para criar um pacote da mesma e pode distribuí-la mais facilmente na Web.


Enviar a extensão: Ao clicar sobre este menu, será direcionado para uma página
no site da Macromedia aonde se obtém mais informações de como enviar sua
extensão.


Remover extensão: Já descrito acima.


Importar extensões: Usa-se quando desejar importar muitas extensões de uma só
vez.


Ir para o intercâmbio da Macromedia: Já descrito acima.


Sair: Sairá do Extension Manager.

Vale lembrar que, para que as extensões instaladas apareçam 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 suíte para Web da Macromedia é
a integração fácil e rápida entre os softwares: neste tutorial eu abordarei uma
rápida integração entre o Flash e o Dreamweaver MX, que poupará muito tempo e
trabalho! Vamos começar:

Ao inserir um arquivo do Flash (usualmente um swf) no Dreamweaver, você notará
que na barra de Propriedades (Properties / Ctrl + F3) você tem algumas
informações sobre o arquivo além de algumas opções adicionais de configuração.
Veja a figura abaixo:




Note que este painel nos informa o tamanho do filme (circulado de vermelho acima)
e uma série de botões de configuração. Vejamos a função de cada um deles:

Loop: Deixe esta opção marcada caso queira que seu filme fique dando Loop, ou
seja, não pare de "tocar";
Autoplay: Deixe esta opção caso queira que seu filme começe a "tocar", ou inicie,
automaticante;
V Space: Espaçamento vertical;
H Space: Espaçamento 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 página;
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 botão EDIT está marcado em
vermelho para destacar: é neste botão que devemos clicar caso seja preciso fazer
alguma alteração no filme. Clique nele: o Dreamweaver abrirá o Macromedia Flash.
O Flash então pedirá para que você indique o arquivo de edição do swf. Indique e
clique em Abrir:




                                                                               68
Feito isso nós teremos o filme em modo de edição, bastando alterar o que for
necessário e clicar no botão Done localizado no canto superior esquerdo da janela.




Após clicar em Done, o Flash exportará o filme de volta para o Dreamweaver e
pronto: a edição 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 extraordinário que a
Macromedia nos traz: os Componentes do Flash MX! Você provavelmente já
precisou utilizar um Radio Button ou então fazer uma barra de rolagem na versão 5
(ou anteriores) não é mesmo?! Você se lembra que era preciso fazer tudo na mão
? 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 marcação" que você utiliza em Forms

ComboBox: a caixa de "Seleção", também conhecida como menu DropDown

ListBox: uma caixa com uma lista...

PushButton: o botão que você utiliza nos forms (submit, reset... lembra?)

RadioButton: o Botão de rádio que você utiliza, por exemplo, em enquetes

ScrollBar: a tão 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 características. 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á então a seguinte tela:




Nesta janela, basta preencher os dados e clicar em OK. Caso você queira definir
as ações para estes components, basta clicar no seguinte botão da Barra de
Propriedades:

                                                                                  71
O painel de Ações será aberto e você pode definir quais utilizar. Se você quiser
utilizar o ComboBox, por exemplo, você terá de utilizar ações para o Flash
reconhecer quando o usuário clicar em um item e assim redirecioná-lo.

Vejamos:

Após 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
reconheça cada vez que o item é modificado, ou seja, que o usuário clique em um
novo item do ComboBox. Depois, clique no botão para definir as ações e coloque a
ação:

function Teste() {
getURL(dropdown.getSelectedItem().data);
}

Perceba que este código 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" (Conteúdo do Scroll). Se você quiser colocar como conteúdo do
"ScrollPane" um texto, faça 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 opções "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
mão na massa e começar a praticar!



Cenas no Flash MX

Neste tutorial abordaremos as cenas do Flash MX. O que são?! Quando e por que
utilizar?! Veremos tudo isso adiante...

O Flash nos permite uma maior organização 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 não 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 botões:

- 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 não sabe quando utiliza-las não é
mesmo!? Esta é uma pergunta bastante comum e sua resposta é: depende! Isso
mesmo, depende! Isso porque em muitos casos a utilização de cenas não é nem
                                                                                 73
um pouco necessária - 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 "Capítulos". Para explicar melhor, imagine o seguinte: Você precisa fazer
uma apresentação que se divide em 5 capítulos:

- Introdução
- O Produto
- O Preço
- A Praça
- Conclusão

Imagine ainda que cada um destes capítulos se divida em mais 5 Sub-Capítulos.
Já imaginou o tamanho da Timeline e o número de Camadas que você deveria
criar para fazer toda esta apresentação?! Pois bem, neste caso o uso de Cenas é
absolutamente recomendado - sendo praticamente obrigatório - para que nosso
trabalho fique mais leve e organizado!




Observe a figura acima e perceba que o número 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 botão!




                                                                                 74
Basicamente, é isto! Quando precisar de uma maior organização ou precisar dividir
a animação em Capítulos, basta utilizar o painel de Cenas :) ...

Um exemplo em que a utilização de cenas é útil é quando precisamos construir um
"Loading" para um site produzido em Flash: basta criar uma cena antes da principal
e colocar a ação de "Loading" nela - desta forma enquanto o filme é carregado,
visualizamos o conteúdo 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 pareça, há pessoas que acreditam - equivocadamente -
que para optimizar um arquivo desenvolvido em Flash basta utilizar imagens com
baixa resolução / tamanho pequeno em Kb que já é suficiente! Se fosse assim, não
teriamos - graças à Macromedia - a opção de exportação/publicação do Flash.

Para começar, abra o painel de configuração de exportação do filme, conforme
indica a figura abaixo (ou simplesmente aperte Ctrl + Shift + F12):




Perceba (conforme figura abaixo) que o painel nos fornece três 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 várias opções: na primeira podemos escolher qual a versão do
Flash que exportaremos. A segunda indica a ordem de carregamento e logo abaixo
temos várias opções (como "Proteger contra importação" por exemplo). No nosso
caso, devemos ficar atentos as opções marcadas:

JPEG Quality: Aqui você pode escolher a qualidade dos JPEGS que contém em
seu filme. Caso ache que estão 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 rápido mas possui as
imagens mais "medonhas" da web não é mesmo!?

Depois temos a opção 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 opção de modificarmos a "compressão" do arquivo de
Audio, o seu Bit Rate e sua qualidade. Em muitos casos, essa opção nos poupa
vários Kb na versão 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 várias opções interessantes e poucas pessoas conhecem/utilizam
esta "mão na roda". Para este tutorial, o que nos interessa nesta aba é a opção
"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 começar a colher os frutos, ou
melhor, pegar os peixes hehehe .... Explore bastante este painel de configurações,
pois com certeza você encontrará muita coisa útil!

Tutorial produzido utilizando Flash MX versão em Inglês



Painel Tools Flash MX

Muitas pessoas que trabalham ou pretendem trabalhar com o Flash não 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 função de cada uma delas.
Analise a figura abaixo atentamente:




                                                                                  78
Provavelmente você já viu a maioria das ferramentas deste painel em algum
software gráfico, como Photoshop e Corel Draw, apenas para citar como exemplos.
Mas será que você sabe realmente a função de cada uma delas?! Bem, é
exatamente isto que veremos a seguir:

Arrow Tool (V) - também conhecida popularmente como "ferramenta de seleção".
Como o próprio nome já diz, serve para selecionarmos os objetos no palco e tem
como atalho, a tecla "V".

Subselection Tool (A) - ferramenta de Sub-seleção, ao contrário do que muitos
pensam, não faz a mesma coisa que a de seleção 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 também 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 opção varinha mágica. Tem como tecla de atalho a
letra L.

Pen Tool (P) - ferramenta também 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 estático), Dinamyc Text (texto dinâmico) e
Input Text (texto de entrada). Tem como atalho, a tecla T.

Oval Tool (O) - a ferramenta Oval, também conhecida como círculo, serve para
construirmos/desenharmos circunferências. Tem como atalho, a tecla O.

Rectangle Tool (R) - a ferramenta Rectangle, ou simplesmente retângulo, serve
para desenharmos retângulos, quadrados...tem como atalho a tecla R. Ainda nos
dá as seguintes opções:

        O Botão indicado na figura ao lado serve para configurarmos as bordas do
        retângulo. Se você quiser um retângulo com bordas arredondadas por
        exemplo, é ali que deve configurar.




Pencil Tool (Y) - a ferramenta pencil (lápis) serve para desenharmos livremente no
palco. Ainda nos dá as seguintes opções:


                              Endireitar: serve para o Flash endireitar
                              automaticamete o traçado

                              O Flash fará com que seu traçado seja suave

                              O Flash será o mais fiel possível em seu traçado




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 opções no painel "Options" conforme indica a figura:

                       Opções: opções de preenchimento

                       Tamanho: opção para modificarmos o tamanho do brush

                       Formato: opção para modificarmos o formato do brush


                                                                                  80
Lock Fill: Serve para travarmos um determinado preenchimento


                  O painel ao lado nos mostra as opções de preenchimento, que
                  podem ser:

                  Paint normal: pintar normalmente
                  Paint fills: Pintar preenchimentos
                  Paint Behind: Pintar atrás de um objeto
                  Paint Selection: Pintar uma seleção
                  Paint Inside: Pintar dentro de um objeto


Free Transform (Q) - ferramenta de transformação livre do Flash. Se você tem por
exemplo um retângulo e quer aumentar seu tamanho, esta é a ferramenta a ser
utilizada. Tem como atalho a letra Q e nos fornece as opções:




Fill Transform (F) - a ferramenta de transformação 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 opções:


                      Don´t Close Gaps: não fechar "lacunas/buracos" *

                      Close Small Gaps: fechar pequenas "lacunas/buracos"

                      Close Medium Gaps: fechar "lacunas/buracos" médias

                      Close Large Gaps: fechar grandes "lacunas/buracos"

                    * Quando por exemplo você fez um quadrado mas não 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 não
sabe exatamente qual o código 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, também conhecida como "borracha" serve
para apagarmos uma determinada área ou um objeto. Tem como tecla de atalho a
letra E e possui as seguintes opções:


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

                      Torneira: apaga todo o objeto selecionado

- Formato: mostra os formatos disponíveis 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 botão 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, porém, dependendo do caso pode irritar o usuário!



                                                                                 82
Transformação - Serve para transformação 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 versão em Inglês)

     &6B¤1864¤1)©$ ! ©§ ¦¤¢ 
    9 #5 A @ 9 0 2 753 2 0 ( ' % #    § ¨ ¥£ ¡
     $b$Y UP ¤V8U¢SQ¦HG¤E©C
    a a Y ` X D WE IG T R P I D F D




                                                                              83

Mais conteúdo relacionado

Mais procurados

Prezi tutorial
Prezi tutorialPrezi tutorial
Prezi tutorialeslisboa
 
Tutorial prezi de Teles Cristine
Tutorial prezi de Teles CristineTutorial prezi de Teles Cristine
Tutorial prezi de Teles Cristinetcristinne
 
Apresentação TPSI - ISEC (Animação)
Apresentação TPSI - ISEC (Animação)Apresentação TPSI - ISEC (Animação)
Apresentação TPSI - ISEC (Animação)João Leal
 
Dicas e truques para Windows Seven - 1ª edição
Dicas e truques para Windows Seven - 1ª ediçãoDicas e truques para Windows Seven - 1ª edição
Dicas e truques para Windows Seven - 1ª ediçãoclaudnhamonica
 
Manual Joomla 1.5
 Manual Joomla 1.5 Manual Joomla 1.5
Manual Joomla 1.5Nuno Pereira
 
Tutorial de Administração de site em CMS XOOPS
Tutorial de Administração de site em CMS XOOPSTutorial de Administração de site em CMS XOOPS
Tutorial de Administração de site em CMS XOOPSLuis Marcelo Zanlucki
 
Appostila photoshop
Appostila photoshopAppostila photoshop
Appostila photoshopjpnews1956
 
Tutorial Hot Potatoes[1]
Tutorial Hot Potatoes[1]Tutorial Hot Potatoes[1]
Tutorial Hot Potatoes[1]ajvp
 
Tutorial de Administração de site em CMS XOOPS ver.2
Tutorial de Administração de site em CMS XOOPS ver.2Tutorial de Administração de site em CMS XOOPS ver.2
Tutorial de Administração de site em CMS XOOPS ver.2Luis Marcelo Zanlucki
 
Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3
Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3
Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3🎯Renatho Sinuma MBA™®🎓
 

Mais procurados (20)

Tutorial prezi
Tutorial preziTutorial prezi
Tutorial prezi
 
Tutorial_Adobe_Premiere.pdf
Tutorial_Adobe_Premiere.pdfTutorial_Adobe_Premiere.pdf
Tutorial_Adobe_Premiere.pdf
 
Hotpotatoes jn
Hotpotatoes jnHotpotatoes jn
Hotpotatoes jn
 
Prezi tutorial
Prezi tutorialPrezi tutorial
Prezi tutorial
 
Tutorial prezi de Teles Cristine
Tutorial prezi de Teles CristineTutorial prezi de Teles Cristine
Tutorial prezi de Teles Cristine
 
Apresentação TPSI - ISEC (Animação)
Apresentação TPSI - ISEC (Animação)Apresentação TPSI - ISEC (Animação)
Apresentação TPSI - ISEC (Animação)
 
Apresentação Prezi
Apresentação PreziApresentação Prezi
Apresentação Prezi
 
Prezi Básico
Prezi BásicoPrezi Básico
Prezi Básico
 
Como fazer blog_final
Como fazer blog_finalComo fazer blog_final
Como fazer blog_final
 
Flash basico
Flash basicoFlash basico
Flash basico
 
Dicas e truques para Windows Seven - 1ª edição
Dicas e truques para Windows Seven - 1ª ediçãoDicas e truques para Windows Seven - 1ª edição
Dicas e truques para Windows Seven - 1ª edição
 
Manual Joomla 1.5
 Manual Joomla 1.5 Manual Joomla 1.5
Manual Joomla 1.5
 
Flash material
Flash materialFlash material
Flash material
 
Blogger
BloggerBlogger
Blogger
 
Tutorial de Administração de site em CMS XOOPS
Tutorial de Administração de site em CMS XOOPSTutorial de Administração de site em CMS XOOPS
Tutorial de Administração de site em CMS XOOPS
 
Appostila photoshop
Appostila photoshopAppostila photoshop
Appostila photoshop
 
Tutorial Hot Potatoes[1]
Tutorial Hot Potatoes[1]Tutorial Hot Potatoes[1]
Tutorial Hot Potatoes[1]
 
Tutorial de Administração de site em CMS XOOPS ver.2
Tutorial de Administração de site em CMS XOOPS ver.2Tutorial de Administração de site em CMS XOOPS ver.2
Tutorial de Administração de site em CMS XOOPS ver.2
 
Apostila ps
Apostila psApostila ps
Apostila ps
 
Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3
Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3
Manual de Boas Práticas do Uso de Multimídia - Canal Futura - V.3
 

Semelhante a Tutorial de macromedia flash

Apostila dominando ps cs5
Apostila dominando ps cs5Apostila dominando ps cs5
Apostila dominando ps cs5grazielli1993
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0A C Octaviani Jr
 
Manual Detalhado de Instrução ao Basecamp
Manual Detalhado de Instrução ao BasecampManual Detalhado de Instrução ao Basecamp
Manual Detalhado de Instrução ao BasecampErickSerrat
 
Curso de Joomla na Pratica
Curso de Joomla na PraticaCurso de Joomla na Pratica
Curso de Joomla na PraticaGrupo Treinar
 
Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Cleber Gouveia
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Jennifer Payne
 
Trabalho marketing digital escrito
Trabalho marketing digital escritoTrabalho marketing digital escrito
Trabalho marketing digital escrito682000
 
Apostila Power BI Udemy.pdf
Apostila Power BI Udemy.pdfApostila Power BI Udemy.pdf
Apostila Power BI Udemy.pdfJesseFilipe
 
2ª prova pós web 1ª chamada
2ª prova pós web 1ª chamada2ª prova pós web 1ª chamada
2ª prova pós web 1ª chamadaAlexandre Ernesto
 
Tutorial e Curso de Moodle: Parte 2 de 5
Tutorial e Curso de Moodle: Parte 2 de 5Tutorial e Curso de Moodle: Parte 2 de 5
Tutorial e Curso de Moodle: Parte 2 de 5EAD Amazon
 
Aprenda joomla
Aprenda joomlaAprenda joomla
Aprenda joomlapedokajr
 
Dez dicas para_acompanhamento_de_bugs
Dez dicas para_acompanhamento_de_bugsDez dicas para_acompanhamento_de_bugs
Dez dicas para_acompanhamento_de_bugsPaulo Mattos
 
Consultoria sobre Joomla!
Consultoria sobre Joomla! Consultoria sobre Joomla!
Consultoria sobre Joomla! Grupo Treinar
 

Semelhante a Tutorial de macromedia flash (20)

Apostila dominando ps cs5
Apostila dominando ps cs5Apostila dominando ps cs5
Apostila dominando ps cs5
 
Apostila%20 dominando%20pscs5
Apostila%20 dominando%20pscs5Apostila%20 dominando%20pscs5
Apostila%20 dominando%20pscs5
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0
 
Manual Detalhado de Instrução ao Basecamp
Manual Detalhado de Instrução ao BasecampManual Detalhado de Instrução ao Basecamp
Manual Detalhado de Instrução ao Basecamp
 
Aula 02
Aula 02Aula 02
Aula 02
 
Curso de Joomla na Pratica
Curso de Joomla na PraticaCurso de Joomla na Pratica
Curso de Joomla na Pratica
 
Ai ad-tp3-g3
Ai ad-tp3-g3Ai ad-tp3-g3
Ai ad-tp3-g3
 
Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1
 
Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!Aprenda Joomla! 1.5 fácil!
Aprenda Joomla! 1.5 fácil!
 
Trabalho marketing digital escrito
Trabalho marketing digital escritoTrabalho marketing digital escrito
Trabalho marketing digital escrito
 
Apostila Power BI Udemy.pdf
Apostila Power BI Udemy.pdfApostila Power BI Udemy.pdf
Apostila Power BI Udemy.pdf
 
2ª prova pós web 1ª chamada
2ª prova pós web 1ª chamada2ª prova pós web 1ª chamada
2ª prova pós web 1ª chamada
 
Conhecendo o pacote office 2010
Conhecendo o pacote office 2010Conhecendo o pacote office 2010
Conhecendo o pacote office 2010
 
Tutorial e Curso de Moodle: Parte 2 de 5
Tutorial e Curso de Moodle: Parte 2 de 5Tutorial e Curso de Moodle: Parte 2 de 5
Tutorial e Curso de Moodle: Parte 2 de 5
 
Semana 7 e_8_c
Semana 7 e_8_cSemana 7 e_8_c
Semana 7 e_8_c
 
Aprenda joomla
Aprenda joomlaAprenda joomla
Aprenda joomla
 
Dez dicas para_acompanhamento_de_bugs
Dez dicas para_acompanhamento_de_bugsDez dicas para_acompanhamento_de_bugs
Dez dicas para_acompanhamento_de_bugs
 
Joomla
JoomlaJoomla
Joomla
 
Consultoria sobre Joomla!
Consultoria sobre Joomla! Consultoria sobre Joomla!
Consultoria sobre Joomla!
 
Flash
FlashFlash
Flash
 

Mais de EMSNEWS

Excecoes
ExcecoesExcecoes
ExcecoesEMSNEWS
 
Webpages2
Webpages2Webpages2
Webpages2EMSNEWS
 
Html completo
Html completoHtml completo
Html completoEMSNEWS
 
Webpages
WebpagesWebpages
WebpagesEMSNEWS
 
Java script
Java scriptJava script
Java scriptEMSNEWS
 
Fontes chaveadas
Fontes chaveadasFontes chaveadas
Fontes chaveadasEMSNEWS
 
Cabeamentos e conectores
Cabeamentos e conectores Cabeamentos e conectores
Cabeamentos e conectores EMSNEWS
 
Cabeamento de redes
Cabeamento de redesCabeamento de redes
Cabeamento de redesEMSNEWS
 
Aterramento
AterramentoAterramento
AterramentoEMSNEWS
 
Aspectos transistores
Aspectos transistoresAspectos transistores
Aspectos transistoresEMSNEWS
 

Mais de EMSNEWS (20)

As 400
As 400As 400
As 400
 
Excecoes
ExcecoesExcecoes
Excecoes
 
Applets
AppletsApplets
Applets
 
Aglets
AgletsAglets
Aglets
 
Webpages2
Webpages2Webpages2
Webpages2
 
Atag10
Atag10Atag10
Atag10
 
Html
HtmlHtml
Html
 
Guia5
Guia5Guia5
Guia5
 
Assign
AssignAssign
Assign
 
Guia4
Guia4Guia4
Guia4
 
Html
HtmlHtml
Html
 
Html completo
Html completoHtml completo
Html completo
 
Webpages
WebpagesWebpages
Webpages
 
Java script
Java scriptJava script
Java script
 
Fontes chaveadas
Fontes chaveadasFontes chaveadas
Fontes chaveadas
 
Cabeamentos e conectores
Cabeamentos e conectores Cabeamentos e conectores
Cabeamentos e conectores
 
Cabeamento de redes
Cabeamento de redesCabeamento de redes
Cabeamento de redes
 
Básico
BásicoBásico
Básico
 
Aterramento
AterramentoAterramento
Aterramento
 
Aspectos transistores
Aspectos transistoresAspectos transistores
Aspectos transistores
 

Último

Slides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptx
Slides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptxSlides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptx
Slides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptxLuizHenriquedeAlmeid6
 
Regimento da ADUFC-Seção Sindical do ANDES-SN
Regimento da ADUFC-Seção Sindical do ANDES-SNRegimento da ADUFC-Seção Sindical do ANDES-SN
Regimento da ADUFC-Seção Sindical do ANDES-SNADUFC S.Sind
 
Exercícios_Figuras_de_Linguagem para fundamental e medio
Exercícios_Figuras_de_Linguagem  para fundamental e medioExercícios_Figuras_de_Linguagem  para fundamental e medio
Exercícios_Figuras_de_Linguagem para fundamental e medioFernanda Mota
 
1. A atividade toda jurídica ocorre no plano do direito interno ou externo?
1. A atividade toda jurídica ocorre no plano do direito interno ou externo?1. A atividade toda jurídica ocorre no plano do direito interno ou externo?
1. A atividade toda jurídica ocorre no plano do direito interno ou externo?excellenceeducaciona
 
Como bem castigar os escravos - Jorge Benci 1700.pdf
Como bem castigar os escravos - Jorge Benci 1700.pdfComo bem castigar os escravos - Jorge Benci 1700.pdf
Como bem castigar os escravos - Jorge Benci 1700.pdfTiagoGarros
 
1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...
1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...
1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...excellenceeducaciona
 
Introducao-sobre-Libâneo.pptx_20240308_212613_0000.pptx
Introducao-sobre-Libâneo.pptx_20240308_212613_0000.pptxIntroducao-sobre-Libâneo.pptx_20240308_212613_0000.pptx
Introducao-sobre-Libâneo.pptx_20240308_212613_0000.pptxgabrieladesousa54
 
01. Considerando as informações da imagem acima, explique de formas simples e...
01. Considerando as informações da imagem acima, explique de formas simples e...01. Considerando as informações da imagem acima, explique de formas simples e...
01. Considerando as informações da imagem acima, explique de formas simples e...atividademapa3
 
Dengue - Atividades números naturais.docx
Dengue - Atividades números naturais.docxDengue - Atividades números naturais.docx
Dengue - Atividades números naturais.docxAndré Morária
 
3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...
3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...
3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...azulassessoriaacadem3
 
4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...
4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...
4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...excellenceeducaciona
 
Trabalho Faculdade AD1 Didática - 2024 P
Trabalho Faculdade AD1 Didática - 2024 PTrabalho Faculdade AD1 Didática - 2024 P
Trabalho Faculdade AD1 Didática - 2024 PWallasTmara
 
Slides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptx
Slides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptxSlides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptx
Slides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Antologia Literária NATAL em Versos 2023
Antologia Literária NATAL em Versos 2023Antologia Literária NATAL em Versos 2023
Antologia Literária NATAL em Versos 2023Nome Sobrenome
 
Aula 2 - Beauty standards (Part 1) ula de inglês
Aula 2 - Beauty standards (Part 1) ula de inglêsAula 2 - Beauty standards (Part 1) ula de inglês
Aula 2 - Beauty standards (Part 1) ula de inglêsAldoBlfia1
 

Último (20)

NBR 10520.2023. Citações. 1s24 (revisão em 09mar24).pdf
NBR 10520.2023. Citações. 1s24 (revisão em 09mar24).pdfNBR 10520.2023. Citações. 1s24 (revisão em 09mar24).pdf
NBR 10520.2023. Citações. 1s24 (revisão em 09mar24).pdf
 
Slides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptx
Slides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptxSlides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptx
Slides Lição 13, CPAD, O Poder de Deus na Missão da Igreja.pptx
 
Regimento da ADUFC-Seção Sindical do ANDES-SN
Regimento da ADUFC-Seção Sindical do ANDES-SNRegimento da ADUFC-Seção Sindical do ANDES-SN
Regimento da ADUFC-Seção Sindical do ANDES-SN
 
Exercícios_Figuras_de_Linguagem para fundamental e medio
Exercícios_Figuras_de_Linguagem  para fundamental e medioExercícios_Figuras_de_Linguagem  para fundamental e medio
Exercícios_Figuras_de_Linguagem para fundamental e medio
 
1. A atividade toda jurídica ocorre no plano do direito interno ou externo?
1. A atividade toda jurídica ocorre no plano do direito interno ou externo?1. A atividade toda jurídica ocorre no plano do direito interno ou externo?
1. A atividade toda jurídica ocorre no plano do direito interno ou externo?
 
Como bem castigar os escravos - Jorge Benci 1700.pdf
Como bem castigar os escravos - Jorge Benci 1700.pdfComo bem castigar os escravos - Jorge Benci 1700.pdf
Como bem castigar os escravos - Jorge Benci 1700.pdf
 
Sugestões para a montagem e desenvolvimento de slides.pdf
Sugestões para a montagem e desenvolvimento de slides.pdfSugestões para a montagem e desenvolvimento de slides.pdf
Sugestões para a montagem e desenvolvimento de slides.pdf
 
Complementação: Aplicando as Normas da ABNT. 1s24.pdf
Complementação: Aplicando as Normas da ABNT. 1s24.pdfComplementação: Aplicando as Normas da ABNT. 1s24.pdf
Complementação: Aplicando as Normas da ABNT. 1s24.pdf
 
1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...
1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...
1) De posse do conhecimento da sequência molde do DNA (gene), necessária para...
 
Introducao-sobre-Libâneo.pptx_20240308_212613_0000.pptx
Introducao-sobre-Libâneo.pptx_20240308_212613_0000.pptxIntroducao-sobre-Libâneo.pptx_20240308_212613_0000.pptx
Introducao-sobre-Libâneo.pptx_20240308_212613_0000.pptx
 
01. Considerando as informações da imagem acima, explique de formas simples e...
01. Considerando as informações da imagem acima, explique de formas simples e...01. Considerando as informações da imagem acima, explique de formas simples e...
01. Considerando as informações da imagem acima, explique de formas simples e...
 
NBR 14724.2011. Trabalhos acadêmicos. 1s24.pdf
NBR 14724.2011. Trabalhos acadêmicos. 1s24.pdfNBR 14724.2011. Trabalhos acadêmicos. 1s24.pdf
NBR 14724.2011. Trabalhos acadêmicos. 1s24.pdf
 
Dengue - Atividades números naturais.docx
Dengue - Atividades números naturais.docxDengue - Atividades números naturais.docx
Dengue - Atividades números naturais.docx
 
3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...
3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...
3. Como será feita a apresentação do conteúdo destas abordagens? Serão debate...
 
4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...
4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...
4) Por fim, discorra sobre como a inovação pode representar uma estratégia co...
 
Trabalho Faculdade AD1 Didática - 2024 P
Trabalho Faculdade AD1 Didática - 2024 PTrabalho Faculdade AD1 Didática - 2024 P
Trabalho Faculdade AD1 Didática - 2024 P
 
NBR 6023/2018 (Corrigida em 2020). Referências. 1s24.pdf
NBR 6023/2018 (Corrigida em 2020). Referências. 1s24.pdfNBR 6023/2018 (Corrigida em 2020). Referências. 1s24.pdf
NBR 6023/2018 (Corrigida em 2020). Referências. 1s24.pdf
 
Slides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptx
Slides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptxSlides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptx
Slides Lição 12, BETEL, O verdadeiro sentido de serem dois em um, 1Tr24.pptx
 
Antologia Literária NATAL em Versos 2023
Antologia Literária NATAL em Versos 2023Antologia Literária NATAL em Versos 2023
Antologia Literária NATAL em Versos 2023
 
Aula 2 - Beauty standards (Part 1) ula de inglês
Aula 2 - Beauty standards (Part 1) ula de inglêsAula 2 - Beauty standards (Part 1) ula de inglês
Aula 2 - Beauty standards (Part 1) ula de inglês
 

Tutorial de macromedia flash

  • 1. 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 1
  • 2. 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 animações 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 2
  • 3. O que há de novo Flash MX 2004 O que veremos neste tutorial? Neste tutorial veremos o que há de novo na nova versão do Flash MX, que já é muito comentada entre os profissionais que trabalham com este maravilhoso software da Macromedia. Veremos as principais mudanças em relação a versão anterior - MX apenas - e também alguns recursos que são novos, exclusivos da versão 2004. Ao final, uma conclusão sobre o software. Conhecendo o programa Baixe a versão Trial do site da Macromedia e instale em seu PC. Após a instalação, abra o software clicando em seu ícone e veja que o Flash mostrará a seguinte tela: Esta tela nos pergunta se já temos um número serial válido ou se queremos experimentar o software, opção que será utilizada neste tutorial! Selecione a opção 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 mudança - pra melhor inclusive - nesta versão, o painel mostrado abaixo: 3
  • 4. Com este painel podemos escolher entre abrir um documento recente, criar um novo ou ainda criar um novo arquivo através de um modelo. Para conhecermos melhor o painel e as novas opções, clique em Photo Slideshows: Ao clicarmos na opção desejada, uma janela é aberta nos fornecendo duas opções: General (geral) ou Templates (modelos). Clique primeiro em General para conhecer: 4
  • 5. Agora clique em Templates e perceba a diferença: Note que na opção Templates o Flash nos fornece além da descrição, uma prévia do arquivo modelo que estamos escolhendo. Clique em OK e esqueça um pouco agora os templates e vamos ver o que há de novo no painel de ferramentas: 5
  • 6. Como você pode notar, a diferença deste painel de ferramentas para o da versão anterior é a aparência, que mudou para melhor com toda a certeza! Além disso, nossa área de trabalho também foi modificada, deixando-nos mais à vontade e poupando tempo. Uma das mudanças foi quanto aos documentos abertos, que agora ficam como uma espécie de ficha no topo da tela, bastando clicar no documento desejado para mudar: 6
  • 7. Trabalhando com novos recursos O Flash MX 2004 (conforme já vimos) trouxe uma série de mudanças em termos de aparência 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 máximo de tempo possível do desenvolvedor. Prova disso são os efeitos que podem ser aplicados com um clique através do menu que é exibido com o clique direito do mouse: Lembra-se daquele efeito de Blur que você demorava alguns minutos pra executar, utilizando várias camadas e frames? Pois é, agora é possível executar esse Blur com um clique e configurar suas propriedades: 7
  • 8. Esta janela de edição do efeito é aberta logo após 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 próprio Flash criou! Achou que o efeito de Blur não é o bastante? Então que tal por exemplo, poder aplicar a ação para arrastar um Movie Clip com um clique, dispensando o painel de ações? Aqui está: 8
  • 9. Este painel Behavior - também presente no Dreamweaver - foi uma ótima idéia da Macromedia pois reúne algumas das princiipais funções utilizadas pelos desenvolvedores - e que agora estão disponíveis 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 fácil, poupando muito trabalho? Basta indicar o Movie Clip e clicar em OK para que o comportamento seja aplicado: 9
  • 10. Além disso, é possível modificar o evento que acionará o comportamento, assim como é feito no Dreamweaver. Ainda falando sobre comportamentos, para quê perder tempo escrevendo ações para sons se temos isso - mais uma vez - a um clique do mouse? Veja: Extremamente fácil não é? Mas prepare-se por que isso ainda não é tudo que há de novo (ainda bem!): não podemos deixar de falar dos Components, aqueles componentes que foram utilizados pela primeira vez no Flash MX. Só que desta vez eles estão 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 fácil trabalhar com dados! Agora clique em Media Components: 10
  • 11. Quer controlar um vídeo inserido no Flash? Basta utilizar um Componente prontinho! Agora, clique em UI Components e veja a "pequena" lista: Emocionante não é mesmo? Veja o número de componentes que podemos utilizar, desde formulários até inserção um calendário feito em XML: 11
  • 12. Ah, você quer editar as propriedades deste calendário 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 não lhe agrada ! Finalizando o Tour Já vimos muita coisa nova nesta versão mas ainda não é tudo! Não poderia deixar de mencionar as mudanças de um painel extremamente importante para quem trabalha com Flash: O painel de ações! Com um visual um pouco diferente e ainda mais funcional, é com certeza uma das melhorias que mais me agrada: 12
  • 13. Perceba o número de ações disponíveis para utilização - todas divididas perfeitamente em seções. Como se não bastasse, temos ainda uma indicação da cena e seleção que estamos aplicando a ação! Só pra você ter uma idéia do número de ações disponíveis: Incrivel, não ? :) ... Agora, de que adiantaria tantas mudanças se na hora de publicarmos nosso trabalho não pudessemos configurá-lo perfeitamente? Este é um trabalho para o Publish Settings que foi reformulado: 13
  • 14. Além da aparência nova, temos novas opções para configuração e otimização: 14
  • 15. Note que podemos inclusive setar a versão do ActioScript! Configurações HTML é que não faltam: 15
  • 16. Deu pra perceber que melhorou bastante! Mas um software bom não pode deixar de ter um Help digno não é mesmo? Pensando nisso, a Macromedia elaborou um dos Helps mais eficazes já vistos, totalmente intuitivo: 16
  • 17. Você pode conferir sobre as tarefas comuns, utilizar a opção How Do I... (Como eu faço para...) e atualizar seu Help entre outras opções. Deja vú Deixei esta novidade especialmente para o final do tutorial, pois é bastante interessante. Veja a imagem abaixo: Você já viu isso antes ou então este layout não te lembra algo? Pois é, parece que a Macromedia - percebendo que o Flash faz sucesso em apresentações, graças a sua interatividade - resolveu investir na área de apresentações. Com uma aparência que se assemelha ao PowerPoint, o usuário pode adicionar e remover Slides, adicionar interações com usuários, utilizar XML, componentes e várias outras opções que tornam a apresentação no mínimo interessante! É dar tempo ao tempo pra ver se essa investida "pega". Conclusão É 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 usuário se familiarize com tudo o que é novo mas isso não será problema para a grande maioria! Alguns tópicos interessantes: - Para a tristeza de muitos, não foi desta vez que foi incluído um recurso 3D ao software - e a meu ver será muito difícil disso acontecer, já que de acordo com a Macromedia existem outros softwares no mercado que fazem esse trabalho muito bem, exportando um formato compatível com o Flash. Mas como a esperança é a última que morre, fica aí a expectativa - afinal a Macromedia já resolveu investir no segmento de apresentações (dominado pelo PowerPoint) e para a linha de vídeo... - Um dos problemas que pude perceber ao utilizar a nova versão: é pesado demais! Rodando num Athlon XP 2000+ com 512DDR, o software "pede água" muitas vezes, principalmente quando trabalhamos com vídeo, testamos a cena ou 17
  • 18. ainda quando trabalhamos com os novos efeitos da linha de tempo. É uma pena, já que a versão MX (6.0) era tão 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. Porém, se seu PC é um pouco mais modesto ou então se seu trabalho com Flash resume-se à animações simples, é melhor ficar com a versão MX mesmo, pelo menos por enquanto. Estudo de camadas no Flash As camadas são indispensáveis 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 são suas opções de edição e visualização. Entendendo as camadas Essa é a visualização que temos das camadas no Flash: Pelo que se pode ver, temos várias opções 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 botão indicado abaixo: A outra camada é criada com o nome padrão de Camada 2, seguindo a numeração: 18
  • 19. Para deletar uma camada, primeiro selecione-a e logo em seguida clique no botão da lixeira: É importante ressaltar que o Flash não pede a confirmação 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 símbolos e objetos em geral. Para criar uma camada guia, simplesmente clique no botão indicado: Desta forma a camada é criada e possui uma aparência um pouco diferente: Como indicação, em seu nome sempre temos: Guia: Nome da Camada. Agrupando camadas em Pastas Esta opção é muito interessante quando temos um projeto com diversas camadas, dificultando o trabalho já que a lista é grande. Para facilitar na organização, o Flash possui a possibilidade de colocarmos uma ou mais camadas dentro de uma pasta, clicando no ícone: 19
  • 20. A Pasta é criada: Para colocar uma camada dentro da pasta, simplesmente clique na camada e arraste-a para dentro da pasta: Desta forma a organização é maior, facilitando o trabalho. Opções de visualização e travamento Quando estamos trabalhando com uma camada, um ícone de Lápis é exibido para indicar que aquela camada está sendo editada: Temos a opção de ocultar a visualização de uma camada e isso é feito geralmente quando se quer ver o conteúdo das camadas que estão abaixo. Veja um exemplo aonde a camada que está sendo editada possui um objeto no palco: 20
  • 21. Para ocultar a visualização deste objeto basta clicar no local indicado: E pronto, o objeto está ocultado! Há casos ainda em que queremos que o conteúdo de uma camada seja travado, ou seja, não possa sofrer modificações. Basta clicar no local indicado: Desta forma o objeto não será modificada ao menos que a camada seja destravada. Outras opções Quando se tem várias camadas, fica difícil saber qual o conteúdo de cada uma delas já que está tudo misturado no palco. É justamente por isso que existe a opção de visualização em aramado. Veja um exemplo: 21
  • 22. O objeto foi exibido em uma determinada cor, facilitando sua distinção 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 opções podem ser modificadas, desde nome até o tipo e altura da camada! Som no Flash MX Quando começamos 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 Faça o desenhe do que será o botão de Play e Stop e selecione os dois logo em seguida: 22
  • 23. Agora aperte F8 para criar um Movie Clip: Defina o nome do símbolo e seu comportamento (Clipe de Filme ou Movie Clip): Agora dê dois cliques para abrir a edição do Clipe de Filme: 23
  • 24. Selecione aquele que será o botão Play e aperte F8 mas agora defina o comportamento como Botão (Button). Faça 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 botão direito no Frame 1 e escolha a opção Ações: 24
  • 25. Coloque a ação stop(); para o Frame e feche o painel: Agora precisamos criar mais um Clipe de Filme, que conterá a ação do som. Faça um quadrado qualquer e defina-o como Clipe de Filme: Para que este Clipe de Filme não fique visível, selecione-o e defina sua cor como Alpha 0% na barra de propriedades: 25
  • 26. Agora abra o painel de Ações para digitar a seguinte ação: Esta ação define o objeto som e agora precisamos definir a ação de cada um dos botões. Selecione o Frame 1, abra o painel de Ações para o botão Play e digite a ação: 26
  • 27. Agora, a ação para o Stop: Essa ação pára qualquer som que esteja sendo tocado. Importando o som e definindo o vínculo 27
  • 28. Agora vem o mais fácil: 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 botão direito do mouse no arquivo de Som e escolha a opção Vinculação: 28
  • 29. 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 trajetória em S por exemplo? Muita gente se pergunta como foi feito o efeito, já que teoricamente só podemos fazer Interpolações de movimento horizontais, verticais ou diagonais. Muito bem, é justamente isso que aprenderemos neste tutorial, utilizando a camada guia! Aprendendo na prática Para fazermos uma trajetória diferente, vamos utilizar a camada guia e depois criar uma linha guia que servirá como guia para o objeto animado. Não confunda essa linha guia com a linha guia que utilizamos com réguas! Ainda não é hora mas saiba que para acrescentar uma linha guia basta clicar no botão indicado: Este é o objeto que faremos a animação, uma pena: 29
  • 30. Vamos fazer uma interpolação 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 botão direito para escolher a opção Criar Interpolação de Movimento: Selecione o último Frame e desloque a pena para outro local do palco: 30
  • 31. Com a Interpolação já criada, já podemos criar uma camada guia clicando no seu respectivo botão: 31
  • 32. Agora vamos desenhar uma linha guia com o Lápis, selecionando o primeiro Frame da Camada Guia: E desenhando a linha: 32
  • 33. Veja o caminho que a pena percorrerá: Ao darmos um Zoom você pode perceber que a pena - que é um Gráfico - está centralizada e percorre a linha guia através do ponto do centro: 33
  • 34. Se quisermos por exemplo que ela percorra a linha através da ponta, basta editar o Gráfico e colocá-la na ponta: 34
  • 35. Veja como ela percorrerá agora: Agora é só testar seu filme e usar a imaginação! 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 padrão. O Flash nos possibilita a crição 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, constituído de um triângulo de cor cinza. Antes de começar a desenhar, vamos habilitar a opção para visualizar a grade no Flash clicando em Exibir > Grade > Mostrar Grade: 35
  • 36. Agora vamos exibir as Réguas para podermos utilizar as linhas guias, clicando em Exibir > Réguas: Para criar uma linha guia, basta clicar na régua e arrastar a linha para o local desejado. Como vamos criar um cursor que é um triângulo, precisamos configurar as linha-guia para que o desenho seja o mais perfeito possível. Dê um zoom grande na tela para que você possa ver bem a grade e configure sua linha guia: 36
  • 37. Os locais indicados em preto na imagem serão os vértices do triângulo! Agora, selecione a ferramenta caneta: Desenhe seu retângulo com a caneta, clicando nos pontos mostrados acima. Após ter feito o desenho, retire as linha guia para ver como ficou: 37
  • 38. Volte para o zoom de 100% para ver o triângulo em seu tamanho real, selecione o triângulo e logo depois pressione a tecla F8 para convertê-lo em um Clipe de Filme: 38
  • 39. Após ter convertido-o em um Clipe de Filme, clique com o botão direito do mouse e escolha a opção Ações: Definindo as ações do Cursor Esta é a parte onde definimos a programação que fará com que o Flash simule o efeito de cursor. Clique no + e escolha o caminho Ações > Controle do clipe de filme > startDrag (ou simplesmente aperte Esc+dr): Selecione a linha startDrag e configure-a: 39
  • 40. Em destino devemos colocar /ponteiro e habilitar a opção 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 opção Mouse moviment para que o Clipe de Filme comece a ser arrastado quando o mouse for movimentado. Feche o painel de ações e selecione seu Clipe de Filme. Quando selecionamos o Clipe de Filme podemos dar um nome de instância à ele através do painel de Propriedades do Flash: 40
  • 41. Dê o nome de ponteiro para que o Flash possa fazer a ação 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 ações, portanto, clique com o botão direito no Clipe de Filme e escolha a opção Ações. Escolha o caminho Objetos > Filme > Mouse > Métodos > hide: Agora é só testar o filme e ver seu novo cursor!! 41
  • 42. Painel propriedades no Flash MX Neste tutorial veremos qual a função 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 começar 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 publicação, a cor de fundo e a taxa de Frames por segundo: Caso você não 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 configurações do filme Para vermos na prática o funcionamento do painel de Propriedades, vamos alterar algumas configurações do filme. Clique no local indicado abaixo para modificarmos algumas opções: 42
  • 43. Agora, clique no outro botão para modificarmos configurações de publicação: Você ainda pode modificar a cor de fundo do filme e o FPS no próprio painel: 43
  • 44. Trabalhando com propriedades de ferramentas Além de trabalhar com as propriedades do documento que estamos trabalhando, podemos modificar as propriedades das ferramentas do Flash. Veja no exemplo abaixo, a mudança 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 botão 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 também pode ter suas propriedades modificadas: Podemos mudar cor de preenchimento, contorno e tipo de contorno! 44
  • 45. Propriedades de Texto O painel facilita nossa vida quando trabalhamos com texto. Podemos definir todo o tipo de formatação necessária para o texto: Clicando em Format podemos definir por exemplo o espaçamento entre linhas e outras formatações: Além da formatação, podemos definir o tipo de texto que estaremos utilizando (se ele será estático, dinâmico ou para entrada de dados): Caso queira definir se o texto será de uma linha, inserir variáveis e definir os caracteres que o campo aceita e muito mais, é pelo painel de propriedades que "faremos o serviço": 45
  • 46. Veja a definição de caracteres: Esta opção é extremamente útil para formulários por exemplo, onde podemos definir se ele aceitará qualquer tipo de caracter ou não. No exemplo abaixo o texto foi formatado com um espaçamento de linha de 2 pontos: Já neste, o campo de texto recebeu o comportamento de Texto para entrada de dados, utilizado em formulários: Oval, Rectangle e Pencil Tool Seguindo a linha da maioria das ferramentas, a Oval também pode ter suas propriedades modificadas. Com ela podemos modificar preenchimento, contorno e tipo de contorno: 46
  • 47. 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
  • 48. 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 retângulo, podemos modificar suas propriedades: Perceba que tudo foi modificado, desde cor de preenchimento até tipo de contorno! Modificando propriedades de símbolos Como não poderia deixar de ser, os símbolos também têm seu espaço garantido no painel de propriedades! Muitas vezes precisamos modificar propriedades de um Movie Clip (como transparência, por exemplo) e é pelo painel que devemos proceder: 48
  • 49. Basta clicar no Movie Clip para que suas propriedades apareção no painel. Acima foi modificada a transparência! Propriedades da timeline Evidentemente a timeline não poderia ficar de fora! Ao selecionarmos um ou vários Frames (quadros) o painel de propriedades exibe as opções existentes, que é claro, podem ser modificadas. Propriedades como interpolação, efeitos, som e várias outras podem ser modificadas através do painel com um simples clique do mouse! Isso facilita muito a vida do desenvolvedor, poupando tempo e trabalho! Fazendo download de animações Flash Você com certeza já jogou algum jogo em Flash ou viu boas animações pela Internet e quis salvá-las - mas nunca soube como ? Então este tutorial ajudará muito você ! 1. Primeiramente crie uma pasta chamada Flash para salvar as suas animações. 2. Precisamos saber onde está localizada a pasta Temporary internet files, pois sua localização varia de acordo com o sistema operacional usado: abra o Internet Explorer e clique em Ferramentas > Opções da internet. Em "Arquivos de Internet temporários" clique em Configurações e você verá a localização da pasta Temporary Internet files. 49
  • 50. 3. Pode ser que o seu Temporary internet files esteja oculto: caso esteja, abra o Windows Explorer e vá em Ferramentas > Opções de pasta (Windows XP ou similar) ou Menu iniciar > Configurações > Opções de pasta (Windows 98 ou similar). Em Opções de pasta, vá na aba Modo de exibição, desmarque a opção Ocultar arquivos protegidos do sistema operacional e marque Mostrar pastas e arquivos ocultos. 50
  • 51. 4.1 Vá até o seu Temporary internet files e escolha a opção de exibição 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 começo da lista que você verá os últimos arquivos que foram acessados. A extensão destas animações 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
  • 52. Criando Efeitos Fade-In/Out em texto com o SWiSH o SWiSH é um programa que cria animações em textos, criando arquivos flash (*.swf). O SWiSH está disponível para download em http://www.swishzone.com na sua versão Trial (30 dias para expirar). O termo Texto escolhido é o efeito Fade-In e o termo Texto 2 será o efeito Fade- Out :) ... Criando efeito Fade-In em texto Abra o SWiSH: 52
  • 53. Agora clique com o botão direito do mouse sobre Scene 1 e clique sobre Insert > Text: 53
  • 54. 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 botão direito do mouse sobre o texto na animação e clique em Effect > Fade In: 54
  • 55. Em Duration: coloque 25 frames e logo após clique em Close. O efeito já está no seu texto. Agora vamos adicionar outra cena para podermos criar o efeito Fade- Out: clique com o botão direito do mouse sobre Scene 1 e clique em Insert > Scene: 55
  • 56. Agora vamos criar o efeito Fade-Out em outro texto. Criando efeito Fade-Out em texto Clique com o botão direito do mouse sobre Scene 2 e clique sobre Insert > Text: 56
  • 57. 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 botão direito do mouse sobre o texto na animação e clique em Effect > Fade Out, como na tela abaixo: 57
  • 58. Surgirá esta tela: Clique em Close e o efeito já foi adicionado aos dois textos. Você poderá testar a duração dos frames utilizando esta barra logo abaixo: Clique em > para visualizar a animação, e caso queira aumentar a duração 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 fácil e rápido, utilizando as opções de integração que eles nos oferecem! Vamos ver como fazer uma animação e exportar como SWF dentro do próprio Freehand :) ... Começando a animação Comece fazendo seu gráfico/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
  • 59. 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 animação. É muito simples: o Freehand só fará a animação se as camadas estiverem agrupadas - caso contrário será exibida uma janela de aviso pedindo que as camadas sejam agrupadas. Para fazer a animação, selecione o objeto e depois clique em Xtras > Animate > Release to Layers para que o Freehand distribua todos os objetos em camadas da animação. 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 animação que queremos e alguns parâmetros desta animação. Neste tutorial, utilizarei animação do tipo Build (construir). Veja a configuração abaixo: 59
  • 60. Clique em OK e perceba que agora seu painel de camadas está um pouco diferente do inicio: Repare na imagem acima o número de camadas que foi utilizado para fazer a animação. Logo após fazer a animação, aperte Ctrl+Enter para testá-la (isso mesmo: da mesma forma que se testa no Flash). Ao testar a animação o Freehand nos "leva" para uma outra tela, onde podemos encontrar o painel de comando da animação juntamente com os botões de exportação e configuração: Caso esteja satisfeito com sua animação e queira exportá-la sem uma prévia configuração (número de frames por segundo por exemplo), basta clicar no segundo botão da direita para a esquerda. Caso queira fazer uma configuração, clique no botão com o símbolo do Flash destacado em vermelho e veja a seguinte tela: 60
  • 61. Neste painel você pode controlar desde número de frames por segundo até compressão de imagem. Ao terminar a configuração, clique em OK e exporte seu trabalho: 61
  • 62. Muito bem, você acaba de fazer sua animação 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 integração 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 animação, não é mesmo? Este tutorial mostra exatamente como integrar estes dois aplicativos de forma rápida e fácil: você poderá construir o objeto e até mesmo animá-lo dentro do Fireworks e simplesmente exportar como um SWF do Flash! Começando no Fireworks Neste tutorial, utilizei o logo do Fórum do BABOO como objeto para a animação dentro do Fireworks: Para começar a animação, clique com o botão direito em cima do objeto e escolha a opção Animation>Animate Selection ou simplesmente aperte Alt+Shift+F8. Você verá a seguinte janela: 62
  • 63. Nesta janela devemos configurar nossa animação de acordo com nossa vontade. Neste tutorial, utilizei 5 Frames mas você pode utilizar quantos quiser! Após configurar, clique em OK e perceba que seu objeto ficará semelhante ao da imagem abaixo: Estas "bolinhas" indicam o número de Frames da animação e a bolinha vermelha indica a posição final do objeto no final da animação. Posicione-a como quiser e teste a animação clicando no botão Play posicionado perto da barra de propriedades. Depois de configurar e testar a animação, basta exportar o SWF ou então "chamar" o Flash para fazer qualquer tipo de edição. A imagem abaixo mostra o menu: Perceba que você pode abrir o Flash clicando em Launch Macromedia Flash ou então exportar o SWF escolhendo a opção Export SWF. Neste tutorial iremos 63
  • 64. utilizar a opção Export SWF, portanto clique nela para obter a janela de configuração: Quando clicamos em Export SWF o Fireworks nos apresenta a janela para indicarmos o local onde salvaremos o arquivo e seu respectivo nome. Além disso, existe um botão Options - indicado na figura acima - que serve para configurarmos algumas opções do SWF a ser exportado, como por exemplo a qualidade do JPEG e o número de frames. Configure o SWF e clique em OK e logo em seguida salve seu trabalho. Pronto: você acaba de fazer uma animação SWF dentro do Fireworks ! Editando no Fireworks e exportando de volta para o Flash Você já deve ter se deparado com a seguinte situação: Importou uma imagem para o Flash (um GIF, por exemplo) e percebeu que ela estava um pouco maior do que o necessário ou então com as cores erradas. Neste caso, você não 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 botão Edit: 64
  • 65. Ao clicar na figura o Fireworks será aberto e a figura pode ser editada de acordo com suas necessidades. Quando a edição estiver pronta, basta clicar no botão 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 é possível baixar "extensões" na Web e instalá-las nos programas para obter algumas funções adicionais. Saiba como usá-lo: Antes de tudo iniciar o Extension Manager... ...e então, a primeira e única janela do Extension Manager se abrirá: 65
  • 66. 1. Clicando neste ícone poderá instalar novas extensões, apenas uma por vez. 2. Ao selecionar uma extensão já instalada, clicando nesse ícone é possível deletá- la. 3. Nesse menu, estará presente todos os programas da Macromedia instalados. 4. Clicando nesse ícone será direcionado para o site de intercâmbio da Macromedia e lá é possível baixar novas extensões. 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 extensões já instaladas para tal aplicativo: - Ativo/Inativo: Desmarcando essa "checkbox" poderá remover parcialmente a extensão do programa. Caso queira ativar novamente a mesma depois de um tempo marca-se essa caixa novamente. - Extensões instaladas: Mostra o nome da extensão. - Versão: Mostra a versão de determinada extensão. - Tipo: Exibe o gênero da extensão, sendo estes: Comportamento(Behaviors) ou Comando. - Autor: Por último é exibido o autor de determinada extensão. 66
  • 67. 7. Nesta área é mostrada informações adicionais sobre a extensão como, por exemplo, a descrição de uso e sua função explicada detalhadamente. Clicando no menu Arquivo, temos: Instalar a extensão: Já descrito acima. Empacotar extensão: Quando se cria uma nova extensão usa-se este recurso para criar um pacote da mesma e pode distribuí-la mais facilmente na Web. Enviar a extensão: Ao clicar sobre este menu, será direcionado para uma página no site da Macromedia aonde se obtém mais informações de como enviar sua extensão. Remover extensão: Já descrito acima. Importar extensões: Usa-se quando desejar importar muitas extensões de uma só vez. Ir para o intercâmbio da Macromedia: Já descrito acima. Sair: Sairá do Extension Manager. Vale lembrar que, para que as extensões instaladas apareçam no programa desejado, é preciso fechá-lo, caso esteja aberto, e iniciá-lo novamente. 67
  • 68. Integrando Flash com Dreamweaver MX Uma das muitas vantagens de se trabalhar com a suíte para Web da Macromedia é a integração fácil e rápida entre os softwares: neste tutorial eu abordarei uma rápida integração entre o Flash e o Dreamweaver MX, que poupará muito tempo e trabalho! Vamos começar: Ao inserir um arquivo do Flash (usualmente um swf) no Dreamweaver, você notará que na barra de Propriedades (Properties / Ctrl + F3) você tem algumas informações sobre o arquivo além de algumas opções adicionais de configuração. Veja a figura abaixo: Note que este painel nos informa o tamanho do filme (circulado de vermelho acima) e uma série de botões de configuração. Vejamos a função de cada um deles: Loop: Deixe esta opção marcada caso queira que seu filme fique dando Loop, ou seja, não pare de "tocar"; Autoplay: Deixe esta opção caso queira que seu filme começe a "tocar", ou inicie, automaticante; V Space: Espaçamento vertical; H Space: Espaçamento 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 página; 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 botão EDIT está marcado em vermelho para destacar: é neste botão que devemos clicar caso seja preciso fazer alguma alteração no filme. Clique nele: o Dreamweaver abrirá o Macromedia Flash. O Flash então pedirá para que você indique o arquivo de edição do swf. Indique e clique em Abrir: 68
  • 69. Feito isso nós teremos o filme em modo de edição, bastando alterar o que for necessário e clicar no botão Done localizado no canto superior esquerdo da janela. Após clicar em Done, o Flash exportará o filme de volta para o Dreamweaver e pronto: a edição está feita! 69
  • 70. 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 extraordinário que a Macromedia nos traz: os Componentes do Flash MX! Você provavelmente já precisou utilizar um Radio Button ou então fazer uma barra de rolagem na versão 5 (ou anteriores) não é mesmo?! Você se lembra que era preciso fazer tudo na mão ? 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 marcação" que você utiliza em Forms ComboBox: a caixa de "Seleção", também conhecida como menu DropDown ListBox: uma caixa com uma lista... PushButton: o botão que você utiliza nos forms (submit, reset... lembra?) RadioButton: o Botão de rádio que você utiliza, por exemplo, em enquetes ScrollBar: a tão 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
  • 71. Ao clicar em um dos components, você verá suas propriedades no Painel "Propriedades" e poderá alterar a sua cor, dados e outras características. 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á então a seguinte tela: Nesta janela, basta preencher os dados e clicar em OK. Caso você queira definir as ações para estes components, basta clicar no seguinte botão da Barra de Propriedades: 71
  • 72. O painel de Ações será aberto e você pode definir quais utilizar. Se você quiser utilizar o ComboBox, por exemplo, você terá de utilizar ações para o Flash reconhecer quando o usuário clicar em um item e assim redirecioná-lo. Vejamos: Após 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 reconheça cada vez que o item é modificado, ou seja, que o usuário clique em um novo item do ComboBox. Depois, clique no botão para definir as ações e coloque a ação: function Teste() { getURL(dropdown.getSelectedItem().data); } Perceba que este código 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" (Conteúdo do Scroll). Se você quiser colocar como conteúdo do "ScrollPane" um texto, faça 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 opções "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 mão na massa e começar a praticar! Cenas no Flash MX Neste tutorial abordaremos as cenas do Flash MX. O que são?! Quando e por que utilizar?! Veremos tudo isso adiante... O Flash nos permite uma maior organização 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
  • 73. Cenas (Scenes) já está aberto. Caso não 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 botões: - 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 não sabe quando utiliza-las não é mesmo!? Esta é uma pergunta bastante comum e sua resposta é: depende! Isso mesmo, depende! Isso porque em muitos casos a utilização de cenas não é nem 73
  • 74. um pouco necessária - 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 "Capítulos". Para explicar melhor, imagine o seguinte: Você precisa fazer uma apresentação que se divide em 5 capítulos: - Introdução - O Produto - O Preço - A Praça - Conclusão Imagine ainda que cada um destes capítulos se divida em mais 5 Sub-Capítulos. Já imaginou o tamanho da Timeline e o número de Camadas que você deveria criar para fazer toda esta apresentação?! Pois bem, neste caso o uso de Cenas é absolutamente recomendado - sendo praticamente obrigatório - para que nosso trabalho fique mais leve e organizado! Observe a figura acima e perceba que o número 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 botão! 74
  • 75. Basicamente, é isto! Quando precisar de uma maior organização ou precisar dividir a animação em Capítulos, basta utilizar o painel de Cenas :) ... Um exemplo em que a utilização de cenas é útil é quando precisamos construir um "Loading" para um site produzido em Flash: basta criar uma cena antes da principal e colocar a ação de "Loading" nela - desta forma enquanto o filme é carregado, visualizamos o conteúdo 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 pareça, há pessoas que acreditam - equivocadamente - que para optimizar um arquivo desenvolvido em Flash basta utilizar imagens com baixa resolução / tamanho pequeno em Kb que já é suficiente! Se fosse assim, não teriamos - graças à Macromedia - a opção de exportação/publicação do Flash. Para começar, abra o painel de configuração de exportação do filme, conforme indica a figura abaixo (ou simplesmente aperte Ctrl + Shift + F12): Perceba (conforme figura abaixo) que o painel nos fornece três 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
  • 76. Na aba Flash temos várias opções: na primeira podemos escolher qual a versão do Flash que exportaremos. A segunda indica a ordem de carregamento e logo abaixo temos várias opções (como "Proteger contra importação" por exemplo). No nosso caso, devemos ficar atentos as opções marcadas: JPEG Quality: Aqui você pode escolher a qualidade dos JPEGS que contém em seu filme. Caso ache que estão 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 rápido mas possui as imagens mais "medonhas" da web não é mesmo!? Depois temos a opção de configurarmos o Audio do site (que veremos a seguir): 76
  • 77. Clique em Set (o 1° ) e você terá a seguinte tela: Nela, o Flash nos dá a opção de modificarmos a "compressão" do arquivo de Audio, o seu Bit Rate e sua qualidade. Em muitos casos, essa opção nos poupa vários Kb na versão 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
  • 78. Esta aba tem várias opções interessantes e poucas pessoas conhecem/utilizam esta "mão na roda". Para este tutorial, o que nos interessa nesta aba é a opção "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 começar a colher os frutos, ou melhor, pegar os peixes hehehe .... Explore bastante este painel de configurações, pois com certeza você encontrará muita coisa útil! Tutorial produzido utilizando Flash MX versão em Inglês Painel Tools Flash MX Muitas pessoas que trabalham ou pretendem trabalhar com o Flash não 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 função de cada uma delas. Analise a figura abaixo atentamente: 78
  • 79. Provavelmente você já viu a maioria das ferramentas deste painel em algum software gráfico, como Photoshop e Corel Draw, apenas para citar como exemplos. Mas será que você sabe realmente a função de cada uma delas?! Bem, é exatamente isto que veremos a seguir: Arrow Tool (V) - também conhecida popularmente como "ferramenta de seleção". Como o próprio nome já diz, serve para selecionarmos os objetos no palco e tem como atalho, a tecla "V". Subselection Tool (A) - ferramenta de Sub-seleção, ao contrário do que muitos pensam, não faz a mesma coisa que a de seleção 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 também 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
  • 80. imagem. Clicando nesta ferramenta, o flash ainda nos dá a possibilidade de escolhermos por exemplo a opção varinha mágica. Tem como tecla de atalho a letra L. Pen Tool (P) - ferramenta também 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 estático), Dinamyc Text (texto dinâmico) e Input Text (texto de entrada). Tem como atalho, a tecla T. Oval Tool (O) - a ferramenta Oval, também conhecida como círculo, serve para construirmos/desenharmos circunferências. Tem como atalho, a tecla O. Rectangle Tool (R) - a ferramenta Rectangle, ou simplesmente retângulo, serve para desenharmos retângulos, quadrados...tem como atalho a tecla R. Ainda nos dá as seguintes opções: O Botão indicado na figura ao lado serve para configurarmos as bordas do retângulo. Se você quiser um retângulo com bordas arredondadas por exemplo, é ali que deve configurar. Pencil Tool (Y) - a ferramenta pencil (lápis) serve para desenharmos livremente no palco. Ainda nos dá as seguintes opções: Endireitar: serve para o Flash endireitar automaticamete o traçado O Flash fará com que seu traçado seja suave O Flash será o mais fiel possível em seu traçado 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 opções no painel "Options" conforme indica a figura: Opções: opções de preenchimento Tamanho: opção para modificarmos o tamanho do brush Formato: opção para modificarmos o formato do brush 80
  • 81. Lock Fill: Serve para travarmos um determinado preenchimento O painel ao lado nos mostra as opções de preenchimento, que podem ser: Paint normal: pintar normalmente Paint fills: Pintar preenchimentos Paint Behind: Pintar atrás de um objeto Paint Selection: Pintar uma seleção Paint Inside: Pintar dentro de um objeto Free Transform (Q) - ferramenta de transformação livre do Flash. Se você tem por exemplo um retângulo e quer aumentar seu tamanho, esta é a ferramenta a ser utilizada. Tem como atalho a letra Q e nos fornece as opções: Fill Transform (F) - a ferramenta de transformação 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 opções: Don´t Close Gaps: não fechar "lacunas/buracos" * Close Small Gaps: fechar pequenas "lacunas/buracos" Close Medium Gaps: fechar "lacunas/buracos" médias Close Large Gaps: fechar grandes "lacunas/buracos" * Quando por exemplo você fez um quadrado mas não o fechou completamente. 81
  • 82. 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 não sabe exatamente qual o código 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, também conhecida como "borracha" serve para apagarmos uma determinada área ou um objeto. Tem como tecla de atalho a letra E e possui as seguintes opções: Modo: mostra os modos da borracha (veja figura abaixo) Torneira: apaga todo o objeto selecionado - Formato: mostra os formatos disponíveis 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 botão 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, porém, dependendo do caso pode irritar o usuário! 82
  • 83. Transformação - Serve para transformação 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 versão em Inglês) &6B¤1864¤1)©$ ! ©§ ¦¤¢  9 #5 A @ 9 0 2 753 2 0 ( ' % # § ¨ ¥£ ¡ $b$Y UP ¤V8U¢SQ¦HG¤E©C a a Y ` X D WE IG T R P I D F D 83