(Autor: Alexandre Biangaman Aleixo)
O Macromedia Flash MX é um Software destinado a criação de Filmes, Jogos, Animações, Títulos Multimídia, etc.
A interface do Flash
Menu Principal: possui os comandos para operação do programa.
Barra de Ferramentas: contêm as opções de desenho e pintura.
Palco: onde a ação irá acontecer. É a marquem que delimita o que será visível ao Internauta.
Área de Trabalho: É toda a região cinza em volta do Palco.
Timeline: é onde você vai sincronizar imagens e sons, definir sobreposição dos objetos, a animação, duração do filme, etc.
Paletas: possuem opções para ajustar o que você selecionar.
Barra de inicialização: contêm atalhos para as principais paletas.
Object, MovieClip ou Button?
Para criar uma animação de movimento(Motion), os objetos(Textos ou figuras) tem ser convertidos em Object (Objeto) ou MovieClip(Clip de Filme).
Para adicionar efeitos especiais como Alfa, eles precisam estar convertidos como Object.
Para trabalhar com as propriedades de um objeto ele precisa estar convertido em MovieClip.
Os MovieClips podem ser reproduzidos independente da Timeline Principal, os gráficos não por isso são mais flexíveis.
Para criar botões para acionar interatividade as páginas, controlar sons, início de animação os objetos precisam estar convertidos em Button.
Para criar uma animação de transformação(Shape), os objetos gráficos não podem ser convertidos como Object, e os textos precisam ser Desmenbrados(Break Apart).
Se você quiser criar uma animação como uma bola seguindo um caminho, você precisar criar uma linha guia(Add Motion Guide).
Se você quiser criar uma animação como onde só é mostrado um pedaço de uma figura, mas apenas o pedaço dentro de uma bola, você precisa adiconar uma Máscara(Add Mask).
Frame e Keyframe
Os frames são quadros, ou seja, cada quadro possue uma parte de uma animação.
Os Keyframes são geralmente os quadros chaves, o início e o fim de uma seqüência de quadros numa animação.
ActionScript
Elementos da Sintaxe: Instâncias são objetos que podem ser controlados por ActionScript.
Propriedades: Cada instância de um MovieClip possue propriedades que podem ser alteradas, modificando o MovieClip. Ex: _alfa.
Ações: As ações no Flash são chamados de Eventos, e definem o comportamento do filme a medida que o usuário(Internauta) interage.
Endereçamento de timelines: A Timeline Principal é tratata pelo ActionScript como Raiz(_root).
On (Press){
_root.clip1.clip2.play(), você vai controlar a timeline de clip2.
}
Tipo de Variáveis:Literais(strings), Expressões e Booleanas.
Literal é tudo que está entre Aspas(“ “).
Expressões podem ser avaliadas e interpretadas, são como comandos, e por isso não ficam entre Aspas.
Booleanas são variáveis que só possuem dois estados: verdadeiro(True), False(falso).
Tutorial Nível Básico – Flash MX (Prático)
(Autor: Alexandre Biangaman Aleixo)
1-Como criar uma animação de um círculo se movimentando da esquerda para direita?
a-Desenhe um círculo no primeiro Frame, no lado esquerdo da tela.
b-Selecione o círculo e clique no Menu Insert, convert do Simbol, e converta para Object ou MovieClip.
c-Clique com o botão direito na TimeLine, no 5 frame por exemplo, e insert KeyFrame.
d-Mova o círculo para o lado oposto da tela, no caso, direita.
e-Clique com o botão direito na timeline entre os frames, create motion.
2-Como criar uma animação de um estrela se movimentando da esquerda para direita e rotacionando?
a-Desenhe uma estrela no primeiro Frame, no lado esquerdo da tela.
b-Selecione a estrela e clique no Menu Insert, convert do Simbol, e converta para Object ou MovieClip.
c-Clique com o botão direito na TimeLine, no 5 frame por exemplo, e insert KeyFrame.
d-Mova o círculo para o lado oposto da tela, no caso, direita.
e-Clique com o botão direito na timeline entre os frames, na barra de propriedades(properties), escolha motion(movimento), na propriedades easing, escolha 5, e rotate, 5, e ok.
3-Como criar uma animação de um quadrado se transformando em círculo?
a-Desenhe quadrado no primeiro Frame.
b-Não converta para símbolo, em Transformações não podemos converte para símbolos.
c-Clique com o botão direito na timeline, no 5 frame por exemplo, e insert Keyframe.
d-Apague o quadrado e desenhe um círculo.
e-Clique com o botão direito na timeline entre os frames, na barra de propriedades(properties), escolha shape(forma).
4-Como criar uma animação de um Texto se transformando em Outro Texto?
a-Digite um texto e formate com a fonte que preferir, no primeiro Frame.
b-Não converta para símbolo, em Transformações não podemos converte para símbolos.
c-Clique com o botão direito na timeline, no 5 frame por exemplo, e insert Keyframe.
d-Altere o Texto que você havia digiado.
e-Volte no primeiro frame, selecione o texto, clique em Modificar Brake apart(Desmembrar).
f-Faça o mesmo para o texto no frame 5.
g-Clique com o botão direito na timeline entre os frames, na barra de properties, escolha shape(forma).
5-Passo Passo Efeito Movimento letras com cores
1)Nomeie a primeira camada para Azul.
2)Digite a palavra Artes e parte CTRL+K, para abrir a paleta de align (alinhamento), ai clique no botão to Stage (Palco), depois clique no botão align horizontal center (centralizar na horizontal) e no botão align vertical center (centralizar na vertical).
3)Crie uma nova camada(layers) com o nome de amarela.
4)Com a palavra Artes, selecionada, pressione CTRL+C, copiando a palavra e depois selecione a camada amarela, e pressione CTRL+ SHIFT+V colar e mude a cor para Amarelo.
5)Com a palavra selecionada clique no menu Modify (Modificar), Break Apart (quebrar em partes).
6)Distribua as letras da palavra em camadas, utilizando comando Modify(Modificar), Timeline (Linha de tempo), Distribute to Layers (Distribuir em camadas).
7)Agora mova letra por letra um frame, as letras que foram distribuídas em camadas, clicando no frame e arrastando.
8)Com a camada Azul selecionada, crie um frame depois do último frame da última letra, pois esta camada Azul deve estar no final de todas as outras e deverá se visível sempre, para a palavra com a cor Amarela passar letra a letra por cima.
6-Como criar um Carregador em Flash?
a-Crie duas Cenas, a primeira com o nome de Carregador e a segunda com o nome de Principal. A cena carregador conterá o carregador e a segunda o conteúdo do Site.
b-Na cena Carregador, crie um novo Clipe de Filme(MovieClip), utilizando o Menu Inserir opção Novo Símbolo, o nome do clipe de filme será Carregador.
c-Agora com a ferramenta Texto, crie dois textos Dinâmicos(Dinamic Text), e altere a propriedade Var do primeiro para Porcentagem e do Segundo para Bytes, utilizando a Barra de Propriedades.
d-Crie um desenho de um quadrado com as cores de preenchimento e contorno diferentes.
e-Converta apenas o preenchimento desse quadrado para Clipe de Filme(MovieClip) com o nome de Barra e nomeie a instância dele para Barra, utilizando a Barra de Propriedades.
f-Volte a cena Carregador, aperte ctrl + L para abrir a paleta de bibliotecas, clique no símbolo Carregador(MovieClip) que foi criado e arraste para o Palco(Tela), aperte agora CTRL + K, faça com ele fique alinhado ao centro, não esqueça de nomear a instância desse clipe de filme(MovieClip) para Carregador utilizando a Barra de Propriedades.
g-Clique com o botão direito no carregador escolha a opção ações(action) e digite o código abaixo:
onClipEvent (enterFrame) {
PORCENTAGEM = int((_root.getBytesLoaded()/_root.getBytesTotal())*100);
BYTES = int(_root.getBytesLoaded()/1024)+" KBytes";
_root.carregador.barra._xscale = PORCENTAGEM;
if (PORCENTAGEM == 100) {
tellTarget ("_root") {
play();
}
}
}