SlideShare uma empresa Scribd logo
1 de 18
Oficina Multimédia 12º AV1
Sumário
Imagensdigitais:atributoselementares
Teoriadacoraplicadaaossistemasdigitais:
Modeloaditivoesubtrativo;
Esquem
asRGBeCM
YK;
Complem
entaridadedascores.
Como podem ser apresentadas as imagens?
 Docum
entosim
pressos
 Docum
entoseletrónicos
 Im
agensdigitais
 Menosdispendioso
 Facilidadedearmazenam
ento
 Reutilização.
O que são imagens digitais?
 Algoquesepodevernoecrã;
 Algoquesepodem
anipularnoPC;
 Algoquesepodeim
prim
ir;
 Podemserarmazenadasemváriossuportesde
armazenamento;
 PodemserapresentadasnaInternet;
 Etc.
Origem das imagens digitais?
Atributos elementares das imagens?
Resoluçãodeumaimagem
;
Uma imagem digital éconstituída por pixéis (píxel – picture
element). O pixel, normalmente um quadrado, é a unidade
elementardebrilhoecorqueconstitui umaimagemdigital.
Assim
, a definição de resolução de uma imageméentendida
comoaquantidadedepixéisporpolegada,ppi(pixelsperinch)
oupelasdimensõesdamesmaempixéis(larguraxaltura).
Atributos elementares das imagens?
 Resoluçãoetam
anho
 A resoluçãodeumaimagemdigitaldeterminanãosóonível dedetalhecomo
os requisitos de armazenamento da mesma. Quanto maior a resolução de
umaimagemmaiorseráotamanhodoficheirodearmazenamento.
 O nível de detalhe de uma imagem depende da informação de cada pixel.
Cadapixelécodificadodeacordocomacoreobrilhoquerepresenta.
 Exemplo:
Atributos elementares das imagens?
 A resolução de uma impressora ou scanner, éespecificada
por pontos por polegada (dpi-dots per inch) e não por
pixels.
 O n.º de pontos por polegada (dpi) de uma impressora
permite saber o tamanho real dessa imagem, quando for
impressa.
 Aocontrário dospixels, ospontos(dots) nãopodemvariar
detamanho.
 AresoluçãodeimpressãoédadaemDPIs.
Atributos elementares das imagens?
 A resolução m
ede-seemdpi (dots per inch) – quando
nosreferimosahardware- ouemppi(pixelsperinch)-
quando nos referim
os ao nº de pixels por polegada de
um
aimagemdigital.
Atributos elementares das imagens?
ProfundidadedaCor
A profundidadedecorindicaonumerodebitsusadospararepresentara
cor de um pixel numa imagem. Este valor é também conhecido por
profundidadedopixeleédefinidoporbitsporpixel(bpp).
A profundidade de cor das imagens varia com o numero de cores
presentes na imagem. No modelo RGB, com a profundidade de 24 bits
existe a possibilidade deescolher 16,7 milhões decombinações decores.
Emboraoolhohum
anonãopossaidentificar estes16,7m
ilhõesdecores,
estenumerodecombinaçõespermitevariaçõesténuesquedãoaimpressão
deim
agenscomaspetosmuitoreais.
Nota:Parapreverotamanhoaproximadoqueumficheirodeimagemvaiocupar
,multiplica-seo
n.ºdepixelsdaresolução(larguraxaltura)pelaprofundidadedopixel.
Teoria da Cor
Oconceitodecorestáassociadoàperceção,pelosistemadevisãodoserhumano,
da luz emitida, difundida ou refletida pelos objetos, sendo considerada um
atributodosm
esmos.
A cordeumobjetodependedascaraterísticasdasfontesdeluz queoiluminam,
da reflexão da luz produzida pela superfície e, por ultimo, das caraterísticas
sensoriaisdosistemadevisãohumano,osolhos,oudecamarasdigitais.
A nãoexistência deluz implica quenadasevejae,portanto, anãoexistência de
cor.
A interpretaçãodascoreséfeitapelocérebrohumanodepoisdaluzatravessaraíris
eserprojetadanaretina.
Teoria da Cor
Cadapixelcontémumainformaçãodecor.Estainformaçãopodeser
representadaemváriosmodospré-definidos,dependendododestinofinalda
imagem,taiscomoaWeb,impressãoouumaapresentaçãoeletrónicacomoa
presente.
Esquemasdecormaisrelevantes:
 RGB
 CMYK
Esquema RGB
 RGB–Red,GreeneBlue
 OesquemaRGBdescreveascorescomoumacombinaçãodastrêscores
primárias:vermelho(Red),verde(Green)eazul(Blue).Ascoresprimáriasde
ummodelosãocoresquenãoresultamdamisturadenenhum
aoutracor.
 Usa o modelo(1)aditivo – as cores são formadas pela soma da emissão de
luzes. Num modelo aditivo a ausência de luz ou de cor corresponde à cor
preta, enquanto que a mistura das cores vermelha, verde e azul indica a
presençadaluzbrancaouacorbranca.
(1)Osmodelosdecorfornecemmétodosquepermitemespecificarumadeterminadacor.Omodeloutilizadoparadescreverascores
emitidasouprojetadaséconsideradoaditivoeparaascoresimpressaséconsideradosubtrativo.
Esquema RGB
 O esquema RGB é o utilizado nos ecrãs dos monitores e
televisores.
 Oíndicedecadacorpodevariarentre0e255.
 Quandotodasastrês coresestãomisturadas (ou sejaa255)
temos–com
ooesquemaéaditivo… -acorbranca.
 Quando estão todas a zero temos a cor negra (R=0, G=0,
B=0).
 As corespresentesnaspáginasw
ebutilizamnorm
almenteo
modelo RGB, por forma a existir uma maior
compatibilidade com todos os dispositivos que visualizam
essaspáginas.
Esquema CMYK
 CMYK –Cyan,M
agenta,YelloweBlack
 UsaoM
odelosubtrativo–ascoressãoformadasatravés
daabsorçãodaluzpelospigm
entos.
Nummodelosubtrativo,aocontráriodomodeloaditivo, a mistura
decorescriaumacormaisescura.Aausênciadecorcorrespondeao
branco.
Esquema CMYK
 Maisutilizadonastipografiasenasimpressorasajatodetinta.
 Cadacorpodeassumirumvalorentre0e100(%).
 A cor branca é obtida com todas as cores a 0% - o esquema é
subtrativo.
 A cornegrapodeserobtidapelamisturadociano,amareloe magenta.
Mascomooresultadodetalmistura,devidoaimperfeições natinta,
seria um castanho escuro esverdeado, surgiu a necessidade de
acrescentarum
aquartacor,opreto.
 Outras razões para o acrescento do preto são o facto de quando se
imprimisse a preto o papel ficar muito húmido, etambém, como o
preto é muito utilizado, o custo de o criar a partir das três cores
ficavaelevado.
Esquema RGBversus esquema CMYK
Com
oasfontesdecoresRGB emitemluz,este
v
t
i
i
p
b
o
r
a
n
d
t
e
e
c
q
o
u
r
ea
é
s
q
f
o
u
n
a
s
t
e
s
s
d
e
e
m
c
p
o
r
r
e
C
m
M
a
Y
i
s
K
.
b
r
i
l
h
a
n
t
e e
Quando uma imagem digital for impressa,
a
h
p
a
r
v
e
s
r
e
á
n
t
a
s
d
e
m
o
p
n
r
o
e
e
c
u
r
ã
m
(
a
c
o
r
d
a
i
s
d
c
i
r
t
e
i
v
p
a
â
)
n
e
c
i
ai
m
e
n
p
t
r
r
e
e
s
s
ã
o
nopapel(corsubtrativa).
A linha azul representa a zona do espectro
colorido representada pelo esquema CMYK,
a linha amarela representa a zona
representada pelo esquema RGB. Como se
verifica ambos não são coincidentes e, mais
importante, nenhum atinge o alcance do
espectro do olho humano (totalidade do
esquema).
Teoria das caores
Com
plementaridadesdecores
Umacorcomplementardeumadeterminadacorprimariaéacor
queseencontraquandoéefetuadaumarotaçãode180ºnumanel
decor
.
NomodeloRGBestascores complementaressãotambémchamadas
coressecundáriasoucoresprimáriasdeimpressão.
Primária Complementar
Vermelho (Red) Ciano( Cyan)
Verde (Green) Magenta(Magenta)
Azul(Blue) Amarelo(Yellow)

Mais conteúdo relacionado

Semelhante a Aula 4,5,6 (2).pptx

AULA SOBRE IMAGEM NO POWERPOINT - AULA43
AULA SOBRE IMAGEM NO POWERPOINT - AULA43AULA SOBRE IMAGEM NO POWERPOINT - AULA43
AULA SOBRE IMAGEM NO POWERPOINT - AULA43virginia895635
 
Glossário imagens digitais
Glossário imagens digitaisGlossário imagens digitais
Glossário imagens digitaisluclafox
 
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
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
Fundamentos da Imagem Digital
Fundamentos da Imagem DigitalFundamentos da Imagem Digital
Fundamentos da Imagem DigitalFabiane Queiroz
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designvictorgarcez
 
Tech análise de pixels em fraudes digitais
Tech   análise de pixels em fraudes digitaisTech   análise de pixels em fraudes digitais
Tech análise de pixels em fraudes digitaisCarlos Goldani
 
Teoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas DigitaisTeoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas Digitaisesdsprojectox
 
Glossário do designers
Glossário  do designersGlossário  do designers
Glossário do designersAlan Pereira
 
Informática Aplicada - Introdução
Informática Aplicada - IntroduçãoInformática Aplicada - Introdução
Informática Aplicada - IntroduçãoMarcio Duarte
 

Semelhante a Aula 4,5,6 (2).pptx (20)

AULA SOBRE IMAGEM NO POWERPOINT - AULA43
AULA SOBRE IMAGEM NO POWERPOINT - AULA43AULA SOBRE IMAGEM NO POWERPOINT - AULA43
AULA SOBRE IMAGEM NO POWERPOINT - AULA43
 
Glossário imagens digitais
Glossário imagens digitaisGlossário imagens digitais
Glossário imagens digitais
 
Unidade4 Parte I
Unidade4   Parte IUnidade4   Parte I
Unidade4 Parte I
 
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
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Modelos de Cor
Modelos de Cor Modelos de Cor
Modelos de Cor
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
Fundamentos da Imagem Digital
Fundamentos da Imagem DigitalFundamentos da Imagem Digital
Fundamentos da Imagem Digital
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
RADIOLOGIA DIGITAL
RADIOLOGIA DIGITALRADIOLOGIA DIGITAL
RADIOLOGIA DIGITAL
 
Apresentação1[1]
Apresentação1[1]Apresentação1[1]
Apresentação1[1]
 
Tech análise de pixels em fraudes digitais
Tech   análise de pixels em fraudes digitaisTech   análise de pixels em fraudes digitais
Tech análise de pixels em fraudes digitais
 
Teoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas DigitaisTeoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas Digitais
 
Glossário do designers
Glossário  do designersGlossário  do designers
Glossário do designers
 
Informática Aplicada - Introdução
Informática Aplicada - IntroduçãoInformática Aplicada - Introdução
Informática Aplicada - Introdução
 
Imagens
ImagensImagens
Imagens
 
Aplicaçoes unidade 4
Aplicaçoes unidade 4Aplicaçoes unidade 4
Aplicaçoes unidade 4
 

Aula 4,5,6 (2).pptx

  • 1. Oficina Multimédia 12º AV1 Sumário Imagensdigitais:atributoselementares Teoriadacoraplicadaaossistemasdigitais: Modeloaditivoesubtrativo; Esquem asRGBeCM YK; Complem entaridadedascores.
  • 2. Como podem ser apresentadas as imagens?  Docum entosim pressos  Docum entoseletrónicos  Im agensdigitais  Menosdispendioso  Facilidadedearmazenam ento  Reutilização.
  • 3. O que são imagens digitais?  Algoquesepodevernoecrã;  Algoquesepodem anipularnoPC;  Algoquesepodeim prim ir;  Podemserarmazenadasemváriossuportesde armazenamento;  PodemserapresentadasnaInternet;  Etc.
  • 4. Origem das imagens digitais?
  • 5. Atributos elementares das imagens? Resoluçãodeumaimagem ; Uma imagem digital éconstituída por pixéis (píxel – picture element). O pixel, normalmente um quadrado, é a unidade elementardebrilhoecorqueconstitui umaimagemdigital. Assim , a definição de resolução de uma imageméentendida comoaquantidadedepixéisporpolegada,ppi(pixelsperinch) oupelasdimensõesdamesmaempixéis(larguraxaltura).
  • 6. Atributos elementares das imagens?  Resoluçãoetam anho  A resoluçãodeumaimagemdigitaldeterminanãosóonível dedetalhecomo os requisitos de armazenamento da mesma. Quanto maior a resolução de umaimagemmaiorseráotamanhodoficheirodearmazenamento.  O nível de detalhe de uma imagem depende da informação de cada pixel. Cadapixelécodificadodeacordocomacoreobrilhoquerepresenta.  Exemplo:
  • 7. Atributos elementares das imagens?  A resolução de uma impressora ou scanner, éespecificada por pontos por polegada (dpi-dots per inch) e não por pixels.  O n.º de pontos por polegada (dpi) de uma impressora permite saber o tamanho real dessa imagem, quando for impressa.  Aocontrário dospixels, ospontos(dots) nãopodemvariar detamanho.  AresoluçãodeimpressãoédadaemDPIs.
  • 8. Atributos elementares das imagens?  A resolução m ede-seemdpi (dots per inch) – quando nosreferimosahardware- ouemppi(pixelsperinch)- quando nos referim os ao nº de pixels por polegada de um aimagemdigital.
  • 9. Atributos elementares das imagens? ProfundidadedaCor A profundidadedecorindicaonumerodebitsusadospararepresentara cor de um pixel numa imagem. Este valor é também conhecido por profundidadedopixeleédefinidoporbitsporpixel(bpp). A profundidade de cor das imagens varia com o numero de cores presentes na imagem. No modelo RGB, com a profundidade de 24 bits existe a possibilidade deescolher 16,7 milhões decombinações decores. Emboraoolhohum anonãopossaidentificar estes16,7m ilhõesdecores, estenumerodecombinaçõespermitevariaçõesténuesquedãoaimpressão deim agenscomaspetosmuitoreais. Nota:Parapreverotamanhoaproximadoqueumficheirodeimagemvaiocupar ,multiplica-seo n.ºdepixelsdaresolução(larguraxaltura)pelaprofundidadedopixel.
  • 10.
  • 11. Teoria da Cor Oconceitodecorestáassociadoàperceção,pelosistemadevisãodoserhumano, da luz emitida, difundida ou refletida pelos objetos, sendo considerada um atributodosm esmos. A cordeumobjetodependedascaraterísticasdasfontesdeluz queoiluminam, da reflexão da luz produzida pela superfície e, por ultimo, das caraterísticas sensoriaisdosistemadevisãohumano,osolhos,oudecamarasdigitais. A nãoexistência deluz implica quenadasevejae,portanto, anãoexistência de cor. A interpretaçãodascoreséfeitapelocérebrohumanodepoisdaluzatravessaraíris eserprojetadanaretina.
  • 13. Esquema RGB  RGB–Red,GreeneBlue  OesquemaRGBdescreveascorescomoumacombinaçãodastrêscores primárias:vermelho(Red),verde(Green)eazul(Blue).Ascoresprimáriasde ummodelosãocoresquenãoresultamdamisturadenenhum aoutracor.  Usa o modelo(1)aditivo – as cores são formadas pela soma da emissão de luzes. Num modelo aditivo a ausência de luz ou de cor corresponde à cor preta, enquanto que a mistura das cores vermelha, verde e azul indica a presençadaluzbrancaouacorbranca. (1)Osmodelosdecorfornecemmétodosquepermitemespecificarumadeterminadacor.Omodeloutilizadoparadescreverascores emitidasouprojetadaséconsideradoaditivoeparaascoresimpressaséconsideradosubtrativo.
  • 14. Esquema RGB  O esquema RGB é o utilizado nos ecrãs dos monitores e televisores.  Oíndicedecadacorpodevariarentre0e255.  Quandotodasastrês coresestãomisturadas (ou sejaa255) temos–com ooesquemaéaditivo… -acorbranca.  Quando estão todas a zero temos a cor negra (R=0, G=0, B=0).  As corespresentesnaspáginasw ebutilizamnorm almenteo modelo RGB, por forma a existir uma maior compatibilidade com todos os dispositivos que visualizam essaspáginas.
  • 15. Esquema CMYK  CMYK –Cyan,M agenta,YelloweBlack  UsaoM odelosubtrativo–ascoressãoformadasatravés daabsorçãodaluzpelospigm entos. Nummodelosubtrativo,aocontráriodomodeloaditivo, a mistura decorescriaumacormaisescura.Aausênciadecorcorrespondeao branco.
  • 16. Esquema CMYK  Maisutilizadonastipografiasenasimpressorasajatodetinta.  Cadacorpodeassumirumvalorentre0e100(%).  A cor branca é obtida com todas as cores a 0% - o esquema é subtrativo.  A cornegrapodeserobtidapelamisturadociano,amareloe magenta. Mascomooresultadodetalmistura,devidoaimperfeições natinta, seria um castanho escuro esverdeado, surgiu a necessidade de acrescentarum aquartacor,opreto.  Outras razões para o acrescento do preto são o facto de quando se imprimisse a preto o papel ficar muito húmido, etambém, como o preto é muito utilizado, o custo de o criar a partir das três cores ficavaelevado.
  • 17. Esquema RGBversus esquema CMYK Com oasfontesdecoresRGB emitemluz,este v t i i p b o r a n d t e e c q o u r ea é s q f o u n a s t e s s d e e m c p o r r e C m M a Y i s K . b r i l h a n t e e Quando uma imagem digital for impressa, a h p a r v e s r e á n t a s d e m o p n r o e e c u r ã m ( a c o r d a i s d c i r t e i v p a â ) n e c i ai m e n p t r r e e s s ã o nopapel(corsubtrativa). A linha azul representa a zona do espectro colorido representada pelo esquema CMYK, a linha amarela representa a zona representada pelo esquema RGB. Como se verifica ambos não são coincidentes e, mais importante, nenhum atinge o alcance do espectro do olho humano (totalidade do esquema).
  • 18. Teoria das caores Com plementaridadesdecores Umacorcomplementardeumadeterminadacorprimariaéacor queseencontraquandoéefetuadaumarotaçãode180ºnumanel decor . NomodeloRGBestascores complementaressãotambémchamadas coressecundáriasoucoresprimáriasdeimpressão. Primária Complementar Vermelho (Red) Ciano( Cyan) Verde (Green) Magenta(Magenta) Azul(Blue) Amarelo(Yellow)