Colégio Dante Alighieri Depto. de Tecnologia Educacional · ANO 7º PROJETO Assinatura Digital...
Transcript of Colégio Dante Alighieri Depto. de Tecnologia Educacional · ANO 7º PROJETO Assinatura Digital...
Colégio Dante Alighieri
Depto. de Tecnologia Educacional
ANO 7º
PROJETO Assinatura Digital
SOFTWARE Flash 5.0
SITUAÇÃO
PROBLEMA
Criar uma assinatura digital utilizando um software de
animação
OBJETIVO(S) Apresentar as ferramentas básicas do software de
animação Flash, utilizando a técnica “Quadro a Quadro”
FERRAMENTAS Macromedia Flash 5.0
Internet Explorer
Pintura Rupestre
Vaso da Mesopotâmia
Sequência de imagens encontradas em um vaso no Irã
Show de Projeção de Sombras
As primeiras animações aconteceram com as sombras chinesas
obtidas originalmente com as mãos e pequenos acessórios
Sombras Chinesas (mãos)
http://www.youtube.com/watch?v=1Gk4YqOnknk
Sombras Chinesas (corpo)
http://www.youtube.com/watch?v=RPERVDVHAr4&feature=related
http://www.youtube.com/watch?v=0PaLPxdZ-iU&feature=related
O Fenaquistiscópio
Inventado em 1831 por Joseph
Plateau, cria a ilusão de
movimento através de uma
movimentação das imagens
desenhadas em seqüência em um
disco
Fenaquistiscópio em movimento
Princípio do desenho animado
http://www.youtube.com/v/xw-_2S-_nFI&hl=pt_BR&fs=1&" type="application/x-
shockwave-flash
http://www.youtube.com/v/9FUgAdWD4as&hl=pt_BR&fs=1&" type="application/x-
shockwave-flash
http://www.youtube.com/v/JtHjsrvP-wU&hl=pt_BR&fs=1&" type="application/x-
shockwave-flash
Área de trabalho do Flash
Principais Ferramentas
Lápis
Seta de seleção
Linha
Caneta
Oval
Tinteiro
Conta-gotas
Ferramentas de
visualização
Retângulo
Texto
Balde de tinta
Laço
Subseleção
Borracha
Cores das linhas
Cores de preenchimento
Pincel
Camadas
Linha do tempo
A linha do tempo nos fornece a duração (tempo) que uma imagem permanecerá
na tela.
Cada unidade é chamada de quadro .
Exemplo no Flash
Roteiro – aula 1
• Abrir o Macromedia Flash 5 – Iniciar – Educacionais - Flash 5
• Ferramenta Pincel - Selecionar espessura e formato
• Selecionar a cor do pincel
• Desenhar as letras que compõe seu nome, teclando F6 entre um quadro e outro
• Pressionar ENTER para visualizar a animação
• Salvar (Arquivo – Salvar como – pasta de sua classe – ASSINATURA DIGITAL)
Criando um GIF ANIMADO:
• Arquivo – Configurações de Publicação – Imagem GIF – Guia GIF –
• REPRODUZIR: Animado
• TRANSPARÊNCIA: Transparente
• Clicar no botão Publicar - OK
Curiosidades....
Luz e Objetos
Quadra de Tenis nas alturas
Fontes:• http://anisigs.fateback.com/longhand.htm
• http://www.anisigs.co.uk/
• http://en.wikipedia.org/wiki/Animation
• http://obviousmag.org/archives/2010/04/projecao_de_sombras_-_kumi_yamashita.html
• http://www.infoescola.com/desenho/historia-da-animacao/
• http://salasdecinemadesp.blogspot.com/2008/08/primeiras-projees-da-histria-do-cinema.html
• http://pititi.com/passatempos/sombras/sombras_chinesas.htm
• http://www.cinematografo.com.br/o-fenaquistiscopio/
• http://1.bp.blogspot.com/_fSuLC1dt9L4/R5S4GtI4M4I/AAAAAAAAA-4/wTftCujHXuY/s320/teatro%2Bde%2Bsombras3.jpg
• http://image.shutterstock.com/display_pic_with_logo/94677/94677,1234214120,11/stock-vector-two-player-play-tennis-24699769.jpg
• http://www.cultsltc.co.uk/Images/tennis%20court.jpg
• Acessadas em 27/05/2009.
Outros links
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/xSrDnIVgVv0&hl=pt_BR&fs=1&"></para
m><param name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/xSrDnIVgVv0&hl=pt_BR&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="480" height="385"></embed></object>
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/JtHjsrvP-
wU&hl=pt_BR&fs=1&"></param><param name="allowFullScreen"
value="true"></param><param name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/JtHjsrvP-
wU&hl=pt_BR&fs=1&" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="480"
height="385"></embed></object>
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/xw-_2S-_nFI&hl=pt_BR&fs=1&"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/xw-_2S-
_nFI&hl=pt_BR&fs=1&" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="480"
height="385"></embed></object>
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/LRx5RDCWgq8&hl=pt_BR&fs=1&"></param><p
aram name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/LRx5RDCWgq8&hl=pt_BR&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="480" height="385"></embed></object>
<object width="480" height="385"><param name="movie"
value="http://www.youtube.com/v/9FUgAdWD4as&hl=pt_BR&fs=1&"></param><pa
ram name="allowFullScreen" value="true"></param><param
name="allowscriptaccess" value="always"></param><embed
src="http://www.youtube.com/v/9FUgAdWD4as&hl=pt_BR&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="480" height="385"></embed></object>