Flash Exercicio

Embed Size (px)

Text of Flash Exercicio

NDICE EXERCCIO 01 - MOVIMENTEO ENTRE OBJETOS EXERCCIO 02 - MOVIMENTO COM TEXTO EXERCCIO 03 - MOVIMENTO SENTIDO HORRIO EXERCCIO 04 EFEITO FADE EXERCCIO 05 ANIMAO COM DOIS OBJETOS ADD GUIDE LAYER ADICIONAR GUIA A CAMADA(MOTION GUIDE) EXERCCIO 06 ADICIONAR GUIA A CAMADA EXERCCIO 07 DANA DAS LETRAS FORMA DE DEFORMAO EXERCCIO 08 - MOVIMENTO DE DEFORMAO EXERCCIO 09 DEFORMAO COM TEXTOS EXERCCIO 10 DEFORMAO COM IMAGENS EXERCCIO 11 DEFORMAO COM AUXILIO DE MARCADORES BOTO SIMPLES EXERCCIO 12 BOTO SIMPLES TRATAMENTO DE IMAGENS COMO TRANSFORMAR UMA IMAGEM BITMAP COMO VETORIAL COMO SIMULAR TRANPARENCIA COMO USAR UMA IMAGEM COM TEXTURA COMO USAR IMAGEM EM 3D MOVIE CLIP EXERCCIO 13 MOVIE CLIP EXERCCIO 14 MOVIE CLIP COM IMAGEM MASK MSCARA EXERCCIO 15 BANNER ANIMADO I EXERCCIO 16 BANNER ANIMADO II EXERCCIO 17 BANNER ANIMADO III EXERCCIO 18 BANNER ANIMADO IV SOM PAINEL DE SOM EXERCCIO 19 SOM EM BOTO EXERCCIO 20 BOTO LIGA/DESLIGA SOM EXERCCIO 21 CENAS USANDO GOTO EXERCCIO 22 HTML COM FRAMES USANDO GETURL PUBLICAO PUBLICAR PAGINA HTML PROPRIEDADES DO ARQUIVO.SWF EXERCCIO 23 - IMAGENS CARREGANDO EXERCCIO 24 IMAGENS CARREGANDO EM PORCENTAGEM EXERCCIO 25 ARQUIVO EM FLASH PARA IMPRESSO EXERCCIO 26 - ARQUIVO EM FLASH COMO SCREENSAVER EXERCCIO 27 - COMO CRIAR GIF ANIMADO EXERCCIO 28 - ACTIONCSRIPT IF FRAME IS LOADED EXERCCIO 29 CONTADOR EXERCCIO 30 CONTADOR/ MOVIE CLIP EXERCCIO 31 AREA RESTRITA EXERCCIO 32 SCROOL AREA EXERCCIO 33 SCROOL AREA/TEXTO EXTERNO EXERCCIO 34 TEXTO E ANIMAES EXERCCIO 35 LOAD VARIABLE

EXERCCIO 01 - MOVIMENTO ENTRE OBJETOS 01. Desenhe uma bola 02. Selecione a bola > Insert Inserir > Convert to Symbol Converter para Smbolo ou F8 03. Ser exibido uma Caixa de Dilogo: 04. Selecione a linha de tempo 50 deste layer camada 05. Insert Inserir > Keyframe Chave de Quadro ou F6 06. Mantendo selecionado a linha de tempo 50, mude a pocio da bola 07. Clique com boto direito do mause entre a linha de tempo 1 e 50 > Create Motion Tweening Criar Movimento entre Objetos 08. Observe que ser exibido uma seta entre os dois quadros com fundo roxo 09. Salve a animao como exer01.fla 10. Para testar a animao > File Arquivo > Export Movie Exportar Animao ou Ctrl+Enter, isto , automaticamente o arquivo exer01.fla ser criado um arquivo compactado em shockwave exer01.swf 11. Clique em File - Arquivo > Close - Fechar ou Ctrl+F4 para voltar Cena 12. Clique com boto direito do mouse em qualquer parte da rea de trabalho (cena) > Movie Properties - Propriedades da Animao 13. Background Color - Cor de Fundo > escolha uma cor 14. Clique OK 15. Salve a animao > Ctrl+Enter e teste sua animao 16. Vamos verificar as Propriedades do Quadro! 17. Window - Janela > Panels - Painis > Frame - Quadro - Label - Rtulo - Tweening - Entre Objetos > Motion - Animao - Easing - Acelerao > est em zero, default do Flash - Rotate - Rotao: Automatic - Automtica A Rotao pode ser tambm Clockwise - Sentido Horrio e Counterclockwise Sentido Anti-Horrio - Options - Opes EXERCCIO 02 - MOVIMENTO COM TEXTO 01. Digite uma palavra 02. Selecione a palavra > Insert - Inserir > Convert to Symbol - Converter para Smbolo ou F8 03. Ser exibido uma Caixa de Dilogo: Name - Nome: digite texto1 Behavior - Comportamento > (x) Graphic - Grfico 04. Selecione a linha de tempo 50 deste layer - camada 05. Insert - Inserir > Keyframe - Chave de Quadro ou F6 06. Mantendo selecionado a linha de tempo 50, mude a posio do texto 07. Clique com boto direito do mouse entre a linha de tempo 1 e 50 > Create Motion Tweening - Criar Movimento entre Objetos 08. Observe que ser exibido uma seta entre os dois quadros com fundo roxo 09. Salve a animao como exer02.fla 10. Clique na linha de tempo 1 11. Selecione o texto > Modify - Modificar > Transform - Transformar > Scale and Rotate Escala e rotao > Escala: 500 12. Arraste o texto para fora da Cena, na parte superior esquerda

13. Salve a animao > Ctrl+Enter e teste sua animao EXERCCIO 03 - MOVIMENTO SENTIDO HORRIO 01. Desenhe uma bola e pinte de uma cor gradiente, em caso de dvida de como criar uma cor gradiente, reveja mdulo 02 02. Selecione a bola > Insert - Inserir >Convert to Symbol - Converter para Smbolo ou F8 03. Ser exibido uma Caixa de Dilogo: Name - Nome: digite bola2 Behavior - Comportamento > (x) Graphic - Grfico 04. Selecione a linha de tempo 50 deste layer - camada 05. Insert - Inserir > Keyframe - Chave de Quadro ou F6 06. Mantendo selecionado a linha de tempo 50, mude a posio da bola 07. Clique com o boto direito do mouse entre a linha de tempo 1 e 50 > Create Motion Tweening - Criar Movimento entre Objetos 08. Observe que ser exibido uma seta entre os dois quadros com fundo roxo 09. Salve a animao como exer03.fla 10. Clique na linha de tempo 1 11. Selecione na Barra de Base > Show Instance - Exibir Instncia 12. Ser exibido o Painel de Instncia: 13. Selecione Frame - Quadro 14. No painel dos Frames - Quadro: - Tweening - Entre Objetos > Motion - Animao - Rotate - Rotao: Automatic - Automtica mude para Clockwise - Sentido Horrio ou se preferir Counterclockwise - Sentido Anti-Horrio - Times - Quantas vezes ir rodar > digite 4 15. Feche o painel do Frame - Quadro 16. Clique em Frame Rate - Medida do Quadro mude a cor de fundo 17. Salve a animao > Ctrl+Enter e teste sua animao EXERCCIO 04 - EFEITO FADE 01. Clique em Frame Rate - Medida do Quadro mude a cor de fundo da animao para preto 02. Digite uma palavra em branco 03. Selecione a palavra > Insert - Inserir > Convert to Symbol - Converter para Smbolo ou F8 04. Ser exibido uma Caixa de Dilogo: Name - Nome: digite texto2 Behavior - Comportamento > (x) Graphic - Grfico 05. Selecione o texto > Window - Janela > Panels - Painis > Align - Alinhar ou Ctrl+K ou e centralize o texto no meio da rea de trabalho (Cena) 06. Selecione a linha de tempo 50 deste layer - camada 07. Mantendo selecionado a linha de tempo 50 > com o boto direito do mouse sobre o texto > Panels - Painis > Effect - Efeito 08. Selecione Alpha > digite 0 (zero) 09. Salve a animao > Ctrl+Enter e teste sua animao

EXERCCIO 05 - ANIMAO COM DOIS OBJETOS 01. Clique em Frame Rate - Medida do Quadro 02. Desenhe uma bola com cores gradientes 03. Selecione a bola > Insert - Inserir > Convert to Symbol - Converter para Smbolo ou F8 04. Ser exibido uma Caixa de Dilogo: Name - Nome: digite bola3 Behavior - Comportamento > (x) Graphic - Grfico 05. Selecione a linha de tempo 50 deste layer - camada 06. Insert - Inserir > Keyframe - Chave de Quadro ou F6 07. Mantendo selecionado a linha de tempo 50, mude a posio da bola 08. Clique com boto direito do mouse entre a linha de tempo 1 e 50 > Create Motion Tweening - Criar Movimento entre Objetos 09. Observe que ser exibido uma seta entre os dois quadros com fundo roxo 10. Clique na linha de tempo 1 11. Selecione na Barra de Base > Show Instance - Exibir Instncia 12. Ser exibido o Painel da Instncia: 13. Selecione Frame - Quadro 14. Salve a animao como exer05.fla 15. No painel dos Frame - Quadro: - Tweening - Entre Objetos > Motion - Animao - Rotate - Rotao: Automatic - Automtica mude para Clockwise - Sentido Horrio ou se preferir Counterclockwise - Sentido Anti-Horrio - Times - Quantas vezes ir rodar > digite 10 16. Selecione a linha de tempo 51 > Insert - Inserir > Blank KeyFrame - Chave de Quadro em Branco ou F7 17. Desenho um quadrado 18. Selecione o quadrado > Insert - Inserir > Convert to Symbol - Converter para Smbolo ou F8 19. Ser exibido uma Caixa de Dilogo: Name - Nome: digite quadrado Behavior - Comportamento > (x) Graphic - Grfico 20. Selecione a linha de tempo 1000 deste layer - camada 21. Insert - Inserir > Keyframe - Chave de Quadro ou F6 22. Mantendo selecionado a linha de tempo 100, mude a posio do quadrado 23. Clique com boto direito do mouse entre a linha de tempo 51 e 100 > Create Motion Tweening - Criar Movimento entre Objetos 24. Observe que ser exibido uma seta entre os dois quadros com fundo roxo 25. Clique na linha de tempo 51 26. Selecione na Barra de Base > Show Instance - Exibir Instncia 27. Ser exibido o Painel da Instncia: 28. Selecione Frame - Quadro 29. No painel dos Frame - Quadro: - Tweening - Entre Objetos > Motion - Animao - Rotate - Rotao: Automatic - Automtica mude para Clockwise - Sentido Horrio ou se preferir Counterclockwise - Sentido Anti-Horrio - Times - Quantas vezes ir rodar > digite 10 30. Salve a animao > Ctrl+Enter e teste sua animao

Dicas: - Quando a animao tem na linha de tempo um tempo transcorrido maior, a animao ficar mais lenta - Quando a animao tem na linha de tempo um tempo transcorrido menor, a animao ficar mais rpida - Para aumentar a linha de tempo de uma animao > clique no meio de dois frames quadros e aperte F5 - Para diminuir a linha de tempo de uma animao > clique no meio de dois frames quadros e aperte Shift+F5 ADD GUIDE LAYER - ADICIONAR GUIA CAMADA Add Guide Layer - Adicionar Guia Camada um efeito que cria os caminhos por onde passar sua animao, mas para que ocorra esse efeito, necessrio criar primeiramente o Motion Tweening - Movimento entre Objetos EXERCCIO 06 - ADICIONAR GUIA CAMADA 01. Desenhe uma bola 02. Selecione a bola > Insert - Inserir > Convert to Symbol - Converter para Smbolo ou F8 03. Ser exibido uma caixa de Dilogo: Name - Nome: digite bola4 Behavior - Comportamento > (x) Graphic - Grfico 04. Selecione a linha de tempo 50 deste layer - camada 05. Insert - Inserir > Keyframe - Chave de Quadro ou F6 06. Mantendo selecionado a linha de tempo 50, mude a posio da bola 07. Clique com o boto direito do mouse entre a linha de tempo 1 e 50 > Create Motion Tweening - Criar Movimento entre Objetos 08. Observe que ser exibido uma seta entre os dois quadros com fundo roxo 09. Salve a animao como exer06.fla 10. Salve a animao > Ctrl+Enter e teste sua an