Avião de animação por action script

Leia este tutorial e aprenda a criar uma animação de um avião usando o Action Script. Você também vai aprender:

1. Como converter em um avião Moive Clip Symbol;
2. Como criar um botão, que será usado na animação de controle do avião;
3. 3. Como usar Instância campo de entrada do Painel de Propriedades e muito mais.


Etapa 1

Abra um novo documento do Flash.


Etapa 2:


Pressione Ctrl + J (ou selecione Modify> Document). Defina a taxa de frames para o seu filme a 16 quadros por segundo (fps). Defina #E1EDFF como cor de fundo e clique em OK.

Etapa 3:


Usando as ferramentas Flash para desenho (Line Tool Oval Tool), desenhe o avião. Veja a imagem abaixo.

Etapa 4:


Pegue a ferramenta de seleção (V), selecione o avião e pressione a tecla F8 (Converter em símbolo) para converter o avião em um Movie Clip.

Etapa 5:


Depois disso, colocar o avião na posição, como é mostrado na figura abaixo.

Etapa 6:


Clique nos frames 16,17 e 34 e pressione a tecla F6 no teclado.


Etapa 7:


Volte no frame 16, pegue a Selection Tool (V) e coloque o avião nesta posição:

Etapa 8:


Pegue a ferramenta de seleção (V), clique uma vez sobre o frame 16 e aperte Ctrl + C (Copiar). Então, clique no frame 17, pressione a tecla delete no teclado e depois Ctrl + Shift + V (Paste in Place).


Etapa 9:


Enquanto você ainda estiver no frame 17, pegue a Free Transform Tool (Q) pressione e segure a tecla Shift e altere o caminho do avião, como é mostrado na figura abaixo.

Etapa 10:


Pegue a ferramenta de seleção (V), clique no frame 17 e aperte Ctrl + C (Copiar). Em seguida, clique no frame 34, pressione a tecla delete e depois Ctrl + Shift + V (Paste in Place).


Etapa 11:


Enquanto você ainda estiver no frame 34, a Selection Tool (V) e colocar o avião na posição, como é mostrado na figura abaixo.

Etapa 12:


Clique com o botão direito do mouse em qualquer lugar na área cinzenta entre a frame 1 e 16 e entre os frames 17 e 34 na linha do tempo e escolha Create Motion Tween no menu que aparece. Veja a imagem abaixo:

Etapa 13:


Dê um duplo clique na "camada 1 (Layer 1)" para renomear. E de o novo nome de avião. Depois disso, crie uma nova camada acima da camada de avião e de nome de "botões".


Etapa 14:


Selecione a camada botões e criar três botões com o nome "Stop", "Right " e "Left". Você também pode dar o nome de "Pare", "Direita" e "Esquerda". Veja a imagem abaixo:

Etapa 15:


Pegue a ferramenta de seleção (V), clique uma vez sobre o botão "Stop" para selecioná-lo e vá para o Painel de Action Script (tecla de atalho: F9). Em seguida, digite o seguinte código ActionScript dentro do painel Ações:

on (release) {
stop();
}

Etapa 16:


Em seguida, selecione o botão "Right" e insira o seguinte código no painel Ações:

on (release) {
gotoAndPlay("goright");
}

Em seguida, selecione o botão "Left" e insira o seguinte código no painel Ações:

on (release) {
gotoAndPlay("goleft");
}

Etapa 17:


Crie uma nova camada acima da camada de botões e de o nome de "etiquetas".


Etapa 18:


Clique no frame 2 da camada "etiquetas" e vá para o Painel de Propriedades (Ctrl + F3) abaixo do palco. No lado esquerdo, você encontrará o campo de entrada de nome de Instância. Na entrada do campo de tipo de instância, digite "goright". Veja a imagem abaixo.

Etapa 19:


Depois disso, clique no frame 17 e pressione a tecla F6. Então, vá novamente para o Painel de Propriedades abaixo do palco. Na entrada do campo de tipo de instância, digite "goleft".

Etapa 20:


Crie uma nova camada acima da camada de "etiquetas" e de nome de "ações".


Etapa 21:


Clique no primeiro frame, e insira este código dentro do painel Ações (F9).

stop();

Etapa 22:


Clique no frame 16 e pressione a tecla F6. Depois disso, insira o seguinte código no painel Ações:

stop ();

Teste seu filme (Ctrl + Enter).

Divirta-se!