Cidade

01. Crie um documento com 550 x 400 px.
02. Altere a cor do fundo para: #66FFFF.
03. Adicione mais 03 (três) camadas ao trabalho.
04. Renomeie a Camada 1 para Sol, a Camada 2 para Prédios, a Camada 3 para Estrada e a Camada 4 para Carro.
05. Vá no menu Inserir/Novo Símbolo: Defina o nome de SOL, comportamento CLIPE DE FILME.

06. Faça um círculo sem contorno e preenchimento amarelo de 100 x 100 na posição -50 x -50

07. Na linha de tempo quadro 05 (cinco) aperte F6 e altere o tamanho para 90 x 90 posição -45 x -45.

08. Com a tecla Alt pressionada copie o quadro 01 (um) para o quadro 10 (dez).

09. No quadro 09 (nove) pressione F6 e exclua o quadro 10 (dez).

10. Adicione uma nova camada e crie uma nova elipse, sem contorno, de cor #FF9900 e de tamanho 80 x 80 posição -40 x -40.

11. Clique na Cena 1 para voltar ao palco.

12. Estando na Camada Sol, pressione F11 para acionar a Biblioteca e arraste o sol para o palco.

13. Clique na Camada Prédios e com a ferramenta retângulo desenhe algo parecido com esse:

14. Clique na Camada Estrada e com a ferramenta retângulo faça um desenho, sem contorno e com preenchimento na cor #333333, de 550 x 50 na posição 0 x 350.

15. Selecione a camada Estrada e pressione a tecla F8, coloque estrada no nome e no comportamento defina como gráfico.

16. Insira uma nova Cena.
17. Adicione mais 03 (três) camadas.
18. Renomeie as camadas para: Camada 1 para Natureza, Camada 2 para Sol, Camada 3 para Estrada e Camada 4 para Carro.
19. Aperte a tecla F11 e na camada Sol puxe da biblioteca para o palco o Sol. Na camada Estrada puxe a estrada da biblioteca para o palco.

20. Importe do Google para a biblioteca imagens de árvores .

21. Monte na camada Natureza uma floresta.

22. Insira uma nova Cena, adicione mais 04 (quatro) camadas, renomeie-as para:
Camada 1 para Sol, Camada 2 para Mar, Camada 3 para Areia, Camada 4 para Estrada e Camada 5 para Carro.
23. Pressione a tecla F11, na camada Sol puxe o Sol da biblioteca para o palco.
24. Na camada Estrada, puxe a estrada da biblioteca para o palco.

25. Na camada Mar, com a ferramenta retângulo, sem contorno e preenchimento na cor #0099FF, faça um retângulo de 550 x 65 na posição 0 x 220.

26. Com a ferramenta lápis na cor azul com estilo livre, faça detalhes no mar.

27. Ficando mais ou menos assim

28. Na camada areia, com a ferramenta retângulo, sem contorno e com cor de preenchimento #CC9900, faça um retângulo de 550 x 65 na posição 0 x 285.

29. Coloque um guarda sol na areia.

30. Você pode fazer o carro ou pegar um no google.
31. Em todas as cenas faça uma animação de movimento no carro passando de um lado para outro.

Flash - Mesa de Ping-pong

01. Crie um palco de 550 x 400 fundo branco.
02. Crie um retângulo de 420 x 210 e x=70 ; y=100, com preenchimento de cor #006600 com contorno preto.

03. Desenhe uma linha com L = 0 e H = 300, posição x = 30 e y = 50, com espessura de 2 px na cor branca.
04. Pressione Ctrl+A para selecionar todos os objetos e vá ao menu Modificar / Alinhar / Alinhar vertical centralizados.

05. Exclua os excessos da linha branca em baixo e em cima.
06. Renomeie a camada para mesa.
07. Crie uma nova camada, renomeie para bolinha. Desenho um círculo sem contorno e com preenchimento branco no tamanho 10x10.

08. Agora vamos fazer a animação da bolinha. Na camada da mesa no quadro 60 pressione F5.

09. Na camada da bolinha no quadro 15 pressione F6 e coloque a bolinha na posição: 450 x 270.
10. Na mesma camada no quadro 30 pressione F6 e posicione a bolinha em: 70 x 290.
11. Ainda na camada da bolinha no quadro 45 pressione F6 e posicione a bolinha em: 455 x 100.
12. E para finalizar vamos apenas clonar os quadros, então, volte para o quadro 1 clique no quadro pressione a tecla ALT e arraste ate a posição 61.
13. Clique na camada bolinha e depois de um clique com o botão direito nos quadros e escolha a opção criar interpolação de movimento.
14. Clique agora no quadro 60 e pressione F6, depois clique no quadro 61 e escolha a opção remover quadro.
15. Pressione Ctrl+Enter e veja a sua animação.

2ª Etapa da Mesa.
16. Vá no menu Inserir e escolha a opção Cena. Desta forma teremos um novo palco no mesmo trabalho.
17. Troque o nome da camada para mesa.
18. Crie um retângulo de 420 x 5, com a cor de preenchimento #006600 e contorno preto. Selecione o desenho, pressione o Ctrl+Alt+8 (Encenar), na sequencia pressione Ctrl+Alt+2 e depois Ctrl+Alt+5, isso fara que o nosso desenho fique no centro do palco.
19. Crie um outro retângulo de 2 x 15 com cor de contorno #00FF00 na posição x: 274 e y: 181.

20. Crie uma nova camada e troque o nome para parede. Crie um retângulo de 550 x 250 posição 0 e 0. Sem contorno e preenchimento cor #660099. (Nova cor)
21. Crie uma nova camada e troque o nome para chão, faça um retângulo na cor #999999 sem contorno no tamanho de 550 x 150 posição 0 e 250.
22. Posicione a camada mesa sobre as demais.

23. Crie mais uma camada e troque o nome para bolinha. Desenho um círculo de tamanho 10 x 10 posição x=25 e y=130.

24. No Frame 30 de todas as camadas menos a bolinha pressione F5.

25. Na camada da bolinha no quadro 10 pressione F6. e posicione a bolinha em 360 x 186.4.

26. No quadro 15 pressione F6 e posicione a bolinha 515 x 130.

27. No quadro 26 pressione F6 e posicione a bolinha em 86 x 186.4.

28. Volte a selecionar o quadro 1 com a tecla Alt pressionada e largue o quadro selecionado no frame 31.
29. Selecione a camada da bolinha e com o botão direito do mouse clique nos quadros e crie a interpolação de movimento.
30. Selecione o quadro 30 pressione F6 e depois remova o quadro 31.
31. Agora pressione Ctrl+Enter.

Flash - Criando um Pré-loader

01. Monte um palco com qualquer tamanho, crie três camadas.

02. Renomeie cada camada como na imagem abaixo:

03. No quadro 2 da camada Ações crie mais um quadro chave (F6)
-->

04. Volte para o quadro 1 da camada Ações e clique na barra Ações para inserir uma programação.

Mude o modo de Normal para Especialista.

Mude 05. MudInsira o seguinte código:

-------------------------------------------------------------------------
total = getBytesTotal();
carregando = getBytesLoaded();
porcentagem = Math.floor((total/carregando) * 100);
barra_mc._xscale = porcentagem = Math.floor((carregando/total)*100);
mostrador.text = porcentagem + "%"
{
if (carregando == total)
gotoAndPlay("Cena 2", 1);
}
----------------------------------------------------------------------------

06. No quadro 2 da camada Ações, repita o procedimento e insira o seguinte código:
------------------------------------
if (getBytesLoaded() < GETBYTESTOTAL()) {

gotoAndPlay("Cena 1", 1);

}

else {

gotoAndPlay("Cena 2", 1);

}

07. Clique no quadro 1 da camada Texto.

08. Na camada Texto, clique na Ferramenta Texto (T) e crie um quadro onde irá aparecer a informação.

08. C

08. Clique na ferramenta de texto.

09. Mude a propriedade de Texto Estático para Texto Dinâmico.

09. Mude a propriedade da caixa texto de "Texto Estático" para "Texto Dinâmico".


10. Faça um quadro de qualquer tamanho, na barra propriedade nomeie o objeto para mos "MOSTRADOR".

10. Com a caixa de texto selecionada, atribua um nome para ela. Ex.: Mostrador.


11. Clique na camada Barra

1. Vá para a camada Barra...

11. Crie um retângulo...

12. Crie um retângulo de qualquer tamanho.

12. Selecione o contorno do retângulo e delete.

13. Ficando assim...

14. Selecione o retângulo e...


14. A5. Altere a propriedade da altura para 1.0


15. Com a barra selecionada pressione F8 para converter o desenho em Símbolo.
Selecione a opção Clipe de Filme e modifique o local do Registro para o canto superior esquerdo.

16. Ainda com o retângulo selecionado pressione (F8) - Converter em Símbolo. Mude o ponto de registro para o indicado na figura abaixo. OK.


16. Na barra de propriedades renomeie o objeto para "barra_mc".

17. Nomeie o símbolo para BARRA_MC.


17. Vá no menu Inserir Cena.

18. Vá no menu Inserir / Cena.


18. Na cena 2 coloque duas imagens de qualidade GRANDE.

19. Procure no Google duas imagens de propriedade Tamanho: "Grande", importe para o Flash e posicione uma do lado da outra.


19. Pressione Ctrl+Enter, e depois vá no menu Exibir / Mostrar Fluxo.

20. Pressione Ctrl+Enter e no menu Exibir, clique em Mostrar Fluxo.


20. Deverá aparecer a contagem de carregamento e a barra carregando.

21. Será exibido a sua barra de carregamento do Flash.