Banner com Flash

Prof. Luiz Claudio Ferreira de Souza

www.luizclaudiofs.blogspot.com 1

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

Acesse o Flash

www.luizclaudiofs.blogspot.com 3

Escolha o ActionScript 2.0

www.luizclaudiofs.blogspot.com 4

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

Vamos configurar a dimensão do palco para 521 (largura) x 141 (Altura)

www.luizclaudiofs.blogspot.com 6

Inserir fundo no Palco: Desenhe um retângulo, sobre o palco com a cor desejada

www.luizclaudiofs.blogspot.com 7

Ficando assim!

www.luizclaudiofs.blogspot.com 8

Selecione o frame 100

Pressione F6 no quadro 100 selecionado

www.luizclaudiofs.blogspot.com 9

De nome para essa camada, clique duas vezes sobre da camada para renomea-la !

www.luizclaudiofs.blogspot.com 10

Crie uma nova camada para a imagem da esquerda

www.luizclaudiofs.blogspot.com 11

Selecione o quadro 1 , na segunda camada (Imesq), e insira figura da esquerda, conforme abaixo:

www.luizclaudiofs.blogspot.com 12

Ficando assim!

www.luizclaudiofs.blogspot.com 13

Importando imagem para o palco!

www.luizclaudiofs.blogspot.com 14

Posicione a imagem no local correto com a ferramenta:

www.luizclaudiofs.blogspot.com 15

Selecione o quadro 5 da segunda camada (Imesq) e pressione F6

www.luizclaudiofs.blogspot.com 16

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

Escola a opção abaixo:

www.luizclaudiofs.blogspot.com 18

A linha do tempo ficará assim:

www.luizclaudiofs.blogspot.com 19

Reposicione a imagem, ficando a metade dentro do palco:

www.luizclaudiofs.blogspot.com 20

Selecione o Frame 10, precione F6

www.luizclaudiofs.blogspot.com 21

No frame 10 da segunda camada, reposicione a imagem, ficando totalmente dentro do palco:

www.luizclaudiofs.blogspot.com 22

No frame 15, pressione F6 e reposicione a imagem novamente

www.luizclaudiofs.blogspot.com 23

No quadro 20, pressione F6 e reposicione a imagem novamente

www.luizclaudiofs.blogspot.com 24

Veja como está seu filme!

CTRL + Enter

www.luizclaudiofs.blogspot.com 25

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