FLASH

INTRODUÇÃO E FERRAMENTAS

DOCENTE: ACÁCIO GUEDES

 PODEMOS USÁ-LO PARA:
• CRIAÇÃO DE ANIMAÇÕES PARA A INTERNET;
• CRIAÇÃO DE ANIMAÇÕES EM FORMATO EXECUTÁVEL
PERMITINDO FAZER DOWNLOAD EM PÁGINAS DA WEB;
• CRIAÇÃO DE ANIMAÇÕES PARA BOTÕES;
• CRIAÇÃO TOTAL OU PARCIAL DE UMA PÁGINA
DA WEB;
• CRIAÇÃO DE GIFS ANIMADOS;
• MANIPULAÇÃO DE OBJECTOS ATRAVÉS
DE PROGRAMAÇÃO (ACTION SCRIPT).
 LIBRARY:
EDIÇÃO DE BIBLIOTECA
Interface LISTA DE
CAMADAS
STAGE:
PALCO CENAS
VISUALIZAÇÃO

CAIXA DE
FERRAMENTAS

TIMELINE:
LINHA DE
TEMPO
 SELECÇÃO

FERRAMENTAS SUBSELECÇÃO

FERRAMENTA DE
REDIMENSIONAMENTO E ROTAÇÃO TRANSFORMAÇÃO

LINHA LAÇO

CANETA TEXTO

FORMA OVAL FORMAS

LÁPIS PINCEL

FRASCO DE TINTA PREENCHIMENTO

CONTA-GOTAS BORRACHA
FERRAMENTAS DE VISUALIZAÇÃO

MÃO ZOOM
CORES E OPÇÕES

COR DE PREENCHIMENTO

COR DE CONTORNO

INVERSÃO DE CORES

PRETO E BRANCO
PROPRIEDADES DO DOCUMENTO
TAMANHO DO VELOCIDADE DE
DOCUMENTO FRAMES POR
COR DE FUNDO SEGUNDO
DO PALCO
TIMELINE: LINHA DO TEMPO
INDICADOR DE FRAME FINAL
PROGRESSO

FRAME INICIAL

PREENCHIMENTO
DO FRAME FINAL
CONTORNO PREENCHIMENTO DOS
ENTRE O FRAME FRAMES INICIAL E FINAL
INICIAL E FINAL
LAYERS - CAMADAS
ALIGN - JANELA DE ALINHAMENTO
 DETALHES NO DESENHO
• CONTORNO E
PREENCHIMENTO;

• CLICAR 2X PARA ARRASTAR

OU SELECCIONAR A ÁREA
DOS DOIS;

• PARA AGRUPAR
CONTORNO E
PREENCHIMENTO USA-SE
CTRL+G;
TIPOS DE ANIMAÇÃO
• DE MOVIMENTO (MOTION TWEEN) = OS OBJECTOS
PRECISAM ESTAR AGRUPADOS.

• DE FORMA (SHAPE TWEEN) = OS OBJECTOS PRECISAM

• ESTAR DESAGRUPADOS.
PROPRIEDADES DA ANIMAÇÃO
ACELERAÇÃO DA TIPO DE
ANIMAÇÃO ANIMAÇÃO

ROTAÇÃO: AUTO, SENTIDO DO REPETIÇÃO DA

RELÓGIO (CW), SENTIDO ANIMAÇÃO
ANTI-RELÓGIO (CCW(
SALVAR UM DOCUMENTO FLASH
• 1. CTR+S OU FILE SAVE.
• 2. ESCOLHER O NOME E LOCAL A SER SALVO.

OBS.: QUANDO SALVAMOS, CRIAMOS UM ARQUIVO DE

EXTENSÃO *.FLA QUE SERVE SOMENTE PARA EDIÇÃO
DA ANIMAÇÃO E NUNCA É USADO NA PÁGINA HTML.

ARQUIVO COM EXTENSÃO *.SWF É QUE SERÁ

USADO NA APLICAÇÃO WEB.
PARA TESTAR A ANIMAÇÃO
• PRESSIONE A TECLA ENTER PARA TESTAR DENTRO
DO PALCO.

• PRESSIONE CTRL+ENTER PARA ABRIR UMA

NOVA JANELA.

• OU MENU CONTROL E
ESCOLHA A MELHOR OPÇÃO.
EXEMPLO 1 - ANIMAÇÃO COM DESENHO
• 1. NO PRIMEIRO FRAME-CHAVE INSERIR UM CÍRCULO NO CANTO ESQUERDO SUPERIOR
DO STAGE (PALCO).
• 2. FORMATAR O CÍRCULO COM CONTORNO A VERMELHO E
PREENCHIMENTO A AZUL. AGRUPÁ-LO.
• 3. INSERIR UM NOVO FRAME-CHAVE NA POSIÇÃO 20
NA LINHA DO TEMPO (F6).
• 4. NO FRAME 20 ARRASTE O OBJECTO PARA O CANTO
DIREITO INFERIOR DO STAGE (PALCO).
• 5. CLIQUE COM O BOTÃO DIREITO NA ÁREA CINZA
QUE APARECE ENTRE OS FRAMES-CHAVES.
• 6. ESCOLHA A OPÇÃO: CREATE MOTION TWEEN.
• 7. SALVE O ARQUIVO COM O NOME EXEMPLO_1
E DEPOIS TESTE-O PRESSIONANDO ENTER.
PUBLICAR UMA ANIMAÇÃO
DEPOIS DE SALVAR AS MODIFICAÇÕES:
• 1. DEFINIR AS PROPRIEDADES DE PUBLICACAÇÃO EM:
FILE PUBLISH SETTINGS OU
SHIFT+CTRL+F12.

OBS.: DESSA FORMA O PROGRAMA CRIA UM

ARQUIVO DE MESMO NOME COM EXTENSÃO
*.SWF E UM *.HTML.
EXERCÍCIO 1 – ANIMAÇÃO – OBJECTO EM MOVIMENTO
• 1. FORMATE O TAMANHO DO PALCO PARA 200 DE LARGURAE 200 DE ALTURA.
MUDE A COR DE PALCO DE FUNDO PARA AMARELO.
• 2.DEFINE 8 FRAMES POR SEGUNDO (Fps).
• 3. INSERE UM QUADRADO NO PRIMEIRO-FRAME NO CENTRO DO PALCO E
FORMATE-O COM CONTORNO A VERDE E PREENCHIMENTO
A VERMELHO. AGRUPE-O.
• 4. INSERE UM NOVO FRAME-CHAVE NA POSIÇÃO 25
NA LINHA DO TEMPO (F6).
• 5. NO FRAME 25 ARRASTE O OBJECTO PARA O CANTO
INFERIOR ESQUERDO DO STAGE (PALCO).
• 6. CLIQUE COM O BOTÃO DIREITO NA ÁREA CINZA
QUE APARECE ENTRE OS FRAMES-CHAVES.
• 7. ESCOLHA A OPÇÃO: CREATE MOTION TWEEN.
• 8. SALVE O ARQUIVO COM O NOME EXERCÍCIO_1
E DEPOIS TESTE-O PRESSIONANDO ENTER.
• 9. PUBLIQUE A ANIMAÇÃO.
TAREFA PARA CASA
• 1. FORMATE O TAMANHO DO PALCO PARA 300 DE LARGURA E 250 DE ALTURA. MUDE A
COR DE PALCO DE FUNDO PARA PRETO.
• 2.DEFINE A VELOCIDADE DA ANIMAÇÃO: 16 FRAMES POR SEGUNDO (Fps).
• 3. INSERE UM RECTÂNGULO NO PRIMEIRO-FRAME NO CENTRO DIREITO
DO STAGE (PALCO) E FORMATE-O COM CONTORNO A VERDE E
PREENCHIMENTO A VERMELHO. AGRUPE-O.
• 4. INSERE UM NOVO FRAME-CHAVE NA POSIÇÃO 15
NA LINHA DO TEMPO (F6).
• 5. NO FRAME 15 ARRASTE O OBJECTO PARA O CENTRO
ESQUERDO DO STAGE (PALCO).
• 6. CLIQUE COM O BOTÃO DIREITO NA ÁREA CINZA
QUE APARECE ENTRE OS FRAMES-CHAVES.
• 7. ESCOLHA A OPÇÃO: CREATE MOTION TWEEN.
• 8. SALVE O ARQUIVO COM O NOME EXERCÍCIO_2
E DEPOIS TESTE-O PRESSIONANDO ENTER.
• 9. PUBLIQUE A ANIMAÇÃO.