Curso de Flash 4.0 On Line
Símbolos

Os símbolos podem ser : 

  • graphic ( gráfico )

  • button ( botão )

  • movie clip ( pequena animação )

Libraries estão as bibliotecas do Flash

buttons ( botões )
buttons-advanced ( botões avançados )
graphics ( gráficos )
movie clips ( pequenas animações )
sounds ( sons )

Window > Library
onde fica armazenado os símbolos criados por você

File > Import ( Arquivo > Importar )
quando se importa uma imagem, o Flash faz uma cópia automaticamente na sua biblioteca

Como personalizar sua Library ( Biblioteca )

Caso você queira armazenar seus símbolos preferidos de maneira personalizada

1. Crie um arquivo novo no Flash
2. Salve com seu nome : exemplo : beto.fla em 
Arquivos de Programas ou Program Files > Macromedia > Flash 4 > Libraries
3. Crie seus símbolos preferidos e salve seu arquivo
4. Feche seu arquivo personalizado
5. Crie uma nova animação
6. Libraries > seu_nome ( neste caso beto )
7. Escolha o símbolo que queira inserir na nova animação

Como criar um símbolo

1. Window > Library ( Janela  > Biblioteca )
2. Options > New Symbol ( Opção > Novo Símbolo )
3. Name : digite o nome símbolo
4. Behavior : escolha o tipo do símbolo
5. Desenhe um símbolo
6. Terminado a edição do símbolo;
   clique em Edit Scene ( Editar Cena ) ;
   caso queira voltar na edição do símbolo > 
   Edit Symbols ( Editar Símbolo )
7. Observe que o símbolo recém construído fica automaticamente dentro da Library ( Biblioteca )
8. Para inserir o símbolo para Cena :
    selecione na Library o símbolo ;
    clique no desenho do símbolo e arraste para sua Cena

Outras ferramentas para Símbolos

New Symbol > criar novo símbolo
New Folder > criar nova pasta
Properties > propriedades do símbolo
Delete > deletar símbolo

Subir ou descer para o próximo símbolo
Aumentar a área de visualização sobre os símbolos
Diminuir a área de visualização sobre os símbolos
Ir para o primeiro símbolo

Options ( Opções do Símbolo )

New Symbol criar novo símbolo
New Folder criar nova pasta , ou seja , serve para organizar os símbolos por categorias
Rename renomear símbolo
Move to New Folder mover para nova pasta
Duplicate duplicar símbolo
Delete deletar símbolo
Edit editar símbolo
Properties propriedades do símbolo
Select Unused items selecionar símbolos que não estão sendo usados
Update atualizar símbolos
Play rodar símbolo ( movie clip , botão e som )
Expand Folder expandir pasta
Collapse Folder fechar pasta
Expand All Folders expandir todas as pastas
Collapse All Folders fechar todas as pastas
Keep Use Counts Update
Keep Use Counts Now

Propriedades de um Símbolo

Definition ( Definição )

Behavior 
( Comportamento )

Graphic , Button , Movie Clip

Play Mode Option
( maneira para rodar a animação )

Graphic - determina quantas vezes irá rodar o símbolo gráfico :  Loop ( infinitamente ) , Play Once ( rodar uma vez ) , Single Frame ( símbolo fica estático )
Button - determina como funcionar o botão : Track as Button , Track as Menu Item
Movie Clip - determina a instância de um símbolo , ou seja, um símbolo movie clip pode ter várias instâncias , mas com ações diferentes : Instance Name ( Nome da Instância )
 
Edit Symbol - editar símbolo
Duplicate Symbol - duplicar símbolo

Color Effect ( Efeito de Cor )
Um mesmo símbolo pode ter cores diferentes na área de trabalho 

None - nenhuma mudança da forma original do símbolo
Brigthness - dar ou retirar brilho do símbolo 
Tint - pintar o símbolo de outra cor
Alpha - clarear o símbolo
Special - especificar a cor em RGB

Action ( Ação )

Somente o símbolo button se dá uma ação no próprio botão , para os outros símbolos as ações são inseridas na linha do tempo

 

Exercício 11 - 
Símbolo Movie Clip 

Download do Exercício 11Download
1. Neste exemplo vamos criar uma árvore de natal
2. File > Import e importe uma imagem de uma árvore em extensão png com resolução de 72 dpi
3. Window > Library > Options > New Symbol para criar novo símbolo
4. Name: bolinhas ; behavior : movie clip
5. Desenhe uma bolinha pequena de cor vermelha gradiente
6. Selecione a borda e delete
7. Crtl + K para alinhar a bola no centro ( em cima do sinal + )
    Vertical > Align > selecione o terceiro botão ;
    Horizontal > Align > selecione o terceiro botão ;
    Match Size > selecione o primeiro botão ( x ) ;
    ( x ) marque Align to Page
8. Selecione a linha do tempo = 2 > F6 ou Insert > Keyframe
9. Com a ferramenta balde pinte a bolinha de verde gradiente
10. Selecione a linha do tempo = 3 > F6 ou Insert > Keyframe
11. Com a ferramenta balde pinte a bolinha de cinza gradiente
12. Selecione a linha do tempo =4 > F6 ou Insert > Keyframe
13. Com a ferramenta balde pinte a bolinha de azul gradiente
14. Volte para edição da Cena 1 > Edit Scene
15. Arraste a bolinha movie clip da library para a árvore por várias vezes
16. Selecione a linha do tempo = 40 > F5 ou Insert > Frame
17. Salve o arquivo como exer11.fla
18. Crtl + Enter e teste sua animação
19. Crtl + F4 para voltar a área de trabalho

Exercício 12 - 
Símbolo Movie Clip
 

Download do Exercício 12Download
1.Neste exemplo vamos fazer a tela de um computador mudar de cor
2. File > Import e importe uma imagem de computador em extensão png com resolução de 72 dpi
3. Selecione a imagem > Crtl B ou Modify > Break Apart para transformar a imagem em bitmap
4. Selecione a ferramenta varinha mágica
5. Clique na segunda varinha mágica > Magic Wand Properties ( Propriedades da Varinha Mágica )
6. Threshold : 10  e Smoothing : Normal
7. Selecione a primeira varinha mágica > Magic Wand ( Varinha Mágica )
8. Clique sobre a tela da imagem do computador , caso ela não selecione toda a tela, volta à segunda varinha mágica e aumente o Threshold para 20 e assim sucessivamente até que selecione toda a tela
9. Aperte F8 e transforme a tela em símbolo movie clip
10. Name: tela ; behavior : movie clip
11. Window > Library ( Janela > Biblioteca )
12. Selecione o símbolo tela e clique duas vezes sobre o desenho da tela
13. Insira um keyframe na linha do tempo = 2 e pinte de uma outra cor
14. Insira um keyframe na linha do tempo = 3 e pinte de uma outra cor
15. Insira um keyframe na linha do tempo = 4 e pinte de uma outra cor
16. Volte para edição da Cena 1 > Edit Scene
17. Selecione a linha do tempo = 50 > F5 ou Insert > Frame
18. Salve o arquivo como exer12.fla
19. Crtl + Enter e teste sua animação
20. Crtl + F4 para voltar a área de trabalho
 

1ª ParteMenuTools ConceitosMotion Guide  
Shape
SímboloBotão FaqInscrição Contato

Beto Marques Internet Solutions © 1997 - 2007 
Todos os direitos reservados. All rights reserved.