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

24
Colégio Dante Alighieri Depto. de Tecnologia Educacional ANO 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

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

Page 1: 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

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

Page 2: 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

Pintura Rupestre

Page 3: 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

Vaso da Mesopotâmia

Sequência de imagens encontradas em um vaso no Irã

Page 5: 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

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

Page 6: 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

Sombras Chinesas (mãos)

http://www.youtube.com/watch?v=1Gk4YqOnknk

Page 8: 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

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

Page 9: 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

Fenaquistiscópio em movimento

Page 10: 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

Animação

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

Page 11: 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

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

Page 12: 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

Área de trabalho do Flash

Page 13: 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

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

Page 14: 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

Camadas

Page 15: 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

Linha do tempo

A linha do tempo nos fornece a duração (tempo) que uma imagem permanecerá

na tela.

Cada unidade é chamada de quadro .

Page 16: 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

Exemplo no Flash

Page 17: 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

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

Page 18: 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

Curiosidades....

Page 19: 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

Luz e Objetos

Page 20: 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

Quadra de Tenis nas alturas

Page 21: 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

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.

Page 22: 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

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>

Page 23: 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

<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>

Page 24: 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

<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>