Pré-visualização3 páginas
Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 1 MACROMEDIA FLASH O Macromedia Flash é um software para criação de animações sofisticadas, onde podemos criar as animações com movimentos, som e interatividade ao mesmo tempo. Com o Flash não temos limitações a barreira é nossa imaginação. I - OBJETIVO DO FLASH O que podemos criar com o Flash? Além de animações sofisticadas para serem inseridas em nosso site, também podemos criar: • banners com propagandas, promoções, divulgações, etc., • botões com interatividade de som e movimento; • layout inteiro em flash, ou seja, criar o site em flash, utilizando apenas um html para carregar o site; • jogos para Internet. No Flash podemos utilizar comandos HTML e até mesmo JavaScript para auxiliar em projetos mais complexos. Além disso, o Flash suporta outros tipos de arquivos como bitmap (JPG, GIF. BMP) e sons (WAV), porém quanto mais conteúdos de outros formatos forem inseridos no Flash, maior vai ficar o arquivo, dificultando assim a exibição do projeto. Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 2 II - FORMATO DE ARQUIVOS Quando salvamos um arquivo ou projeto no Flash ele gera um arquivo de extensão .FLA, esse formato nos permite editar o projeto no próprio Flash. Mas para o Browser não entende esse formato de arquivo, o formato necessário para ser exibido na Internet é o SWF. Para conseguir transformar nosso projeto FLA em SWF precisamos publicar o projeto. (Esse processo aprenderemos mais adiante.) Não basta o arquivo estar em SWF, para que funcione, é necessário ter o plugin do Flash instalado na máquina. O Browsers novos já vem com esse plugin, mas se por acaso não estiver instalado na máquina, podemos fazer um Download do plugin através do site da macromedia. O Macromedia Flash, não gera somente arquivos FLA e SWF, ele também gera arquivos executáveis (EXE), Imagens (GIF, JPG, PNG), entre outros. Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 3 III - AMBIENTE DO FLASH Ao contrário do Fireworks, o Flash já inicia o projeto com um documento. Mas antes de dar início ao trabalho é preciso configurar o tamanho do projeto. Barra de Ferramentas Barra de Menu Janela do Documento Painéis ou Paletas Painel de Propriedades As opções desse painel mudam conforme a ferramenta escolhida. Time Line Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 4 EXERCÍCIO TEÓRICO 1 – O que é Macromedia Flash? __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ ______________________________________________ 2 – Quais os objetivos do Flash? __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ ______________________________________________ 3 – Podemos fazer desenhos com o Flash? Quais tipos de desenho? __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ ______________________________________________ 4 – Cite algumas utilizações do Flash? __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ ______________________________________________ _____________________________________________________________ 5 – Quais os formatos de arquivos que podem ser gerados pelo Flash e qual é o formato do projeto Flash? __________________________________________________________________ __________________________________________________________________ __________________________________________________________________ __________________________________________________ Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 5 EXERCÍCIO PRÁTICO Desenvolva os exercícios a seguir, não deixe de salvar o exercício com o nome do título. Competência: Saber utilizar as ferramentas de desenho do Flash EXERCICIO_FLASH01 EXERCICIO_FLASH02 são joão Amor EXERCICIO_FLASH03 EXERCICIO_FLASH04 Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 6 IV – ANIMAÇÃO QUADRO-A-QUADRO Andes de criarmos uma animação quadro-a-quadro precisamos entender como funciona a Time Line e saber o que é Quadro-Chave. A Time Line ou Linha de Tempo são os quadros que compõem uma animação e o Quadro-Chave é uma seqüência de quadros. Para organizar nosso trabalho temos as camadas. Linha de Tempo Quadros ChaveCamadas Camadas As camadas são como folhas transparentes uma sobreposta a outra. Para criar novas camadas devemos clicar no botão ‘Adicionar Camada’ que se localiza na parte inferior das camadas. No mesmo local também temos o ícone para excluir camadas, devemos sempre prestar atenção na camada que está selecionada. Para mantermos um projeto organizado, é aconselhável renomear as camadas conforme seu conteúdo. Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 7 IV - ANIMAÇÃO QUADRO-A-QUADRO Antes de iniciarmos vamos entender melhor o que é uma animação quadro-a- quadro. Essa animação é a animação onde vamos mostrar para o Flash, quadro- a-quadro o que ele deve fazer utilizando o quadro chave. 1) Inicie um novo projeto e salve como Exemplo_01 2) No primeiro frame crie uma quadrado. Primeiro Frame 3) No segundo frame vamos copiar o frame 1 – utilizando a tecla F6: Selecione o frame 2 e tecle F6. Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 8 IV - ANIMAÇÃO QUADRO-A-QUADRO 4) Selecione o frame 2 e rotacione e mova o quadrado. Você vai perceber que no frame 1 temos um posição do quadrado e no frame 2 temos outra situação. Faça isso até o frame 10, trocando a posição, cor e rotacionando o objeto quadrado. 5) Posicione o marcador do tempo no frame 1 e tecle Enter. A animação quadro-a-quadro é muito parecido com gif animado, pois precisamos ter todas as posições em detalhes, onde podemos manipular e controlar o movimento que desejamos. EXERCÍCIO PRÁTICO Reproduza o palhaço e faça uma animação com os olhos e a boca utilizando quadro-a-quadro. Competência: Saber utilizar as ferramentas de desenho do Flash e fazer animações quadro-a-quadro. EXERCICIO_FLASH05 Colégio Serrano Guardia – Ensino Médio Técnico Profª Líslei APOSTILA DE FLASH Página: 9 V – INTERPOLAÇÃO Para termos uma animação com efeito Tweening (transformação gradual) basta definir o primeiro e o último frame e o flash se encarrega de fazer a transformação. Ele faz cálculos para posicionar cada frame. Temos 2 tipos de interpolação – Movimento e Forma. A Interpolação Forma é para objetos não agrupados e o Movimento para objetos agrupados ou símbolos. Vamos ver um exemplo de interpolação FORMA. 1) Abra um novo documento do Flash e salve como Exemplo_02 2) No frame 1 crie um circulo no canto esquerdo da área do documento. 3) Selecione o frame 20 e copie do frame 1utilizando F6. 4) Selecione o objeto (circulo)