29
Curso Profissional de Técnico de Animação 2D e 3D Ano Lectivo 2011/2012 MINISTÉRIO DA EDUCAÇÃO ESCOLA SECUNDÁRIA DE AVELAR BROTERO Módulo 1: Animação Digital 2D I 1 Disciplina: Tecnologias Digitais Módulo 1: Animação Digital 2D I

Apresentação1 Animação Digital 2D I

Embed Size (px)

Citation preview

Page 1: Apresentação1 Animação Digital 2D I

Curso Profissional de Técnico de Animação 2D e 3D

Ano Lectivo 2011/2012

MINISTÉRIO DA EDUCAÇÃO

ESCOLA SECUNDÁRIA DE AVELAR BROTERO

Módulo 1: Animação Digital 2D I

1

Disciplina: Tecnologias Digitais

Módulo 1: Animação Digital 2D I

Page 2: Apresentação1 Animação Digital 2D I

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.

Page 3: Apresentação1 Animação Digital 2D I

O Flash utiliza como imagens nativas imagens

vectoriais, que são constituídas por um conjunto de

pontos (designados nodes, ou nós) que definempontos (designados nodes, ou nós) que definem

segmentos.

Page 4: Apresentação1 Animação Digital 2D I

Distinguem-se geralmente duas grandes

categorias de imagens :

• Imagens bitmap• Imagens bitmap

• Imagens vectoriais

Page 5: Apresentação1 Animação Digital 2D I

Chamadas também imagens raster, tratam-se de

imagens "pixelizadas", ou seja, um conjunto de pontos

(pixéis) contidos num quadro, cada um destes pontos

possuindo um ou vários valores que descrevem a sua

cor.

A imagem é representada por uma matriz de

píxeis.

Page 6: Apresentação1 Animação Digital 2D I
Page 7: Apresentação1 Animação Digital 2D I

São representações de entidades geométricas

como um círculo, um rectângulo ou um segmento.

Estes são representados por fórmulas matemáticas

(um rectângulo é definido por dois pontos, um círculo

por um centro e um raio, uma curva por vários pontos

e uma equação). É o processador que será

encarregado de “traduzir” estas formas em

informações interpretáveis pela placa gráfica.

Page 8: Apresentação1 Animação Digital 2D I
Page 9: Apresentação1 Animação Digital 2D I

Numa imagem vectorial não acontecem perdas como zoom na imagem.

Page 10: Apresentação1 Animação Digital 2D I
Page 11: Apresentação1 Animação Digital 2D I
Page 12: Apresentação1 Animação Digital 2D I

• Numa imagem vectorial um aumento de resolução

implica sempre um aumento de débito.

• Uma imagem vectorial não perde qualidade quando

se aumenta a resolução.

• Uma imagem vectorial ocupa sempre menos espaço

em memória que uma imagem bitmap.

Page 13: Apresentação1 Animação Digital 2D I

Imagem vectorial: composta por cálculos

matemáticos (mais leve e ao ser redimensionada,

Imagem bitmap: formada por pixéis (mais pesada e

ao ser redimensionada, perde qualidade).

não perde qualidade).

Page 14: Apresentação1 Animação Digital 2D I
Page 15: Apresentação1 Animação Digital 2D I
Page 16: Apresentação1 Animação Digital 2D I

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.

Page 17: Apresentação1 Animação Digital 2D I

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

Page 18: Apresentação1 Animação Digital 2D I

Ferramentas opcionais.

Page 19: Apresentação1 Animação Digital 2D I

Ficheiros abertos (*.FLA).

Page 20: Apresentação1 Animação Digital 2D I

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

Page 21: Apresentação1 Animação Digital 2D I

Área de painéis personalizável que pode conter qualquer

painel do menu Window. Ficam dispostos em separadores.

Page 22: Apresentação1 Animação Digital 2D I

Este painel é contextual, exibe os atributos mais

comuns do elemento activo, esteja no Stage (Palco) ou

Timeline (Linha do tempo). Dependendo do elementoTimeline (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.

Page 23: Apresentação1 Animação Digital 2D I

Armazena e organiza qualquer componente a

integrar no documento (símbolos do Flash ouintegrar no documento (símbolos do Flash ou

bitmaps, sons e vídeos externos).

Page 24: Apresentação1 Animação Digital 2D I

O Flash usa vários formatos de ficheiro com

funções específicas para a aplicação:

Ficheiros de trabalho que correspondem ao projectopropriamente dito. São editáveis a partir da aplicação

.FLA propriamente dito. São editáveis a partir da aplicaçãoprincipal e que não estão prontos a ser reproduzidos atéserem compilados.

.FLA

.SWF Ficheiros resultantes da compilação de um ficheiro FLA.Podem conter simples animações ou aplicaçõesinteractivas complexas. São reproduzidos através doFlashPlayer.

Page 25: Apresentação1 Animação Digital 2D I

.FLV e .F4V Ficheiros de vídeo reprodutíveis através doFlashPlayer. Contrariamente aos ficheiros SWF, sãoapenas vídeos e não têm interacção.

.AS Ficheiros com código ActionScript interactivo usadopara controlar aplicações do Flash.

Page 26: Apresentação1 Animação Digital 2D I

As aplicações desenvolvidas em Flash podem ser

filmes, aplicações interactivas a funcionar de forma

autónoma (através de ficheiros executáveis) ouautó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).

Page 27: Apresentação1 Animação Digital 2D I

Criar um ficheiro

.fla

Publicar um

ficheiro .swf

Embeber em pág. HTML

1 2 3

Flash PlayerPlugin

Servidor Web

Browser Web

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

Pedido HTTP

Resposta HTTP

4

Page 28: Apresentação1 Animação Digital 2D I

O Flash CS4 e CS5 permite importar elementos de

outras aplicações e com naturezas distintas; é

possível importar ficheiros do Freehand e do

Fireworks (PNG) preservando as propriedades

destes formatos.

Page 29: Apresentação1 Animação Digital 2D I

• Adobe Illustrador (.ai)

• Adobe Photoshop (.psd)

• Autocad DXF (.dxf)

• Bitmap (.bmp)

• Flash Player 6/7 (.swf)

• Windows Metafile (.wmf)

• MacPaint (.pntg) 2

• PICT (.pct, .pic) 1• Bitmap (.bmp)

• EWM (.emf) 3

• Freehand (.fh7 até .fh11)

• FutureSplashPlayer (.spl)

• GIF e Gif animado (.gif)

• JPEG (.jpg)

• PICT (.pct, .pic)

• 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