SlideShare uma empresa Scribd logo
1 de 27
Multimédia
Aula 2
Imagem & Vídeo
Docente: Micaela Roberto Amade
”
Imagem
Existem dois tipos de representações
gráficas em computador:
 Imagens vectoriais
 Imagens rasterizadas.
Perceber a diferença entre estes dois
tipos de imagens é importante quando
se pretende criar ou editar imagens
digitais.
”
Imagem
Imagens vectoriais,( como as criadas no Freehand ou
no Adobe Illustrator, são feitas a partir de rectas e
curvas chamadas vectores. Ex., num programa
vectorial desenha-se um círculo azul com um raio de
três centímetros num determinado ponto da página.
Pode-se, a partir daí, redimensioná-lo ou alterar a cor
do círculo; o programa terá sempre como referência a
forma em si. Utilizados quando se trabalha com tipos
(fontes de letra) e desenhos expressivos, como logotipos,
os quais requerem linhas nítidas e claras
independentemente da escala a que são reproduzidos.
”
Imagem
Imagens rasterizadas, como ascriadas no Adobe
Photoshop, consistem numa grelha, ou raster, de
pequenos quadrados conhecidos como pixels. Por
exemplo, numa imagem rasterizada, uma bola azul
com três centímetros de raio no canto superior direito
da página é feita a partir de um conjunto de pixels com
essa localização, coloridos de forma a dar a aparência
de uma bola. O programa simplesmente referencia os
pixels numa grelha específica. São adequadas ao
trabalho com imagens de tons contínuos, como
fotografias ou imagens criadas em programas de
pintura.
”
Imagem
Imagens rasterizadas
Uma vez que as imagens rasterizadas dependem da
resolução, podem aparecer com irregularidades nos
contornos e perder detalhe quando forem rasterizadas num
scanner ou criadas a uma baixa resolução (72 ppi, por
exemplo) e impressas posteriormente a uma maior
resolução.
Como os écrans de computador funcionam com base numa
grelha de pixels, tanto as imagens vectoriais como as
imagens de pixels são apresentadas como pixels. Todo o
software de base vectorial constrói as suas formas e
apresenta-as sob a forma de pixels.
”
Imagem
Resolução
 Resolução da imagem,
 Resolução dos bits,
 Resolução do monitor,
 Frequência do écran,
 Resolução à saída (para impressão, por
exemplo).
”
Imagem
Resolução da imagem
Refere-se ao espaçamento entre pixels na imagem e é medida em
pixels por polegada (pixels per inch - ppi). Se uma imagem tiver
uma resolução de 72 ppi, isto significa que contém 5184 pixels
num quadrado com uma polegada de lado (72 pixels de largura
x 72 pixels de comprimento = 5184). Quanto maior for a
resolução, maior é o número de pixels na imagem. Por exemplo,
uma imagem com 3 por 3 polegadas e com uma resolução de
72 ppi, terá 46656 blocos de cor por quadrado de uma polegada
de lado. A mesma imagem com uma resolução de 300 ppi teria
810000 blocos de cor na mesma área de três por três
polegadas. Resoluções mais elevadas permitem maior detalhe e
transições de cor mais suaves numa imagem.
”
Imagem
Resolução dos bits(Profundidade)
A profundidade dos pixels é a medida do número de bits
atríbuidos e armazenados em cada pixel. A resolução
de cada bit determina a quantidade de informação
relativa à cor para cada pixel num dado ficheiro.
Uma maior profundidade de pixel significa que mais
cores se encontram disponíveis e, consequentemente,
é garantida uma representação mais apurada e fiel da
cor real na imagem digital.
”
Imagem
Resolução dos bits(Profundidade)
Por exemplo, a um pixel com uma profundidade de bit
igual a 1 correspondem dois valores possíveis: 0 ou 1
- contraste total, branco e preto por exemplo. Um pixel
com 8 bits tem 28, ou seja, 256 valores possíveis; e
um pixel com 24 bits tem 224, ou seja 16 milhões de
valores possíveis. Os valores mais comuns de
profundidade de um pixel oscilam entre 1 e 24 bits.
”
Imagem
Resolução do Monitor
A resolução do monitor define o número de pontos ou
pixels por unidade de comprimento à saída da
máquina. É vulgarmente medido em dpi (dots per inch)
ou ppi (pixel per inch). A resolução de um
equipamento para um monitor Macintosh é
habitualmente de 72 dpi.
A resolução do monitor determina o tamanho da imagem
apresentada e não deve ser confundido com a
resolução da imagem, a qual reflecte o espaçamento
de pixels nela existente.
”
Imagem
Resolução do Monitor
Por exemplo, uma imagem com uma resolução de 144
ppi é apresentada com o dobro do seu tamanho real
num monitor de 72 dpi (apenas 72 dos 144 pixels
podem ser dispostos numa polegada desse monitor).
A mesma imagem seria apenas ligeiramente
aumentada em relação ao seu tamanho original num
monitor a 120 dpi, uma vez que 120 dos seus 144
pixels teriam lugar em cada polegada.
”
Imagem
Resolução do Monitor
Por exemplo, uma imagem com uma resolução de 144
ppi é apresentada com o dobro do seu tamanho real
num monitor de 72 dpi (apenas 72 dos 144 pixels
podem ser dispostos numa polegada desse monitor).
A mesma imagem seria apenas ligeiramente
aumentada em relação ao seu tamanho original num
monitor a 120 dpi, uma vez que 120 dos seus 144
pixels teriam lugar em cada polegada.
”
Imagem
Frequência do écran
A frequência do écran, também conhecida por
varrimento do écran, diz respeito ao número de células
de meio tom por polegada num écran de meios tons
usado na impressão (no écran) de uma imagem na
escala de cinzentos ou separação de cores.
A frequência do écran é medida em linhas por polegada
(lpi). O detalhe numa imagem apresentada num écran
resulta da combinação da resolução e frequência
deste.
”
Imagem
Resolução de saída
A resolução de saída diz respeito ao número de pontos
por polegada (dpi) que o equipamento de saída - uma
imagesetter (máquina digital de tecnologia laser usada
na produção de fotolitos de páginas) ou uma
impressora a laser, consegue reproduzir. As
impressoras a laser têm habitualmente uma resolução
de 300 a 600 dpi. As imagesetters destinadas a um
trabalho mais exigente conseguem resoluções de
impressão na ordem dos 1200 dpi, 2400 dpi ou mais.
”
Imagem
A resolução e o tamanho da imagem
O tamanho da imagem refere-se às dimensões físicas de
uma imagem. Uma vez que o número de pixels numa
imagem é fixo, qualquer aumento no tamanho de uma
imagem provoca perdas na sua resolução. Por
exemplo, duplicar a resolução de uma imagem
(número de pixels por polegada) de 72 para 144
provoca nesta uma redução para um quarto do seu
tamanho original. Reduzir para metade a sua
resolução, por exemplo, de 300 para 150, cria uma
imagem cujo tamanho tem o dobro das dimensões
originais.
”
Imagem
A resolução e o tamanho da imagem
Se se mantiver a imagem do mesmo tamanho, qualquer
aumento da resolução exige que o PhotoShop crie
novos pixels os quais irão provocar na imagem um
efeito de imagem difusa ou desfocada. Por este
motivo, os aumentos da resolução originam
frequentementeuma imagem de menor qualidade que
a original. Diminuir a resolução, ao mesmo tempo que
se mantêm as dimensões da imagem, faz com que o
PhotoShop elimine pixels de uma imagem.
”
Imagem
A resolução e o tamanho da imagem
Desde que se tenha informação suficiente relativa aos
pixels, diminuir a resolução não causa deterioração na
qualidade da imagem. É vantajoso na digitalização ou
criação de uma imagem usar uma resolução
suficientemente alta de modo a que não seja
necessário aumentar a resolução ou o tamanho da
imagem dentro do PhotoShop.
Noções de Vídeo
 Tipos de sinais
 Vídeo Analógico
 Vídeo Digital
Tipos de Sinais de Video
Vídeo Componente
Consiste em um sinal de vídeo que é separado
em três componentes: red, green e blue;
Apresenta o melhor esquema de reprodução de
cores → não há interferência
entre os sinais R, G ou B.
Requer maior largura de banda para transmissão
e boa sincronização dos três componentes
Tipos de Sinais de Video
Video Componente
Tipos de Sinais de Video
Video Composto
Neste tipo de sinal, a cor (crominância) e a
intensidade (luminância) são misturados em
uma única onda portadora;
Tipos de Sinais de Video
Video Composto
O sinal da crominância é composto por duas
componentes de cores (I e Q → modelo YIQ; ou U e V →
modelo YUV);
Os componentes de cores são agrupados em uma sub-
portadora;
Esta sub-portadora é unida com o sinal da luminância na
portadora principal;
O receptor desacopla os sinais, recuperando a imagem.
Este tipo de sinal é utilizado para transmissão de TV em
cores;
Tipos de Sinais de Video
Video Composto
Quando conectados a TVs, os vídeos compostos usam
somente um cabo;
Devido a mistura dos sinais, pode haver alguma
interferência entre a luminância e a crominância.
Tipos de Sinais de Video
S-Video
Também é chamado de vídeo separado ou super vídeo;
Usa dois cabos: um para luminância e outro para o sinal
da crominância composta;
Há menor interferência entre os sinais;
Vídeos Analógicos vs Digital
Vídeo analógico → representado como um sinal contínuo
(variante no tempo);
Vídeo digital → representado como uma sequência de
imagens digitais.
Vantagens de representação
Digital
 Armazenamento em equipamentos digitais;
 Formato pronto para processamento (remoção de
ruído, por exemplo);
 Integração com várias aplicações multimídia;
 Acesso direto, permitindo edição de vídeo de forma
mais simples;
 Regravação repetida, sem degradação da qualidade
da imagem;
 Facilidade de criptografar;
 Melhor tolerância ao ruído do canal de transmissão.
Tarefa
• Pesquisar sobre modelos de cores
• TV de Alta Definição (HDTV)
– Diferença entre TV convencional e HDTV

Mais conteúdo relacionado

Semelhante a Aula2_3_MTM.ppt

Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designViniciusGuedes
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web DesignViniciusGuedes
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designViniciusGuedes
 
Imagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brImagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brAna Paula Moura
 
Informática Aplicada - Introdução
Informática Aplicada - IntroduçãoInformática Aplicada - Introdução
Informática Aplicada - IntroduçãoMarcio Duarte
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisRuiCorgan
 
Monitores
MonitoresMonitores
MonitoresTiago
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designvictorgarcez
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishingUNESP
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
Workshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRAWorkshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRAMUZIK PRODUÇÕES
 
Multimidia na educação
Multimidia na educaçãoMultimidia na educação
Multimidia na educaçãosergioborgato
 

Semelhante a Aula2_3_MTM.ppt (20)

Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web Design
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Imagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brImagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-br
 
Unidade4 Parte I
Unidade4   Parte IUnidade4   Parte I
Unidade4 Parte I
 
Imagens
ImagensImagens
Imagens
 
A Imagem Digital
A Imagem DigitalA Imagem Digital
A Imagem Digital
 
aula1_2.pdf
aula1_2.pdfaula1_2.pdf
aula1_2.pdf
 
Informática Aplicada - Introdução
Informática Aplicada - IntroduçãoInformática Aplicada - Introdução
Informática Aplicada - Introdução
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Apostila photoshop 7
Apostila photoshop 7 Apostila photoshop 7
Apostila photoshop 7
 
ComputaçãO GráFica Para Designers
ComputaçãO GráFica Para DesignersComputaçãO GráFica Para Designers
ComputaçãO GráFica Para Designers
 
Monitores
MonitoresMonitores
Monitores
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishing
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Workshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRAWorkshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRA
 
Multimidia na educação
Multimidia na educaçãoMultimidia na educação
Multimidia na educação
 

Aula2_3_MTM.ppt

  • 1. Multimédia Aula 2 Imagem & Vídeo Docente: Micaela Roberto Amade
  • 2. ” Imagem Existem dois tipos de representações gráficas em computador:  Imagens vectoriais  Imagens rasterizadas. Perceber a diferença entre estes dois tipos de imagens é importante quando se pretende criar ou editar imagens digitais.
  • 3. ” Imagem Imagens vectoriais,( como as criadas no Freehand ou no Adobe Illustrator, são feitas a partir de rectas e curvas chamadas vectores. Ex., num programa vectorial desenha-se um círculo azul com um raio de três centímetros num determinado ponto da página. Pode-se, a partir daí, redimensioná-lo ou alterar a cor do círculo; o programa terá sempre como referência a forma em si. Utilizados quando se trabalha com tipos (fontes de letra) e desenhos expressivos, como logotipos, os quais requerem linhas nítidas e claras independentemente da escala a que são reproduzidos.
  • 4. ” Imagem Imagens rasterizadas, como ascriadas no Adobe Photoshop, consistem numa grelha, ou raster, de pequenos quadrados conhecidos como pixels. Por exemplo, numa imagem rasterizada, uma bola azul com três centímetros de raio no canto superior direito da página é feita a partir de um conjunto de pixels com essa localização, coloridos de forma a dar a aparência de uma bola. O programa simplesmente referencia os pixels numa grelha específica. São adequadas ao trabalho com imagens de tons contínuos, como fotografias ou imagens criadas em programas de pintura.
  • 5. ” Imagem Imagens rasterizadas Uma vez que as imagens rasterizadas dependem da resolução, podem aparecer com irregularidades nos contornos e perder detalhe quando forem rasterizadas num scanner ou criadas a uma baixa resolução (72 ppi, por exemplo) e impressas posteriormente a uma maior resolução. Como os écrans de computador funcionam com base numa grelha de pixels, tanto as imagens vectoriais como as imagens de pixels são apresentadas como pixels. Todo o software de base vectorial constrói as suas formas e apresenta-as sob a forma de pixels.
  • 6. ” Imagem Resolução  Resolução da imagem,  Resolução dos bits,  Resolução do monitor,  Frequência do écran,  Resolução à saída (para impressão, por exemplo).
  • 7. ” Imagem Resolução da imagem Refere-se ao espaçamento entre pixels na imagem e é medida em pixels por polegada (pixels per inch - ppi). Se uma imagem tiver uma resolução de 72 ppi, isto significa que contém 5184 pixels num quadrado com uma polegada de lado (72 pixels de largura x 72 pixels de comprimento = 5184). Quanto maior for a resolução, maior é o número de pixels na imagem. Por exemplo, uma imagem com 3 por 3 polegadas e com uma resolução de 72 ppi, terá 46656 blocos de cor por quadrado de uma polegada de lado. A mesma imagem com uma resolução de 300 ppi teria 810000 blocos de cor na mesma área de três por três polegadas. Resoluções mais elevadas permitem maior detalhe e transições de cor mais suaves numa imagem.
  • 8. ” Imagem Resolução dos bits(Profundidade) A profundidade dos pixels é a medida do número de bits atríbuidos e armazenados em cada pixel. A resolução de cada bit determina a quantidade de informação relativa à cor para cada pixel num dado ficheiro. Uma maior profundidade de pixel significa que mais cores se encontram disponíveis e, consequentemente, é garantida uma representação mais apurada e fiel da cor real na imagem digital.
  • 9. ” Imagem Resolução dos bits(Profundidade) Por exemplo, a um pixel com uma profundidade de bit igual a 1 correspondem dois valores possíveis: 0 ou 1 - contraste total, branco e preto por exemplo. Um pixel com 8 bits tem 28, ou seja, 256 valores possíveis; e um pixel com 24 bits tem 224, ou seja 16 milhões de valores possíveis. Os valores mais comuns de profundidade de um pixel oscilam entre 1 e 24 bits.
  • 10. ” Imagem Resolução do Monitor A resolução do monitor define o número de pontos ou pixels por unidade de comprimento à saída da máquina. É vulgarmente medido em dpi (dots per inch) ou ppi (pixel per inch). A resolução de um equipamento para um monitor Macintosh é habitualmente de 72 dpi. A resolução do monitor determina o tamanho da imagem apresentada e não deve ser confundido com a resolução da imagem, a qual reflecte o espaçamento de pixels nela existente.
  • 11. ” Imagem Resolução do Monitor Por exemplo, uma imagem com uma resolução de 144 ppi é apresentada com o dobro do seu tamanho real num monitor de 72 dpi (apenas 72 dos 144 pixels podem ser dispostos numa polegada desse monitor). A mesma imagem seria apenas ligeiramente aumentada em relação ao seu tamanho original num monitor a 120 dpi, uma vez que 120 dos seus 144 pixels teriam lugar em cada polegada.
  • 12. ” Imagem Resolução do Monitor Por exemplo, uma imagem com uma resolução de 144 ppi é apresentada com o dobro do seu tamanho real num monitor de 72 dpi (apenas 72 dos 144 pixels podem ser dispostos numa polegada desse monitor). A mesma imagem seria apenas ligeiramente aumentada em relação ao seu tamanho original num monitor a 120 dpi, uma vez que 120 dos seus 144 pixels teriam lugar em cada polegada.
  • 13. ” Imagem Frequência do écran A frequência do écran, também conhecida por varrimento do écran, diz respeito ao número de células de meio tom por polegada num écran de meios tons usado na impressão (no écran) de uma imagem na escala de cinzentos ou separação de cores. A frequência do écran é medida em linhas por polegada (lpi). O detalhe numa imagem apresentada num écran resulta da combinação da resolução e frequência deste.
  • 14. ” Imagem Resolução de saída A resolução de saída diz respeito ao número de pontos por polegada (dpi) que o equipamento de saída - uma imagesetter (máquina digital de tecnologia laser usada na produção de fotolitos de páginas) ou uma impressora a laser, consegue reproduzir. As impressoras a laser têm habitualmente uma resolução de 300 a 600 dpi. As imagesetters destinadas a um trabalho mais exigente conseguem resoluções de impressão na ordem dos 1200 dpi, 2400 dpi ou mais.
  • 15. ” Imagem A resolução e o tamanho da imagem O tamanho da imagem refere-se às dimensões físicas de uma imagem. Uma vez que o número de pixels numa imagem é fixo, qualquer aumento no tamanho de uma imagem provoca perdas na sua resolução. Por exemplo, duplicar a resolução de uma imagem (número de pixels por polegada) de 72 para 144 provoca nesta uma redução para um quarto do seu tamanho original. Reduzir para metade a sua resolução, por exemplo, de 300 para 150, cria uma imagem cujo tamanho tem o dobro das dimensões originais.
  • 16. ” Imagem A resolução e o tamanho da imagem Se se mantiver a imagem do mesmo tamanho, qualquer aumento da resolução exige que o PhotoShop crie novos pixels os quais irão provocar na imagem um efeito de imagem difusa ou desfocada. Por este motivo, os aumentos da resolução originam frequentementeuma imagem de menor qualidade que a original. Diminuir a resolução, ao mesmo tempo que se mantêm as dimensões da imagem, faz com que o PhotoShop elimine pixels de uma imagem.
  • 17. ” Imagem A resolução e o tamanho da imagem Desde que se tenha informação suficiente relativa aos pixels, diminuir a resolução não causa deterioração na qualidade da imagem. É vantajoso na digitalização ou criação de uma imagem usar uma resolução suficientemente alta de modo a que não seja necessário aumentar a resolução ou o tamanho da imagem dentro do PhotoShop.
  • 18. Noções de Vídeo  Tipos de sinais  Vídeo Analógico  Vídeo Digital
  • 19. Tipos de Sinais de Video Vídeo Componente Consiste em um sinal de vídeo que é separado em três componentes: red, green e blue; Apresenta o melhor esquema de reprodução de cores → não há interferência entre os sinais R, G ou B. Requer maior largura de banda para transmissão e boa sincronização dos três componentes
  • 20. Tipos de Sinais de Video Video Componente
  • 21. Tipos de Sinais de Video Video Composto Neste tipo de sinal, a cor (crominância) e a intensidade (luminância) são misturados em uma única onda portadora;
  • 22. Tipos de Sinais de Video Video Composto O sinal da crominância é composto por duas componentes de cores (I e Q → modelo YIQ; ou U e V → modelo YUV); Os componentes de cores são agrupados em uma sub- portadora; Esta sub-portadora é unida com o sinal da luminância na portadora principal; O receptor desacopla os sinais, recuperando a imagem. Este tipo de sinal é utilizado para transmissão de TV em cores;
  • 23. Tipos de Sinais de Video Video Composto Quando conectados a TVs, os vídeos compostos usam somente um cabo; Devido a mistura dos sinais, pode haver alguma interferência entre a luminância e a crominância.
  • 24. Tipos de Sinais de Video S-Video Também é chamado de vídeo separado ou super vídeo; Usa dois cabos: um para luminância e outro para o sinal da crominância composta; Há menor interferência entre os sinais;
  • 25. Vídeos Analógicos vs Digital Vídeo analógico → representado como um sinal contínuo (variante no tempo); Vídeo digital → representado como uma sequência de imagens digitais.
  • 26. Vantagens de representação Digital  Armazenamento em equipamentos digitais;  Formato pronto para processamento (remoção de ruído, por exemplo);  Integração com várias aplicações multimídia;  Acesso direto, permitindo edição de vídeo de forma mais simples;  Regravação repetida, sem degradação da qualidade da imagem;  Facilidade de criptografar;  Melhor tolerância ao ruído do canal de transmissão.
  • 27. Tarefa • Pesquisar sobre modelos de cores • TV de Alta Definição (HDTV) – Diferença entre TV convencional e HDTV