Introdução ao Multimédia

1
 Índice
• Introdução
• Hardware
• Imagem
• Animação
• Vídeo
• Áudio

2
 Introdução
Multimédia é a combinação de 2 ou mais
tipos de media (texto, fotografia, gráfico,
vídeo, áudio, animação), controlada por
computador ou por outro dispositivo
electrónico.
Esta combinação terá de ter,
obrigatoriamente, pelo menos um tipo de
media estático e outro dinâmico.

3
 Introdução
Quando o utilizador pode controlar a
informação que lhe é apresentada, está
perante Multimédia Interactiva.

Uma estrutura de elementos ligados

através dos quais o utilizador pode
navegar tem o nome de Hipermédia.

4
 Introdução
Aplicações do Multimédia
– Nas Empresas:
• Apresentações
• Formação Profissional
• Publicidade
• Demonstração de produtos
• Catálogos
• …

5
 Introdução
Aplicações do Multimédia
– No Ensino:
• Programas Educativos
• Vídeo-Conferência
• Trabalho Cooperativo
• Internet
• …

6
 Introdução
Aplicações do Multimédia
– Em Casa:
• Enciclopédias
• Jogos
• Vídeo-on-Demand
• Compras online
• …

7
 Introdução
Aplicações do Multimédia
– Em Locais Públicos:
• Quiosques multimédia
• Espectáculos multimédia
•…

8
 Introdução
Aspectos a ter em conta num projecto
multimédia:

– A mensagem que se pretende transmitir

– O guião
– A aparência
– A programação

9
 Índice
• Introdução
• Hardware
• Imagem
• Animação
• Vídeo
• Áudio

10
 Hardware
Com a constante evolução do mercado, é difícil dar as
características exactas do que se pode chamar um
computador multimédia.
Desta forma, um computador multimédia deve ter:
– Um bom processador
– Grande quantidade de memória RAM
– Um disco rígido de elevada capacidade (SSD)
– Uma placa gráfica off board
– Uma Placa de Som off board
– Sistema de Som
– Leitor / Gravador de memórias flash
– Um monitor com resolução igual ou superior FHD
11
 Índice
• Introdução
• Hardware
• Imagem
• Animação
• Vídeo
• Áudio

12
 Imagem
Cor

A cor é um fenómeno óptico provocado pela acção de um

feixe de fotões sobre células da retina, que transmitem
através de informação pré-processada no nervo óptico,
impressões para o sistema nervoso.

Os nervos da retina humana são sensíveis à frequência da

onda luminosa que corresponde às cores vermelho, verde e
azul
Os milhões de cores que somos capazes de distinguir
correspondem a diferentes misturas destas cores
13
 Imagem
Cor

As cores são especificadas

pelo valor de cada componente
(entre 0 e 255).
– Por exemplo, R=255, G=255,
B=0 corresponde a amarelo.

14
 Imagem
Imagens

Há dois tipos de imagens digitais:

–Bitmaps
• Imagens digitais
–Imagens Vectoriais
•Desenhos (linhas, quadrados,…)

15
 Imagem
Bitmaps

Um bitmap é uma matriz onde são guardados todos os

pontos de uma imagem.

16
 Imagem
Bitmaps
Pixel Tamanho * Paleta
Imagem 1 bit 37,5Kb Preto e Branco
Monocromática (0 ou 1)
Imagem em Escala 1 byte > 300Kb 256 tons de cinza
cinza
Imagem a cores 1 byte > 300Kb 256 cores
(8bits)
Imagem a cores 2 bytes > 600Kb 65536 cores
(16 bits)
Imagem a cores 3 bytes 921,6Kb 16 777 216 cores
(32 bits)

* Espaço ocupado por uma imagem de 640x480. 17

 Imagem
Imagens Vectoriais

Nas imagens vectoriais é guardada uma informação do

desenho em vez de cada pixel da imagem.
Uma imagem vectorial é normalmente composta por curvas,
elipses, polígonos, texto, entre outros elementos, isto é,
utilizam vectores matemáticos para sua descrição.
• Por exemplo: RECT 0,0,200,200,RED,BLUE pode
descrever um rectângulo que começa no ponto de
coordenadas (0,0), tem comprimento e largura de 200
pixel, bordo vermelho e interior azul.

18
 Imagem
Bitmap vs. Vectorial

Exemplo de um bitmap ampliado, comparado com um

gráfico vectorial, ambos representando a letra A:

19
 Imagem
Compressão

A compressão das imagens é feita com base na perda de

informação.

Poderá ser retirada informação redundante ou informação

irrelevante às imagens de forma a que estas ocupem menos
espaço na memória.

A taxa de compressão é dada pela expressão:

Número de bits da imagem original
Número de bits da imagem comprimida

20
 Imagem
Principais Formatos

• JPEG
– Padrão para compressão de imagens fotográficas.
– Utiliza imagens de alta qualidade (24bit).
– Tira partido das limitações da visão humana para obter maiores
taxas de compressão.
– A taxa de compressão é controlável pelo utilizador.
• GIF
– Criado para transmitir imagens pela linha telefónica.
– Limitado a imagens de 8 bits (256 cores).
– Ideal para gráficos, logótipos, etc.

21
 Imagem
Principais Formatos

• PNG
– Foi criado tendo em vista a utilização em páginas web.
– Apresenta características superiores às do GIF, em particular
por suportar imagens com profundidade de cor até 24bits e por
incluir algoritmos de compressão mais eficazes e sem perdas.
• BMP – Windows
– Sistema padrão do windows.
– Capaz de armazenar imagens com cores até 24bits.
– Gera ficheiros muito grandes.

22
 Imagem
Principais Formatos

JPEG – 50% GIF

3,78 Kb 4,86Kb

JPEG – 90% BMP

1,64Kb 53,3Kb

PNG
21,3Kb

23
 Imagem
Software

• Edição de Bitmaps
– Adobe Photoshop
– Corel Paint Shop Pro
– Paint
– GIMP
• Edição Vectorial
– Adobe Ilustrator
– Macromedia Freehand
• Conversor Online
– http://vectormagic.stanford.edu

24
 Índice
• Introdução
• Hardware
• Imagem
• Animação
• Vídeo
• Áudio

25
 Animação
Animação

Trata-se de uma sequência de imagens que não são

gravadas, como no vídeo, mas sim geradas, isto é, cada
fotograma do filme é produzido individualmente.

Quando os fotogramas são ligados entre si e o filme

resultante é visto a uma velocidade de mais de 16
fotogramas por segundo, há uma ilusão de movimento
contínuo. Esta ilusão é criada por um fenómeno chamado de
Persistência da Visão, já que quando o olho humano vê uma
imagem, esta permanece na retina por um curto espaço de
tempo.
26
 Animação
Animação

As animações são normalmente utilizadas em desenhos

animados, publicidade, filmes, etc.

27
 Animação
Tipos de Animação

•Animação Tradicional
–Os artistas desenham uma série de desenhos em que cada imagem
é ligeiramente diferente da anterior.
–Processo demorado.

28
 Animação
Tipos de Animação

•Celluloid Animation
–Os desenhos dos personagens/elementos são feitos em películas
transparentes e os backgounds são desenhados à parte.
–O resultado obtém-se através da sobreposição.
–Permite uma melhor divisão do trabalho e consequente aceleração
do processo.

29
 Animação
Tipos de Animação

•Stop Motion ou Claymation

–Utiliza modelos reais, em diversos materiais, normalmente
plasticina.
–Os modelos são fotografados frame a frame e posteriormente
montados de forma a realizar o filme.
–Na fase da montagem, podem ser acrescentados outros elementos,
sons, falas, etc.
–Exemplos: Wallace & Gromit, A fuga das Galinhas, A noiva cadáver

30
 Animação
Outras Técnicas:

•Rotoscópio
–Desenhos efectuados a partir de imagem real.
•Cut-Out Animation
–Ex: videos do Peter Gabriel
•Hybrid Animation
–Ex: Roger Rabbit
•Animação Digital 3D
–Ex: Madagascar

31
 Animação
Software:
•Aplicações simples que permitem animar uma série de
imagens já preparadas:
–Corel Animation
–Programas de criação de GIF’s existentes na internet.
•Aplicações mais sofisticadas que utilizam algoritmos
matemáticos para elaborar as animações:
–Adobe Flash
–Adobe After Effects
•Aplicações que permitem criar imagens tridimensionais e
respectivas animações:
–3D Studio Max
–Maya
32
 Índice
• Introdução
• Hardware
• Imagem
• Animação
• Vídeo
• Áudio

33
 Vídeo
O que é um vídeo?

Consiste de uma sequência de imagens que quando

visualizadas sequencialmente dão a sensação de movimento
à semelhança do que se passava com a animação. Neste
caso também está presente o fenómeno da persistência da
visão.

A principal diferença entre o vídeo e a animação está no

facto de nos vídeos se utilizarem imagens reais.

34
 Vídeo
Edição de vídeo

Para um vídeo ser editado no computador, tem de ser

convertido para o formato digital.
No entanto o vídeo ocupa muito espaço em disco, pelo que
tem de ser comprimido para caber, por exemplo, num dvd.

Se tivermos 1min de vídeo na resolução 640x480 (24bit de

cor) (30fps):
640*480pixels*3bytes*30frames*60segundos=
= 1658880000bytes = 1582,03Mb
35
 Vídeo
Software

•Edição de Vídeo:
– Adobe Premiere
– Adobe After Effects
– Final Cut
– Quick Time Pro
– Pinnacle Studio
– Sony Vegas
– Multiquence
– Pinnacle Video Spin
– …
36
 Índice
• Introdução
• Hardware
• Imagem
• Animação
• Vídeo
• Áudio

37
 Áudio
O que é?

•O som é um fenómeno físico causado pela vibração dos

materiais. Não se propaga no vácuo.
•A vibração altera os valores da pressão do ar.
•As alterações da pressão são propagadas no ar em forma
de ondas.
•Quando as ondas atingem o ouvido humano, o som é
captado e sentido.
•Os sons audíveis pelo ouvido humano situam-se entre os
20Hz e os 20KHz de frequência. A estes sons, dá-se o
nome de Áudio. 38
 Áudio
Padrões de armazenamento

•Wave
– Técnica utilizada para armazenamento e transmissão entres
computadores pessoais.
•MP3
– É capaz de comprimir ficheiros de som com qualidade de CD, sem
grandes perdas de qualidade. Pode atingir taxas de compressão de
1:8 e 1:12.
–Consegue-se obter valores na ordem de 1Mb por minuto (sem
compressão este valor ronda os 10Mb/min).

39
 Áudio
Padrões de armazenamento

•MIDI
– Neste formato, 10 minutos de música correspondem a 200Kb.
– Inclui 16 canais, e cada um pode tratar um instrumento.
– Formato criado para troca de sons entre sintetizadores.

40
 Áudio
Software
•Reprodução
– Windows Media Player
– Winamp
– VLC
– OBS
– …/…

•Gravação / Edição
– Sony Sound Forge
– Audacity
– Audition
– Ableton
– …/… 41