View
221
Download
1
Category
Preview:
Citation preview
FLASH FLASH - Aula 1
Introdução e ferramentas
Professoras: Camila e Fabiana
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 objetos através de
programação(Action Script).
Visão Geral
Palco
Linha do tempo
VisualizaçãoEdição de símbolos
Edição de
cenas
Caixa de ferramentas
Biblioteca
Lista de camadas
Itens da janela do Flash
FerramentasSeleção
Sub-seleção
Redimensionamento e rotação
Laço
Linha
CanetaTexto
Formas
Decoração
LápisPincel
BorrachaConta-gotas
Bones Preenchimento
Rotação 3D
Ferramentas de visualização
Andar pelo
palco
Zoom
Cores e opções
Cor do contorno
Cor de preenchimento
Inverter coresPreto e branco
Propriedades do documentoTamanho do documento
Cor de plano de
fundo
Velocidade de quadros por
segundo Medida a usar na régua
Linha do tempoQuadro inicial
Quadro final
Indicador de
progresso
Mostra as etapas entre os
quadros-chave com o
preenchimento dos objetos
Mostra as etapas entre os
quadros-chave somente com o contorno dos
objetos
Mostra o estado inicial e final do objeto
CamadasVisualizar somente contorno
Bloquear camadaEsconder
objetos da
camada
Camada bloqueada
Camada escondida
Inserir camada Inserir
pasta
Excluir camada
Janela de alinhamento
Para liberar os objetos
do palco
Alinhamento horizontal
Alinhamento vertical
Desenhando...
Detalhes no momento de desenhar!
• Contorno e preenchimento são objetos diferentes.
• Para arrastar os dois juntos basta clicar 2X ou selecionar a área dos dois.
• Para agrupar contorno e preenchimento use CTRL+G.
• Para desmembrar objetos use CTRL+B.
Contorno
Preenchimento
Cor de plano de
fundo
Tipos de animação:De movimento(motion
tween):• Os objetos precisam
estar agrupados.
De forma(shape tween):• Os objetos precisam
estar desagrupados.
OBS: Desagrupar é diferente de desmembrar! Desagrupar usamos quando queremos ter os pixels “livres” e desmembrar é desagrupar objetos ou partes deles.
OBS: Se deseja desagrupar depois de desmembrar basta desmembrar de novo.
Propriedades da animação:
Aceleração
Rotação: Auto, sentido horário (CW), sentido
anti-horário (CCW)
Quantidade de vezes a repetir
Salvando documento do Flash:
1. CTRL+S ou FileSave.2. Escolher 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 entre no item de menu CONTROL e escolha a melhor opção.
Exemplo de animação de movimento com desenho:
1. No primeiro quadro-chave inserir uma elípse.
2. Formatar e agrupá-lo.3. Inserir um novo quadro-
chave na posição 20 da linha do tempo(F6).
4. No quadro 20 arraste o objeto para a posição final da animação.
5. Clique com o botão direito na área cinza que aparece entre os quadro-chaves.
6. Escolha a opção: Create Classic Tween
7. Salve o arquivo com nome exemplo1 e DEPOIS teste-o pressionando ENTER.
Para gerar o arquivo final:
1. Salvar as modificações.2. Definir as propriedades de publicação
em: FilePublish Settings ou SHIFT+CTRL+F12.
3. Publicar em: FilePublish ou SHIFT+F12.
OBS: Dessa forma gerará por padrão um arquivo de mesmo nome com extensão SWF e um HTML. O arquivo SWF não permite edição.
Exercício Crie uma animação que mostre os números
de 1 até 5 só que de trás para frente.• Formate o tamanho do palco para 200 de largura
e 200 de altura. Se desejar mude a cor de plano de fundo.
• Use a taxa de 8 quadros por segundo para a animação ter uma duração maior.
• Dê um espaço de 20 quadros entre um quadro-chave e outro.
• Use o recurso de interpolação de forma para mudar os números.
• Use a janela de alinhamento para ajusta o número.
• Salve como exercicio1.
Recommended