apresentação1 animação digital 2d i
TRANSCRIPT
![Page 1: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/1.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/4.jpg)
Distinguem-se geralmente duas grandes
categorias de imagens :
• Imagens bitmap• Imagens bitmap
• Imagens vectoriais
![Page 5: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/5.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/6.jpg)
![Page 7: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/7.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/8.jpg)
![Page 9: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/9.jpg)
Numa imagem vectorial não acontecem perdas como zoom na imagem.
![Page 10: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/10.jpg)
![Page 11: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/11.jpg)
![Page 12: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/12.jpg)
• 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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/13.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/14.jpg)
![Page 15: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/15.jpg)
![Page 16: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/16.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/17.jpg)
Modos de visualização da área de trabalho.
![Page 18: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/18.jpg)
Ferramentas opcionais.
![Page 19: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/19.jpg)
Ficheiros abertos (*.FLA).
![Page 20: Apresentação1 Animação Digital 2D I](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/20.jpg)
Á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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/21.jpg)
Á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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/22.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/23.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/24.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/25.jpg)
.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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/26.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/27.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/28.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/55979c621a28abf52e8b46c2/html5/thumbnails/29.jpg)
• 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