Colégio Dante Alighieri Depto. de Tecnologia Educacional · ANO 7º PROJETO Assinatura Digital...

Post on 27-Sep-2018

215 views 0 download

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

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

Animação

http://www.interney.net/?p=9761736

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>