Elementos Básicos da Imagem

Prévia do material em texto

Sistemas de Áudio e Vídeo
Professor Alaor Miguel
alaormiguel.wix.com/engenharia
www.facebook.com/prof.alaormiguel
Formação e
Elementos de Imagem
Objetivos
• Entendimento da formação das imagens
televisivas e seus principais elementos.
Definição de Imagem
• Representação ou reprodução de um objeto ou
de um ser por meio de desenho, pintura,
escultura etc.;
• Reprodução visual de seres, objetos, cenas
etc. com o auxílio de aparatos técnicos;
• Reprodução de um objeto pela reunião dos
raios luminosos emanados desse objeto depois
de passarem por um sistema óptico.
Exemplos de Imagens
http://cdn2.pcadvisor.co.uk/cmsdata/features/35
95116/Selfie_gestures.png
http://www.animatedimages.org/data/media/491/animated
-television-image-0176.gif
http://www.shortcourses.com/images/b1ch1/wista3.jpg
Elementos Básicos da Imagem
• Ponto;
• Linha
• Forma;
• Textura;
• Escala;
• Dimensão;
• Movimento;
• Cor.
Ponto
• A unidade de comunicação visual mais simples;
• É o elemento gráfico fundamental;
• As imagens são constituídas de pontos.
Ponto
http://slideplayer.com.br/slide/1355856/
Ponto
http://slideplayer.com.br/slide/1355856/
Linha
• União de pontos muito próximos, os quais não
podem ser reconhecidos de forma individual.
Linha
http://slideplayer.com.br/slide/1355856/
Forma
• A união de linhas descreve uma forma;
• Existem três formas básicas:
– Quadrado;
– Triângulo
– Círculo.
• A partir da combinação das três formas
básicas derivam todas as outras formas
físicas e imagináveis.
Forma
https://cdn1.vox-
cdn.com/profile_images/1528865/kuchera.jpg
http://www.titanui.com/wp-
content/uploads/2015/12/11/Polygon-Animal-
Icons-PSD.jpg
Textura
• É uma caraterística que conforma o acabamento
de uma superfície e depende do material
utilizado ou do efeito que se busque
conseguir no acabamento de uma obra.
Textura
http://slideplayer.com.br/slide/1355856/
Escala
• Serve para estabelecer o tamanho comparativo;
• Sabemos se algo é grande ou pequeno se temos
algum parâmetro para comparação.
Escala
http://slideplayer.com.br/slide/1355856/
Dimensão
• Normalmente, nos desenhos e em outras
imagens, ela é moldada utilizando-se da
perspectiva.
Dimensão
https://www.artsupplies.co.uk/img_item/perspective-finder.jpg
Dimensão
https://upload.wikimedia.org/wikipedia/commons/2/2a/Railro
ad-Tracks-Perspective.jpg
Dimensão
https://upload.wikimedia.org/wikipedia/commons/0/0f/Forced_perspective_gal
lery_by_Francesco_Borromini.jpg
Movimento
• Geralmente está implícito no visual;
• A imagem é imóvel, mas podemos fazê-la mover
empregando técnicas como varredura,
distribuição de linhas e pontos etc.
Movimento
http://slideplayer.com.br/slide/1355856/
Movimento
http://slideplayer.com.br/slide/1355856/
Movimento
http://www.newyorker.com/wp-content/uploads/2013/11/mili-01.jpg
Movimento
http://openendedgroup.com/images/kinesphere.jpg
Cor
• Uma das mais impactantes experiências
visuais;
• A cor por definição não existe, é uma
propriedade da radiação eletromagnética de
produzir no observador uma sensação
subjetiva, de acordo com o comprimento de
onda.
Cor
• Toda cor possui características próprias que
a identificam em relação às demais:
– Matiz (hue);
– Luminância (luminance);
– Saturação (saturation).
Matiz (hue)
• É a identidade da cor;
• É como nos referimos a ela (vermelho, verde,
azul etc.);
• Depende do comprimento de onda da luz
percebida.
Matiz
http://ricardoartur.com.br/1001/files/2011/04/contr-matiz.png
Matiz
https://www.ecse.rpi.edu/~schubert/Light-
Emitting-Diodes-dot-org/chap17/F17-
03%20Chromaticity%20diagram%20(Gage).jpg
Luminância (luminance)
• Também chamado de luminosidade, valor ou
brilho;
• É a quantidade de “claridade” ou “escuridão”
que a cor possui em comparação com outras.
Luminância
http://landiss.com/photos/gamma/gamma_large.jpg
Saturação (saturation)
• É o grau de pureza ou intensidade de uma cor;
• Uma cor saturada é mais intensa, viva e
vibrante;
• Cores menos saturadas tendem a serem mais
“cinzentas”.
Saturação
http://www.xaraxone.com/webxealot/workbook40/saturation_01.gif
Sistema Visual Humano
Sistema Visual Humano
http://upload.wikimedia.org/ wikipedia/commons/9/9b/Eye_scheme_mulitlingual.svg
Sistema Visual Humano
• Os raios luminosos atingem a córnea;
• Penetram por um orifício denominado
pupila;
• Passam pelo cristalino, que exerce a
função de uma lente convergente,
fazendo com que a imagem seja formada
sempre sobre a retina.
Sistema Visual Humano
• Na retina existem células especializadas na captação de luz,
chamadas de cones e bastonetes.
• Os cones são responsáveis pela visão em cores e são de três
tipos, cada um adaptado a captar um determinado matiz.
• Os bastonetes são 
encarregados da 
percepção de 
luminosidade, isto 
é, capturam a 
intensidade luminosa 
em “preto e branco”. 
http://www.ibb.unesp.br/Home/MuseuEscola/EnsinoMedio-STI/Fluxodeenergia/retina1.jpg
Formação das Cores
Síntese Aditiva
http://www.escultopintura.com.br/Tutoriais/Tutorial_Iluminando/Luz_Cor/Sintese_Aditiva.jpg
Síntese Subtrativa
https://openclipart.org/image/2400px/svg_to_png/246219/blend_CMY.png
Reflexão da Luz
http://www.feiradeciencias.com.br/sala09/09_04.asp
Reflexão da Luz
https://blogdografico.files.wordpress.com/2012/04/luz31.png
Formação das Cores
http://webpages.uidaho.edu/compstudio/techassist/videos/images/AdditiveVSSubtractive.jpg