banner com flash - anisioteixeira.com.br · posicione a imagem no local correto com a ferramenta:...
TRANSCRIPT
![Page 1: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/1.jpg)
Banner com Flash
Prof. Luiz Claudio Ferreira de Souza
www.luizclaudiofs.blogspot.com 1
![Page 2: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/2.jpg)
Flash
Uma das aplicações do software de animação Flash está na confecção de animações para serem utilizados em aplicativos e em sites. Abaixo segue um tutorial para confecção de Banner com a logomarca do Instituto Federal do Pará, siga o tutorial e faça a atividade proposta pelo professor.
www.luizclaudiofs.blogspot.com 2
![Page 3: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/3.jpg)
Acesse o Flash
www.luizclaudiofs.blogspot.com 3
![Page 4: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/4.jpg)
Escolha o ActionScript 2.0
www.luizclaudiofs.blogspot.com 4
![Page 5: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/5.jpg)
Vamos definir o Tamanho do Palco, clique com o botão direito sobre o palco e escolha a opção assinalada na imagem abaixo
www.luizclaudiofs.blogspot.com 5
![Page 6: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/6.jpg)
Vamos configurar a dimensão do palco para 521 (largura) x 141 (Altura)
www.luizclaudiofs.blogspot.com 6
![Page 7: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/7.jpg)
Inserir fundo no Palco: Desenhe um retângulo, sobre o palco com a cor desejada
www.luizclaudiofs.blogspot.com 7
![Page 8: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/8.jpg)
Ficando assim!
www.luizclaudiofs.blogspot.com 8
![Page 9: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/9.jpg)
Selecione o frame 100
Pressione F6 no quadro 100 selecionado
www.luizclaudiofs.blogspot.com 9
![Page 10: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/10.jpg)
De nome para essa camada, clique duas vezes sobre da camada para renomea-la !
www.luizclaudiofs.blogspot.com 10
![Page 11: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/11.jpg)
Crie uma nova camada para a imagem da esquerda
www.luizclaudiofs.blogspot.com 11
![Page 12: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/12.jpg)
Selecione o quadro 1 , na segunda camada (Imesq), e insira figura da esquerda, conforme abaixo:
www.luizclaudiofs.blogspot.com 12
![Page 13: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/13.jpg)
Ficando assim!
www.luizclaudiofs.blogspot.com 13
![Page 14: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/14.jpg)
Importando imagem para o palco!
www.luizclaudiofs.blogspot.com 14
![Page 15: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/15.jpg)
Posicione a imagem no local correto com a ferramenta:
www.luizclaudiofs.blogspot.com 15
![Page 16: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/16.jpg)
Selecione o quadro 5 da segunda camada (Imesq) e pressione F6
www.luizclaudiofs.blogspot.com 16
![Page 17: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/17.jpg)
Selecione do quadro 5 até o quadro 1 da camada 1 (Imesq ) e pressione o botão direito do mouse sobre a seleção
www.luizclaudiofs.blogspot.com 17
![Page 18: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/18.jpg)
Escola a opção abaixo:
www.luizclaudiofs.blogspot.com 18
![Page 19: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/19.jpg)
A linha do tempo ficará assim:
www.luizclaudiofs.blogspot.com 19
![Page 20: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/20.jpg)
Reposicione a imagem, ficando a metade dentro do palco:
www.luizclaudiofs.blogspot.com 20
![Page 21: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/21.jpg)
Selecione o Frame 10, precione F6
www.luizclaudiofs.blogspot.com 21
![Page 22: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/22.jpg)
No frame 10 da segunda camada, reposicione a imagem, ficando totalmente dentro do palco:
www.luizclaudiofs.blogspot.com 22
![Page 23: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/23.jpg)
No frame 15, pressione F6 e reposicione a imagem novamente
www.luizclaudiofs.blogspot.com 23
![Page 24: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/24.jpg)
No quadro 20, pressione F6 e reposicione a imagem novamente
www.luizclaudiofs.blogspot.com 24
![Page 25: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/25.jpg)
Veja como está seu filme!
CTRL + Enter
www.luizclaudiofs.blogspot.com 25
![Page 26: Banner com Flash - anisioteixeira.com.br · Posicione a imagem no local correto com a ferramenta: ... 2- Faça um Banner com a logo de sua escola ou instituição escolar. Mostre](https://reader034.vdocuments.net/reader034/viewer/2022051510/5be8372409d3f23a558d7ca3/html5/thumbnails/26.jpg)
Atividade
1- Complemente o Banner, fazendo a imagem se deslocar à direita. (as imagens estão postadas no endereço: www.luizclaudiofs.blogspot.com no assunto Flash)
2- Faça um Banner com a logo de sua escola ou instituição escolar.
Mostre ao professor!
www.luizclaudiofs.blogspot.com 26