2.

Introdução à Multimédia
2.3. Tipos de media dinâmicos:
Áudio, Vídeo e Animação

Aplicações Informáticas B
12º ano
Animação | 1

“Dar vida a”
Criação de ilusão de movimento

2
Animação | 2

Fantasmagorie (Emile Cohl), o primeiro desenho totalmente animado do

mundo - 17/08/1908
Vídeo

3
Técnicas de Animação

Animação Tradicional
Animação Digital 2D
Animação Digital 3D
Flipbook
Stop-Motion

4
Animação Tradicional

Animação de desenho à mão

Desenhar em folhas de papel transparente e depois fotografar
Exemplo (1930)

5
Animação Digital 2D

Movimento de Imagens criadas num espaço bidimensional

Reutilizar em vez de recriar
Não é necessário dominar técnicas de desenho
Exemplo

6
Animação Digital 2D
Motion Tween

Interpolação de movimentos de objetos num intervalo de tempo

Move automaticamente o objeto do local inicial para o local final.

7
Animação Digital 2D
Shape Tween

Interpolação de formas
Animar a transformação de objetos num intervalo de tempo

8
Animação Digital 3D

Imagens criadas num espaço tridimensional

Mover personagens em vez de desenhar

Requer mais capacidades em relação à animação 2D: Modelação, Textura
e Luminosidade.
1º Filme animação 3D: Toy Story (1995).
Exemplo

9
Flipbook

Livros “animados”
Imagens desenhadas que criam a ilusão de movimento quando o livro é
folheado
Exemplo 1 - Sonic
Exemplo 2

10
Stop-Motion | 1

É uma sequência precisa de quadros que são reproduzidos, criando

uma ilusão de ação e movimento.
Utiliza fotografias de objetos reais.
Frame by frame

11
Stop-Motion | 2

Claymation
Marionetes
Legos (ou outras figuras de ação)
Silhueta (feita de papelão ou outros materiais planos)
Recortes de papel (animação recortada)
Pessoas e ambientes reais

12
Stop-Motion | 3

13
Stop-Motion | 4

14
 Animação Stop-Motion: Etapas

PRÉ-PRODUÇÃO PRODUÇÃO PÓS-PRODUÇÃO

Captação de Edição da Edição de Edição de

Guionismo Storyboard Texto
Imagem Animação Som

15
 Argumento

• É um documento usado para apresentar a narrativa completa e sequencial do

“filme/animação”.
• Apresentação cena a cena, com a descrição de
todas as ações.
Storyboard

16
Guião | 1

+ Mostra como o argumento se desenvolve

+ Identifica e descreve sequencialmente as cenas que
compõem uma animação
+ As ações e diálogos dos personagens e os aspetos
visíveis e audíveis, técnicos ou não, que os
condicionam

17
Guião | 2

18
 Storyboard

• O storyboard é constituído com imagens e

texto organizados sequencialmente.
• É uma espécie de banda desenhada
composta por uma série de imagens que
descrevem uma história visual.
• Pode conter um texto na base de cada
imagem com a descrição da cena ou diálogo.
• Pode ter detalhes técnicos.

19
Cenas

+ São todos os planos (e diálogos) que ocorrem num

determinado local por um bloco de tempo
contínuo

20
Plano

+ Enquadramento das imagens.

+ Distância entre a câmara e o objetos/pessoas que
estão a ser filmados/fotografados.

21
Tipos de planos | 1

+ Plano geral
+ Plano americano
+ Plano médio
+ Primeiro plano
+ Plano aproximado

22
 Tipos de planos | 2

• Apresenta o ambiente
• Visão ampla do cenário / identifica o lugar
onde decorre a ação
• Relaciona as personagens e o que as
rodeia
• Permite a alternância (como elemento de
contraste) de planos médios e planos
aproximados
Plano Geral

https://www.youtube.com/watch?v=C3Ue1AXSzyw
23
Tipos de planos | 3

• Mostra a personagem (humano) dos

joelhos para cima
• Dá à personagem maior destaque e
importância que ao restante cenário

Plano Americano

24
 Tipos de planos | 4

• Mostra a personagem da cintura

para cima
• Revela mais detalhe que o plano
geral

Plano Médio

https://www.youtube.com/watch?v=C3Ue1AXSzyw

25
Tipos de planos | 5

• Vai do queixo à testa da personagem

• Ocupa quase toda o ecrã
• Expor a personagem

Primeiro plano

26
Tipos de planos | 6

• Ocupa todo o ecrã

• Mostra um detalhe (objetos ou partes
de corpo de personagem)

Plano detalhe

27
 Planos - Resumo

28
 Planos - Ângulos

+ Plano Normal
+ Plano Vertical Picado
+ Plano Vertical Contrapicado

29
Tipos de ângulos | 1

Plano Normal
Personagem ou objeto estão ao nível da câmara,
conferindo igualdade;

30
 Tipos de ângulos | 2

Plano vertical picado

• Visualização superior
da personagem ou objeto, conferindo-
lhe inferioridade
(ex: vítima)

31
 Tipos de ângulos | 3

Plano vertical contra-picado

• Visualização inferior
da personagem ou objeto.

• Mostra a personagem de baixo para

cima, conferindo-lhe importância.

32
Frame Rate

– O movimento é criado pela sucessão de imagens

– Número de imagens por segundo (Fps)
– Filmes - 24 fps
– Jogos – 30, 60, 120 fps
– 6, 12, 24 fps // 12, 24 fps
– 15, 30, 60, 120 fps // 24, 18, 12, 6 fps

33
Frames by one e Frames by two

– Frame by one (frames simples)

⚫ O movimento acontece a cada frame
– Frame by two (frames duplos)
⚫ O movimento acontece a cada 2 frames

34
 Número de fps numa animação | 1

Uma animação é constituída por uma sequência de fotografias.

São necessárias muitas fotografias para cada segundo para dar a ilusão de movimento.

- A maioria das animações Stop motion apresentam cerca de 24 fps

- Para fazer uma animação stop motion, é necessário um mínimo de 5 fps.

35
 Número de fps numa animação | 2

9 fps vs. 6 fps

36
 Número de fps numa animação | 3

24 fps
https://www.youtube.com/watch?v=PR6W-UTvRZE
37
Resolução Imagem/Vídeo

+ Pixel – “quadrados” – menor unidade que compõe

uma imagem
+ Densidade de pixéis que fazem parte de uma
imagem (ppi)

38
Resolução Imagem/Vídeo

+ SD: 480p (640/720 pixéis de largura x 480 pixéis de altura – 300 mil de pixéis)
+ HD: 720p (1.280 pixéis de largura x 720 pixéis de altura –1 milhão de pixéis)
+ Full HD (FHD): de 1080p (1.920 x 1.080 – 2 milhões de pixéis)
+ Quad HD (QHD): 1440p (2.560 x 1.440 – 4 milhões de pixéis)
+ Ultra HD (UHD)/4K: 2160p (3.840 x 2.160 – 8 milhões de pixéis)

39
Compressão

+ A compressão é uma técnica que reduz o tamanho dos

ficheiros, sem afetar (muito) a sua qualidade.
+ Algoritmos / Codecs de compactação
+ Diferentes técnicas para reduzir o tamanho
+ Lossless / Lossy

40
Formatos de Imagens 1

+ JPG (Joint Photographic Experts Group)

+ Tem uma taxa de compressão alta
+ É possível ajustar o tamanho e a qualidade, devido à taxa de
compressão ajustável;
+ A imagem não admite transparência

41
Formatos de Imagem 2

+ PNG (Portable Network Graphics)

+ Permite transparência
+ Tem uma taxa de compressão sem perdas, gera imagens de
elevada qualidade
+ É mais pesado do que o JPG

42
 Captura de imagem

- O telemóvel /máquina fotográfica deve estar bem

preso/presa no suporte / tripé de forma a evitar uma
falha na ilusão de continuidade da animação;

- Atenção à iluminação do ambiente para evitar

sombras indesejadas;

- Autofoco desligado;
- Categorizar as imagens recolhidas

- Não fazer transições muito bruscas entre cada foto.

43
 Edição Vídeo | 1

• Existem vários editores de vídeo no mercado e todos eles são compatíveis com os
formatos mais populares de imagem e de áudio:

Imagem

BMP, GIF, JPG, PNG, …;

Áudio

WAV, MP3, WMA, …;

44
 Edição Vídeo | 2

• Os editores permitem aplicar às fotos o efeito preto e branco ou

sépia.

• Também é possível ajustar o nível de brilho, saturação e cor.

• É possível inserir texto. Deverá ser usado para criar/adicionar:

- Título
- Legendas
- Créditos

45
 Edição Vídeo | 3

• É possível inserir áudio. Deve ser importado, tal como as fotos, e depois
arrastado para a Timeline do áudio.

• É possível exportar o projeto (vídeo) para os formatos mais utilizados:

AVI, WMV, MPG, MP4...

46
 Edição Vídeo | 4

Vamos conhecer os formatos de vídeo mais comuns:

É um formato criado pela Microsoft e é reconhecido pela maioria das versões do Windows, aparelhos
AVI de DVDs e televisões compatíveis com o Codec Divx. É um formato compacto e de boa qualidade.

É um formato mais rápido no que diz respeito à reprodução de vídeos e mantém a qualidade original
do arquivo num tamanho menor. Não é compatível com outros sistemas operativos, como o IOS da
WMV
Apple e o Linux.

É um arquivo com compressão que não perde a qualidade original. No entanto, na maioria das vezes
os programas de reprodução de vídeo não suportam o formato MPEG, sendo necessária a instalação
MPEG
de um Codec.

É um dos formatos mais importantes para dispositivos móveis, como o Iphone, Ipad, Ipod e
MP4 smartphones em geral. Não é compatível com algumas versões do Windows Media Player.

47
Aspect ratio

+ É a relação entre os tamanhos horizontal e vertical de uma

imagem ou vídeo.
+ Dimensão da resolução de um ecrã

48
Crossfading

+ Técnica de diminuir gradativamente uma imagem ou som (fade out),

enquanto uma segunda imagem ou som aumenta gradativamente
(fade in)

49
 Áudio

- Dá ritmo e transmite emoções ->

- Sincronização com animação é fundamental

- Devido aos direitos de autor são desaconselhadas as

publicações online.

50
 Projeto: Animação Stop Motion

+ Criatividade / Originalidade
+ Cuidados na escolha de músicas/sons
+ Fps: mínimo 12 Fps
+ Duração: entre 60 a 120 segundos

51
Sites Conteúdo livre

+ Imagem:
+ https://www.pexels.com/pt-br/
+ Som
+ https://pixabay.com/pt/music/
+ https://mixkit.co/free-sound-effects/

+ Converter Ficheiros
+ https://onlineconvertfree.com/

+ Compressão ficheiros
52
+ https://www.iloveimg.com/pt
+ https://compressnow.com/pt/
Aplicações

+ Open Shot (software open source)

+ Clipchamp (aplicação web)
+ CloudStopMotion (aplicação web)

53