apresentação - esc. sec. infanta d.maria (animação)

Professor:�João�Leal

Escola�Secundária�Infanta�D.�Maria

Aplicações�Informáticas�B

Ano�Lectivo�2012/2013

- Animação�-

www.joaoleal.net Formador: João José Leal 2

Imagem bitmap: formada por pixéis (mais pesada e ao ser redimensionada, perde

qualidade).

Imagem vectorial: composta por cálculos matemáticos (mais leve e ao ser

redimensionada, não perde qualidade).

Recapitulando


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 quer

fotografando uma imagem desenhada quer repetidamente fazendo-se pequenas

mudanças a um modelo (stopmotion), fotografando o resultado. Quando os fotogramas

são ligados entre si e o filme resultante é visto a uma velocidade de 12 ou mais

imagens por segundo (normalmente em animação usam-se as 24 imagens por segundo

embora repetidas duas a duas) , há uma ilusão de movimento contínuo.

Wikipedia

O que é animação ?


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

por essas imagens, quando apresentadas de uma forma sucessiva, de determinada

maneira que nos causa a ilusão de movimento.

Ilusão de movimento


Para perceber como isto acontece temos de entender três fenómenos que

permitem essa ilusão.

- Persistência retiniana da visão

- Fenómeno psicológico “Phi”

- Efeito estroboscópico

Ilusão de movimento


Sempre que olhamos para uma imagem, esta é

projectada na nossa retina. Quando essa

imagem é-nos “retirada da frente”, essa

projecção permanece por uma fracção de

segundo na retina, “enganando” o nosso

cérebro, que continua a processá-la até se

“apagar” completamente.

Persistência retiniana da visão


O fenómeno Phi ilude movimento ao observador, quando lhe são exibidas duasimagens sucessivamente (por exemplo uma bola em abaixo e outra acima numecrã). O observador normalmente dirá que houve um movimento entre as duasbolas (no espaço entre ambas) e nos extremos do ecrã (na posição da primeirabola e depois da segunda).

O observador dirá que viu a bola a saltitar.

Exemplo:

Fenómeno psicológico “Phi”(descrito pelo Psicólogo Max Wertheimer num trabalho seu de 1912: Estudos experimentais na observação do movimento)


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

Efeito estroboscópico


O Flash é uma aplicação multimédia que permite criar desde simples

animações até aplicações complexas com a capacidade de articular elementos de

naturezas distintas como texto, imagem, som e vídeo, adicionando ainda todo o

potencial de interacção com o utilizador.

O Flash utiliza como imagens nativas imagens vectoriais, que são

constituídas por um conjunto de pontos (designados nodes, ou nós) que definem

segmentos.

Flash


Interface


Toolbar (Barra de Ferramentas)


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

de reprodução.

Timeline


Modos de visualização da área de trabalho.

Selector Worplace


PainéisFerramentas opcionais.


PainéisFicheiros abertos (*.FLA).


Área rectangular onde se coloca todo o conteúdo gráfico do filme. A composição no

stage corresponde ao resultado final do filme Flash que será visualizado numa janela

ou na janela do browser.

Stage (Palco)


PainéisÁrea de painéis personalizável que pode conter qualquer painel do menu

Window. Ficam dispostos em separadores.


Este painel é contextual, exibe os atributos mais comuns do elemento

activo, esteja no Stage (Palco) ou Timeline (Linha do tempo). Dependendo do

elemento seleccionado exibe informação e configurações do documento, texto,

símbolo, forma, bitmap, vídeo, grupo, frame ou ferramenta actual.

Properties


Library (Biblioteca)Armazena e organiza qualquer componente a integrar no documento

(símbolos do Flash ou bitmaps, sons e vídeos externos).


O Flash usa vários formatos de ficheiro com funções específicas para a

aplicação:

Ficheiros de trabalho que correspondem ao projecto propriamente dito. São editáveis apartir da aplicação principal e que não estão prontos a ser reproduzidos até seremcompilados.

.FLA ��

.SWF �� Ficheiros resultantes da compilação de um ficheiro FLA. Podem conter simples animaçõesou aplicações interactivas complexas. São reproduzidos através do FlashPlayer.

Formatos de Ficheiros no Flash


.FLV e .F4V �� Ficheiros de vídeo reprodutíveis através do FlashPlayer. Contrariamente aosficheiros 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 doFlash.


As aplicações desenvolvidas em Flash podem ser filmes, aplicações

interactivas a funcionar de forma autónoma (através de ficheiros executáveis) ou

entã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).

Funcionamento dos Ficheiros Flash


Funcionamento dos Ficheiros Flash

Flash

Player

Plugin

Criar um

ficheiro

.fla

Publicar

um

ficheiro

.swf

Embeber

em pág.

HTML

Servidor

Web

Browser

Web

<HTML><HEAD><TITLE>Título</TITLE></HEAD><BODY><EMBED src="teste.swf"></EMBED></BODY></HTML>

Pedido HTTP

Resposta HTTP

1 2 3

4


• Adobe Illustrador (.ai)

• Adobe Photoshop (.psd)

• Autocad DXF (.dxf)

• Bitmap (.bmp)

• EWM (.emf) 3

• Freehand (.fh7 até .fh11)

• FutureSplashPlayer (.spl)

• GIF e Gif animado (.gif)

• JPEG (.jpg)

• Flash Player 6/7 (.swf)

• Windows Metafile (.wmf)

• MacPaint (.pntg) 2

• PICT (.pct, .pic) 1

• Quicktime Image (.qtif) 2

• Silicon Graphics Image (.sgi) 2

• TGA (.tga) 2

• TIFF (.tif) 2

1 Apenas em Macintosh ou como bitmap com o Quicktime instalado2 Com o Quicktime 4 ou superior instalado3 Apenas em Windows

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

Importar ficheiros externos

apresentação - esc. sec. infanta d.maria (animação)

Documents