Escola€Secundária€Infanta€D.€Maria             Ano€Lectivo€2012/2013Aplicações€Informáticas€B         - Animação€-        ...
RecapitulandoImagem vectorial: composta por cálculos matemáticos (mais leve e ao serredimensionada, não perde qualidade).I...
O que é animação ?Animação refere-se ao processo segundo o qual, cada fotograma de um filme éproduzido individualmente, po...
Ilusão de movimentoDe facto não há qualquer movimento na animação. Trata-se sim de imagens paradas!Somos nós com a nossa v...
Ilusão de movimento             Para perceber como isto acontece temos de entender três fenómenos quepermitem essa ilusão....
Persistência retiniana da visãoSempre que olhamos para uma imagem, esta éprojectada na nossa retina. Quando essaimagem é-n...
www.joaoleal.net   Formador: João José Leal   7
www.joaoleal.net   Formador: João José Leal   8
Fenómeno psicológico “Phi”(descrito pelo Psicólogo Max Wertheimer num trabalho seu de 1912: Estudos experimentais na obser...
Efeito estroboscópicoCom a invenção da película de cinema e da projecção de imagens em movimento, paranão vermos as imagen...
Flash               O Flash é uma aplicação multimédia que permite criar desde simplesanimações até aplicações complexas c...
Interfacewww.joaoleal.net   Formador: João José Leal   12
Toolbar (Barra de Ferramentas) www.joaoleal.net   Formador: João José Leal   13
TimelineOrganiza e distribui conteúdo de um filme segmentando esta informação por layers(camadas) e frames (quadros). Os p...
Selector WorplaceModos de visualização da área de trabalho.www.joaoleal.net                Formador: João José Leal   15
PainéisFerramentas opcionais.www.joaoleal.net         Formador: João José Leal   16
PainéisFicheiros abertos (*.FLA).www.joaoleal.net             Formador: João José Leal   17
Stage (Palco)Área rectangular onde se coloca todo o conteúdo gráfico do filme. A composição nostage corresponde ao resulta...
Painéis               Área de painéis personalizável que pode conter qualquer painel do menuWindow. Ficam dispostos em sep...
Properties                  Este painel é contextual, exibe os atributos mais comuns do elementoactivo, esteja no Stage (P...
Library (Biblioteca)                     Armazena e organiza qualquer componente a integrar no documento(símbolos do Flash...
Formatos de Ficheiros no Flash                O Flash usa vários formatos de ficheiro com funções específicas para aaplica...
.FLV e .F4V             Ficheiros de vídeo reprodutíveis através do FlashPlayer. Contrariamente aos                       ...
Funcionamento dos Ficheiros Flash                    As aplicações desenvolvidas em Flash podem ser filmes, aplicaçõesinte...
Funcionamento dos Ficheiros Flash                    1               2                               3                    ...
Importar ficheiros externosO Flash CS4, CS5 e CS6 permite importar elementos de outras aplicações e comnaturezas distintas...
Upcoming SlideShare
Loading in …5
×

Apresentação - Esc. Sec. Infanta D.Maria (Animação)

982 views

Published on

Apresentação Escola Secundária Infanta D. Maria - Animação.

Disciplina: Aplicações Informáticas B

  • Be the first to comment

  • Be the first to like this

Apresentação - Esc. Sec. Infanta D.Maria (Animação)

  1. 1. Escola€Secundária€Infanta€D.€Maria Ano€Lectivo€2012/2013Aplicações€Informáticas€B - Animação€- Professor:€João€Leal
  2. 2. RecapitulandoImagem vectorial: composta por cálculos matemáticos (mais leve e ao serredimensionada, não perde qualidade).Imagem bitmap: formada por pixéis (mais pesada e ao ser redimensionada, perdequalidade). www.joaoleal.net Formador: João José Leal 2
  3. 3. O que é animação ?Animação refere-se ao processo segundo o qual, cada fotograma de um filme éproduzido individualmente, podendo ser gerado quer por computação gráfica querfotografando uma imagem desenhada quer repetidamente fazendo-se pequenasmudanças a um modelo (stopmotion), fotografando o resultado. Quando os fotogramassão ligados entre si e o filme resultante é visto a uma velocidade de 12 ou maisimagens por segundo (normalmente em animação usam-se as 24 imagens por segundoembora repetidas duas a duas) , há uma ilusão de movimento contínuo. Wikipedia www.joaoleal.net Formador: João José Leal 3
  4. 4. Ilusão de movimentoDe facto não há qualquer movimento na animação. Trata-se sim de imagens paradas!Somos nós com a nossa visão e cérebro, que processamos a informação fornecidapor essas imagens, quando apresentadas de uma forma sucessiva, de determinadamaneira que nos causa a ilusão de movimento. www.joaoleal.net Formador: João José Leal 4
  5. 5. Ilusão de movimento Para perceber como isto acontece temos de entender três fenómenos quepermitem essa ilusão. - Persistência retiniana da visão - Fenómeno psicológico “Phi” - Efeito estroboscópico www.joaoleal.net Formador: João José Leal 5
  6. 6. Persistência retiniana da visãoSempre que olhamos para uma imagem, esta éprojectada na nossa retina. Quando essaimagem é-nos “retirada da frente”, essaprojecção permanece por uma fracção desegundo na retina, “enganando” o nossocérebro, que continua a processá-la até se“apagar” completamente. www.joaoleal.net Formador: João José Leal 6
  7. 7. www.joaoleal.net Formador: João José Leal 7
  8. 8. www.joaoleal.net Formador: João José Leal 8
  9. 9. Fenómeno psicológico “Phi”(descrito pelo Psicólogo Max Wertheimer num trabalho seu de 1912: Estudos experimentais na observação domovimento) O fenómeno Phi ilude movimento ao observador, quando lhe são exibidas duas imagens sucessivamente (por exemplo uma bola em abaixo e outra acima num ecrã). O observador normalmente dirá que houve um movimento entre as duas bolas (no espaço entre ambas) e nos extremos do ecrã (na posição da primeira bola e depois da segunda). O observador dirá que viu a bola a saltitar. Exemplo: www.joaoleal.net Formador: João José Leal 9
  10. 10. Efeito estroboscópicoCom a invenção da película de cinema e da projecção de imagens em movimento, paranão vermos as imagens a passar rapidamente à nossa frente deslizando no ecrã(criando apenas um mesclado de riscos) houve necessidade de criar um mecanismo quenos fizesse apenas ver as imagens quando estas estão na posição certa no meio doecrã.Recorreu-se assim ao efeito estroboscópico, esse efeito é conseguido através daalternância entre a iluminação com uma luz intensa e o bloqueamento dessa luz com umdiafragma, fazendo coincidir a frequência da iluminação com a do movimento, cadafeixe de luz ilumina a mesma fase do movimento. www.joaoleal.net Formador: João José Leal 10
  11. 11. Flash O Flash é uma aplicação multimédia que permite criar desde simplesanimações até aplicações complexas com a capacidade de articular elementos denaturezas distintas como texto, imagem, som e vídeo, adicionando ainda todo opotencial de interacção com o utilizador. O Flash utiliza como imagens nativas imagens vectoriais, que sãoconstituídas por um conjunto de pontos (designados nodes, ou nós) que definemsegmentos. www.joaoleal.net Formador: João José Leal 11
  12. 12. Interfacewww.joaoleal.net Formador: João José Leal 12
  13. 13. Toolbar (Barra de Ferramentas) www.joaoleal.net Formador: João José Leal 13
  14. 14. TimelineOrganiza e distribui conteúdo de um filme segmentando esta informação por layers(camadas) e frames (quadros). Os principais componentes do timeline são os layers,os frames e a playhead (Agulha/ponto de reprodução), que identifica o momento actualde reprodução. www.joaoleal.net Formador: João José Leal 14
  15. 15. Selector WorplaceModos de visualização da área de trabalho.www.joaoleal.net Formador: João José Leal 15
  16. 16. PainéisFerramentas opcionais.www.joaoleal.net Formador: João José Leal 16
  17. 17. PainéisFicheiros abertos (*.FLA).www.joaoleal.net Formador: João José Leal 17
  18. 18. Stage (Palco)Área rectangular onde se coloca todo o conteúdo gráfico do filme. A composição nostage corresponde ao resultado final do filme Flash que será visualizado numa janelaou na janela do browser. www.joaoleal.net Formador: João José Leal 18
  19. 19. Painéis Área de painéis personalizável que pode conter qualquer painel do menuWindow. Ficam dispostos em separadores. www.joaoleal.net Formador: João José Leal 19
  20. 20. Properties Este painel é contextual, exibe os atributos mais comuns do elementoactivo, esteja no Stage (Palco) ou Timeline (Linha do tempo). Dependendo doelemento seleccionado exibe informação e configurações do documento, texto,símbolo, forma, bitmap, vídeo, grupo, frame ou ferramenta actual. www.joaoleal.net Formador: João José Leal 20
  21. 21. Library (Biblioteca) Armazena e organiza qualquer componente a integrar no documento(símbolos do Flash ou bitmaps, sons e vídeos externos). www.joaoleal.net Formador: João José Leal 21
  22. 22. Formatos de Ficheiros no Flash O Flash usa vários formatos de ficheiro com funções específicas para aaplicação: .FLA Ficheiros de trabalho que correspondem ao projecto propriamente dito. São editáveis a partir da aplicação principal e que não estão prontos a ser reproduzidos até serem compilados. .SWF Ficheiros resultantes da compilação de um ficheiro FLA. Podem conter simples animações ou aplicações interactivas complexas. São reproduzidos através do FlashPlayer. www.joaoleal.net Formador: João José Leal 22
  23. 23. .FLV e .F4V Ficheiros de vídeo reprodutíveis através do FlashPlayer. Contrariamente aos ficheiros SWF, são apenas vídeos e não têm interacção. .AS Ficheiros com código ActionScript interactivo usado para controlar aplicações do Flash.www.joaoleal.net Formador: João José Leal 23
  24. 24. Funcionamento dos Ficheiros Flash As aplicações desenvolvidas em Flash podem ser filmes, aplicaçõesinteractivas a funcionar de forma autónoma (através de ficheiros executáveis) ouentão nas aplicações para a web. Qualquer aplicação Flash para a web resulta num ficheiro SWF que teráque ser embebido numa página HTML (processo feito através da opção Publish –Publicar). www.joaoleal.net Formador: João José Leal 24
  25. 25. Funcionamento dos Ficheiros Flash 1 2 3 Publicar Criar um Embeber um ficheiro em pág. ficheiro .fla HTML .swf 4 Pedido HTTP Browser Servidor Web Resposta HTTP Web Flash <HTML> Player <HEAD> <TITLE>Título</TITLE> Plugin </HEAD> <BODY> <EMBED src="teste.swf"></EMBED> </BODY> </HTML> www.joaoleal.net Formador: João José Leal 25
  26. 26. Importar ficheiros externosO Flash CS4, CS5 e CS6 permite importar elementos de outras aplicações e comnaturezas distintas; é possível importar ficheiros do Freehand e do Fireworks(PNG) preservando as propriedades destes formatos.• Adobe Illustrador (.ai) • Flash Player 6/7 (.swf)• Adobe Photoshop (.psd) • Windows Metafile (.wmf)• Autocad DXF (.dxf) • MacPaint (.pntg) 2• Bitmap (.bmp) • PICT (.pct, .pic) 1• EWM (.emf) 3 • Quicktime Image (.qtif) 2• Freehand (.fh7 até .fh11) • Silicon Graphics Image (.sgi) 2• FutureSplashPlayer (.spl) • TGA (.tga) 2• GIF e Gif animado (.gif) • TIFF (.tif) 2• JPEG (.jpg) 1 Apenas em Macintosh ou como bitmap com o Quicktime instalado 2 Com o Quicktime 4 ou superior instalado 3 Apenas em Windows www.joaoleal.net Formador: João José Leal 26

×