sistemas multimédia i - geektuga.ddns.net
TRANSCRIPT
![Page 1: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/1.jpg)
Sistemas Multimédia I
Paulo Duarte
![Page 2: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/2.jpg)
Conceitos Básicos de Imagem - Pixel
De um modo geral um pixel é:
• O menor elemento de uma imagem digital.
• Cada pixel é composto por um conjunto de 3 “pontos” (subpixeis) de cor vermelha, verde e azul.
Cores por pixel
8-bit = 256 cores
16-bit = 65.536 cores
24-bit = 16.777.216 cores
32-bit (HDR) = 4.294.967.296 cores
48-bit = 281.474.976.710.656 cores
http://99designs.com/designer-blog/
![Page 3: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/3.jpg)
Pixel - Medida
VGA – 640x480 = 307200 (0.3MP)
HD (720) – 1280x720 = 921600 (0.92MP)
HD (1080) – 1920x1080 = 2073600 (2.1MP)
4K – 3840x2160 = 8294400 (8.3MP)
8K – 7680x4320 = 331177600 (33.1MP)
Ppi (pixel por polegada) – Quanto maior, maior a qualidade da imagem e menor a dimensão que ocupa (reflete-se na impressão).
Ex: 1920x1080 (a 72ppi) = 67,73cm x 38,45cm
1920x1080 (a 300ppi) = 16,26cm x 9,23cm
![Page 4: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/4.jpg)
PPI - Imagem impressa
Para uma imagem com 640x480px:
10 ppi = 64x48 polegadas (162cmx122cm)
300ppi = 2.1x1.6 polegadas (5.3cmx4cm)
![Page 5: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/5.jpg)
PPi vs DPi
Ppi ≠ Dpi
Ppi = pixel per inchDpi = dots per inch
Ppi – Dimensão gráfica (digital)Dpi – Densidade de pontos quando impresso
![Page 6: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/6.jpg)
Dpi – Dots per inch
CMYK - Ciano, magenta, amarelo e preto
Quanto maior a densidade (Dpi) melhor a qualidade de impressão.
https://www.flickr.com/photos/nicksherman/
![Page 7: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/7.jpg)
Síntese aditiva - Luz
http://fau-do1.blogspot.pt/
![Page 8: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/8.jpg)
Síntese subtrativa - Pigmento
http://fau-do1.blogspot.pt/
![Page 9: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/9.jpg)
Raster (bitmap) vs Vetorial
http://www.ailtonsousa.com.br/
http://bola8design.com/
![Page 10: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/10.jpg)
Raster (bitmap) vs Vetorial
Raster – Matriz de pixéis -Imagem
Pixéis
Melhor definição (realismo)
Maior tamanho do ficheiro
2D
Ideais para fotografia e texturas
Vetorial – Fórmula Matemática – gráfico
Linhas, curvas
Menor definição
Menor tamanho do ficheiro
2D ou 3D
Ideal para logotipos, ícones e desenvolvimento 3D
![Page 11: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/11.jpg)
Cor - Temperatura
Quente Fria
![Page 12: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/12.jpg)
Cor - Matiz
Cores da mesma matiz (castanho)
Cores de matizes diferentes
![Page 13: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/13.jpg)
Brilho / Saturação
Luminosidade da cor
Saturação
![Page 14: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/14.jpg)
Contraste
Contraste – Diferença entre os brancos e os pretos (luz e sombra)
http://www.leifnorman.net/
![Page 15: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/15.jpg)
FOTOGRAFIA
![Page 16: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/16.jpg)
A luz passa através da córnea e da pupila. A íris (cor do olho), controla a quantidade de luz e uma lente de tecido orgânico torna a imagem nítida, projetando-a na retina, de onde o cérebro a assimila.
Máquina fotográfica vs Olho humano
![Page 17: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/17.jpg)
Diferenças de sensibilidade
A máquina tem de ser focada, enquanto que um ser humano, para onde quer que olhe, vê sempre tudo nítido.
Não temos consciência do ajustamento dos nossos olhos à focagem de distâncias diferentes.
É fácil esquecer que a máquina sóreproduz com nitidez a distânciafocada.
Máquina fotográfica vs Olho humano
![Page 18: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/18.jpg)
Diferenças de Contraste
A máquina exagera o contraste. Ao observar a cena da fotografia, o fotógrafo via com igual pormenor o exterior iluminado pelo sol e o interior escuro. Mas a máquina (o filme/sensor) exagera imenso os tons claros e escuros, quando presentes na mesma fotografia.
Máquina fotográfica vs Olho humano
![Page 19: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/19.jpg)
A fotografia é bidimensional.
Uma fotografia é uma imagem
plana, com comprimento e
largura, mas sem profundidade.
Assim, temos que aprender a
sugerir a terceira dimensão, a
profundidade, com base na visão
humana. Foi o que se fez nesta
fotografia por meio da iluminação
e de linhas de força muito marcadas.
Máquina fotográfica vs Olho humano
![Page 20: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/20.jpg)
Máquina Fotográfica
Compacta (point-and-shoot)
Bridge (SuperZoom)
DSLR (Single-lens Reflex) e Mirrorless
![Page 21: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/21.jpg)
Outras
Câmaras de ação/aventura
Câmara de Smartphone
Câmara de Drone
![Page 22: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/22.jpg)
Compacta
Vantagens- Preço
- Facilidade de utilização
- Peso e dimensão reduzidos
Desvantagens- Menor qualidade de imagem
- Geralmente pouco Zoom
- Menor número de opções
- Sem possibilidade de alterar acessórios
![Page 23: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/23.jpg)
Bridge
Vantagens- Bom Zoom e estabilizador de
imagem- Facilidade de utilização- Algumas opções avançadas
Desvantagens- Qualidade mediana- Número de opções algo limitado- Peso e dimensões semelhantes às SLR sem a sua
qualidade- Sem possibilidade de alterar acessórios
![Page 24: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/24.jpg)
DSLR (Single-lens reflex) e Mirrorless
Vantagens- Qualidade de Imagem- Grande número de opções- Utilização avançada- Possibilidade de alterar acessórios (objetivas, flash,
bateria, microfone, entre outros)
Desvantagens- Preço- Peso e dimensão superiores- Maior curva de aprendizagem (embora se possa
utilizar modos automáticos, predefinidos)
![Page 25: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/25.jpg)
Objetivas
Quanto à versatilidade:
Prime Macro Zoom
![Page 26: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/26.jpg)
Prime
- Sem possibilidade de zoom
- Útil para locais pouco luminosos
- Excelente para retratos
- Imagens mais nítidas
- Objetivas mais leves
![Page 27: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/27.jpg)
http://cdn.picturecorrect.com/
![Page 28: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/28.jpg)
Macro
- Sem ampliação de zoom
- Possibilidade de focar mais próximo do motivo
- Excelente para motivos reduzidos (e.g., insetos, plantas)
- Normalmente utilizadas com flash
![Page 29: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/29.jpg)
http://wikimedia.org/
![Page 30: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/30.jpg)
Zoom
- Ampliação variável
- Objetivas geralmente menos luminosas
- Objetivas geralmente mais pesadas (mas podem substituir várias objetivas prime)
- Imagens geralmente menosnítidas
![Page 31: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/31.jpg)
Objetivas
Quanto à distância focal:
Fisheye | Grande angular | Normal | Teleobjetiva
![Page 32: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/32.jpg)
Distância focal
![Page 33: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/33.jpg)
Fisheye
- Até cerca de 15mm
- Cobertura completa (180º) ou próximo
- Imagem distorcida
- Imagem circular
Ideal para panorâmicas, projeções estereográficase equirectangulares
![Page 34: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/34.jpg)
https://www.superteachertools.net/
![Page 35: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/35.jpg)
https://www.paulo.pt/
![Page 36: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/36.jpg)
Grande angular
- Entre 16 e 35mm
- Ângulo de visão superior a 45º
- Pode distorcer a imagem
Ideal para fotografias de paisagem/arquitetura
![Page 37: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/37.jpg)
http://digital-photography-school.com/
![Page 38: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/38.jpg)
![Page 39: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/39.jpg)
Normal
- De 35 a 60mm
- Sem distorção
- Semelhante à visão humana (50mm)
Ideal para fotografia do dia-a-dia (fotografia de rua e reportagem fotográfica)
![Page 40: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/40.jpg)
Joanna Mrówka
![Page 41: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/41.jpg)
Teleobjetiva
- Superior a 60 mm
- Aproximação do objeto
- Menor ângulo de visão
- Menor profundidade de campo
Ideal para fotografia de desporto e natureza (objetivas até 100mm são ideais para retrato)
![Page 42: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/42.jpg)
http://namesofbirds.net
![Page 43: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/43.jpg)
Composição
A composição é “a forma mais intensa de observar as coisas” (Edward Weston )
A composição incide em seis pontos essenciais:
✤ Iluminação✤ Textura✤ Forma
✤ Tonalidade✤ Linhas✤ Padrão
![Page 44: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/44.jpg)
Composição
A melhor forma de nos iniciarmos a compor imagens é fazerfotografia de imagens estáticas (paisagens, edifícios, etc.)
Devemos eleger, no enquadramento, o assunto maisimportante do tema que queremos fotografar.
É necessário criar um equilíbrio e uma harmonia nacomposição das imagens, para não se tornarem confusas.
Uma boa composição deve orientar o nosso olhar para oponto principal e só depois para o conjunto da imagem.
![Page 45: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/45.jpg)
O que nos dizem as linhas
✤ linhas rectas – rigor, decisão;
✤ linhas curvas – união, totalidade;
✤ linhas quebradas – desordem, confusão;
✤ linhas horizontais, repetidamente – calma,
paz;
✤ linhas verticais, repetidamente – grandeza,
exactidão;
✤ linhas oblíquas convergentes – infinito;
✤ linhas oblíquas, repetidamente – ação,
dinamismo.
![Page 46: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/46.jpg)
Regra dos terços
Divisão da imagem em 4 pontos fortes, 2 linhas horizontais e 2linhas verticais, por forma a criar um equilíbrio perfeito.Os elementos em destaque são os cruzamentos das linhas(pontos).
Todd Klassy
![Page 47: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/47.jpg)
Composição Simétrica
Barry O Carrol
![Page 48: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/48.jpg)
Composição Simétrica
Barry O Carrol
![Page 49: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/49.jpg)
Proporção áurea/Número de ouro
https://www.picmonkey.com/blog/the-golden-ratio-and-your-photos
![Page 50: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/50.jpg)
Regra do espaço
http://pixelarge.com/leaving-space-quick-photography-tutorials/
![Page 51: Sistemas Multimédia I - geektuga.ddns.net](https://reader030.vdocuments.net/reader030/viewer/2022012621/61a197f3a9184946b438078b/html5/thumbnails/51.jpg)
Mudar a perspetiva