UFSM COLÉGIO AGRÍCOLA DE FREDERICO WESTPHALEN OPERADOR DE COMPUTADOR - PRONATEC. Editores Gráficos. Aula 1

Texto

(1)UFSM COLÉGIO AGRÍCOLA DE FREDERICO WESTPHALEN OPERADOR DE COMPUTADOR - PRONATEC. Editores Gráficos Aula 1.

(2) Cores e Sistemas de Cores O que é cor??? . Podemos definir cor como a sensação que a ação da luz provoca sobre nosso órgão da visão.. . A cor é decorrência da interação dos raios luminosos com a superfície de um objeto..

(3) Como percebemos Cor ? . Estudos realizados com superposição de luzes mostraram que todas as cores do espectro visível poderiam ser representadas como uma soma de 3 cores primárias, devido ao sistema visual humano..

(4) .   . Protanopia - deficiências com a cor vermelha Deuteranopia - deficiência com a cor verde Tritanopia- deficiência com a cor azul( Rod monocromia ou Acromia- deficiencia com todas as cores(muito raro).

(5) Pronatopia.

(6) Tritanopia.

(7) Teste.

(8)

(9)

(10)

(11)

(12)

(13) Percepção de Cor.

(14) Uma imagem, duas interpretações..

(15) Desafio 4.

(16) Modelo RGB . O monitor do computador cria cores emitindo luz diretamente, utilizando o sistema RGB.. . Controlando precisamente a intensidade dos pontos que compõem cada tríade, é possível criar inúmeras cores.. . Como os pontos que compõem cada tríade são muito pequenos para serem vistos individualmente, os nossos olhos nos enganam e as três cores primárias emitidas pelos três pequenos pontos nos parecem misturadas, compondo uma só.. . A cor resultante dependerá das intensidades de cada uma das cores primárias..

(17)

(18) Modelo CMYK . O sistema de cores CMYK é utilizado nas impressoras de 4 cores, como as que impressoras a jato de tinta por exemplo.. . Na teoria, segmentos puros de ciano (C), magenta (M) e amarelo (Y) devem ser combinados para absorver todas as cores e produzir preto.. . Como as tintas de impressão contém algumas impurezas, essas três tintas, na verdade, produzem um marrom escuro e devem ser combinadas com tinta preta (K) para produzir um preto verdadeiro..

(19)

(20) RGB. CMYK.

(21) Formatos de imagens digitais.

(22) Imagens Digitais – Bitmap X Vetorial . Uma imagem digital é a representação de uma imagem bidimensional usando números binários codificados de modo a permitir seu armazenamento, transferência, impressão ou reprodução, e seu processamento por meios eletrônicos.. . Há dois tipos fundamentais de imagem digital: bitmap e vetorial.. . Alguns programas mais conhecidos que criam arquivos bitmap (pixel) são: Adobe PhotoShop, Corel Photopaint, Corel Painter, Corel Paint Shop Pro, Gimp e outros.. . Já programas que criam arte vetorial (também conhecidos como arte orientada a objeto) são CorelDRAW, Illustrator, Freehand, RealDraw, Xara , Inkscape, entre outros..

(23) Imagens bitmap - Matricial . Na representação matricial, a imagem é descrita por um conjunto de células em um arranjo espacial bidimensional (matriz).. . A informação gráfica é representada por uma matriz bidimensional de m linhas por n colunas.. Cada célula da matriz representa os pixels da imagem matricial. .

(24) Imagens bitmap - Matricial . Vejamos um simples exemplo, ao criar um círculo preto com 20 pixels de diâmetro. O computador registra este arquivo pela gravação da exata localização e cor de cada pixel. O computador não tem idéia que isso é um círculo, somente que é um aglomerado de pequenos pontos.. Cada pixel tem uma coordenada, e o conteúdo deste pixel é gravado e salvo no arquivo.

(25) Imagens bitmap - Matricial . A imagem consiste em centenas de linhas e colunas de pequenos elementos. Cada elemento chama-se pixel (abreviatura de picture element). O olho humano não é capaz de ver cada pixel individualmente, ficando então com a percepção de uma imagem com suaves gradações..

(26) Imagens bitmap - Matricial . Vantagens do Formato Bitmap – Qualquer imagem pode ser gravada em bitmap • Imagens fotográficas, desenhos, formas. – Possui recursos de fácil manipulação e tratamento • PhotoShop, Gimp, etc.

(27) Imagens bitmap - Matricial . Desvantagens do Formato Bitmap – As imagens bitmap de alta resolução geram arquivos de tamanho muito grande. Curiosidade: A maior imagem do mundo (em resolução) é uma foto de 70 gigapixels de Budapeste, na Hungria, é tão gigantesca que você pode dar zoom nas janelas daqueles apartamentos no horizonte. O panorama precisou de duas câmeras Sony A900s de 25 megapixels, lentes Minolta 400mm e dois dias de fotografia e pós-processamento. http://70gigapixel.cloudapp.net/.

(28) Imagens Vetorial . Imagem vetorial é um tipo de imagem gerada a partir de construções geométricas de formas, diferente das bitmap (mapa de bits) construídas por uma unidade básica.. . Uma imagem desenvolvida em um programa vetorial é composta por curvas, elipses, polígonos, texto, entre outros elementos, isto é, utilizam vetores matemáticos para sua descrição..

(29) Formato Vetorial . Vantagens das imagens vetoriais – O tamanho do arquivo é menor pois é gravado em formato textual (ASCII) – Podemos aumentar o tamanho da imagem sem perda de resolução. Vetorial. Bitmap.

(30) Formato Vetorial . Vantagens das imagens vetoriais – Podemos modificar partes individuais da imagem.

(31) Formato Vetorial . Desvantagens das imagens vetoriais – Necessitam de tempo maior de processamento para “montar” a imagem – Nem todo o tipo de imagem pode ser representado neste formato.

(32)

(33) Bitmap X Vetorial.

(34) Bitmap X Vetorial – Vetorização: • primeira imagem é a fotografia (JPG) do cachorro, a segunda é uma vetorização com 20 níveis de cores e a terceira uma vetorização com 4 níveis de cores.

(35) Exemplo: matricial para vetorial.

(36) 853kb.

(37) Formato. Compressão. BMP. Nenhuma/RLE. GIF. LZW. JPEG. JPEG. PNG. RLE. PCX. Nenhuma/RLE. TGA. Nenhuma/RLE. TIFF/TIF. Packbits / CCITT g38.4 / RLR / JPEG / LZW / UIT-T. O formato PCX foi uma das primeiras tentativas da indústria de PCs em produzir uma padrão para troca e armazenamento de imagens. Um formato padrão de imagens era necessário para atender às necessidades de troca de informação entre os aplicativos em desenvolvimento na época..

(38)

(39)

(40)

(41)

(42) ferramenta para brincar com as cores  http://www.psyclops.com/tools/rgb/. . Cores.

(43) Universidade Ferederal de Santa Maria Operador deComputador - PRONATEC. Psicologia das Cores. Cores.

(44) COR Auxilia no processo de comunicação: ◦ ◦ ◦ ◦ ◦ ◦. enfatiza informações importantes identifica estruturas e subdivisões retrata objetos naturais de forma realista reduz erros de interpretação aumenta a compreensão e melhora a aparência visando o processo de aprendizado, a cor é mais eficiente do que o preto/branco ◦ propicia melhor captação de memória. Cores.

(45) Importante!!!!   .  . O tipo empresa Público alvo Conhecimento Teórico Percepção Consciente Bom senso. Cores.

(46) Dificuldades ◦ Algumas cores podem causar desconforto visual e produzir o efeito de persistência (afterimage) ◦ A cor pode contribuir para confusão visual ou criar associações (negativas). Cores.

(47) Cores. 7.

(48) Cromostereopsia é o fenômeno (cores saturadas) onde os tons azuis parecem estar um pouco mais longe enquanto que os vermelhos parecem avançar.. Cores.

(49) Simplicidade e Significado Poucas cores Cores pré-definidas quando possuem significado popular:  vermelho para Pare e verde para Seguir  Manter as associações comuns  Vermelho: significa perigo, erro, pare, fogo  Amarelo: significa cuidado, aviso, atenção  Azul: significa frio, água  Diferenças culturais na associação de cores  . Cores.

(50) Efeitos Psicológicos das Cores ◦ A sensação é o efeito psico-fisiológico sentido pelo ser humano ◦ Cada cor tem uma sensação associada e o uso inadequado da cor pode prejudicar a comunicação ◦ A sensação também pode variar em função do contraste, isto é, a cor de um texto ou objeto pode ter sensação diferente conforme a cor do fundo da tela Cores.

(51) . Vermelho:. ◦ - é estimulante mental, aumenta a tensão muscular, a pressão sangüínea e o ritmo respiratório ◦ - é uma cor quente e que cansa rapidamente. ◦ Paixão, força, energia, amor, velocidade, liderança,alegria (China), perigo, fogo, raiva, revolução aviso de "pare". Sensação das cores Cores.

(52) ◦ Amarelo:  estimulante mental, indicado para situações de calma e reflexão, diminui a fadiga visual, tendo ação calmante sobre o sistema nervoso  concentração, otimismo, alegria, felicidade, idealismo, riqueza (ouro). Sensação das cores Cores.

(53) Sensação das cores ◦ Azul  é calmante do sistema nervoso para pessoas emotivas  diminui o ritmo respiratório, por baixar a tensão muscular e a pressão sangüínea  inspira paz conservadorismo, tecnologia. Cores. 17.

(54) Sensação das cores ◦ CIANO. tranqüilidade paz sossego limpeza frescor. Cores. 18.

(55) Sensação das cores ◦ MAGENTA sofisticação sensualidade feminilidade. Cores.

(56) Sensação das cores ◦ Verde  tem destacado efeito calmante, dilatando os capilares, abaixando a pressão sangüínea  é eficaz contra a irritabilidade nervosa, a fadiga e a insônia é a mais repousante das cores simboliza a segurança, a continuidade e a natureza fertilidade, juventude, desenvolvimento, riqueza dinheiro (EUA), boa sorte. Cores. 20.

(57) Sensação das cores ◦ Laranja:.  aumenta a emotividade e acelera as pulsações, ligeiramente  dá a sensação de bem estar e alegria  combina a intensidade e vitalidade do vermelho, com a alta visibilidade do amarelo Energia, criatividade, equilíbrio, entusiasmo, diversão. Cores. 21.

(58) Sensação das cores . violeta: apesar de ser deprimente quando empregada ◦ só, torna-se calmante quando em conjunto com outras cores. . espiritualidade criatividade realeza sabedoria. Cores.

(59) Sensação das cores ◦ Branco:. é símbolo de pureza e de paz em monitores é a cor que mais produz luz na tela Pureza, reverência, paz, simplicidade,. Preto: é deprimente quando usada só Poder, modernidade, sofisticação, formalidade, morte, medo,anonimato, raiva, mistério Cores.

(60) . CINZA elegância humildade respeito reverência sutileza. Cores.

(61) ◦ algumas cores podem ser usadas apenas em alertas ou pequenos espaços; é o caso do vermelho, do preto e do roxo/violeta ◦ As cores exercem uma potente ação sobre os sentimentos e esta força real pode ser aproveitada com fins de melhorar as funcionalidades e produtividade.. Recomendações Cores.

(62) AZUL E PRETO Transmitem antipatia e desvalorizam o conteúdo da mensagem, pela sensação de absurdo.  AZUL E BRANCO Conferem harmonia de espírito, idéia de doçura e generosidade. . Psicologia das cores Cores.

(63) . . . VERMELHO E AZUL Causam a sensação de força espiritual, requinte e delicadeza, sendo muito empregadas no apelo de vendas. VERMELHO E AMARELO Criam sensações de insatisfação, contraste acentuado de calor e impetuosidade. AMARELO E VERDE ◦ Produz a sensação de eficácia. ◦ Visualmente, porém, não é uma combinação agradável, causando a impressão de que "algo está faltando".. Psicologia das cores Cores.

(64)

(65) .

(66) V á m . .

(67)

(68) .

(69) .

(70)

(71)

(72)

(73)

(74) .

(75) m

(76) m .

(77)

(78)

(79) .

(80) V

(81) 0 "#

(82) . á V

(83)

(84) . á u

(85) . .

(86) ! M u

(87) V

(88) 'm m :

(89) "

(90)

(91) . !! >

(92)

(93)

(94) V

(95) (. á "# . á.

(96) ! ` u

(97) M

(98) u

(99) . "

(100) " @

(101) u

(102) . &

(103)

(104)

(105) ! ` u

(106) "#.

(107) á

(108) . /. .

(109) " .

(110)

(111)

(112)

(113)

(114) . &

(115)

(116) !

(117) /

(118) .

(119) " ;.

(120) á R

(121) . ! =.

(122) >

(123) . á

(124) .

(125)

(126) = á V / ` / .

(127) á á. á á á á á. =

(128)

(129) ;, .

(130)

(131)

(132) ! =

(133)

(134)

(135) ; 3

(136)

(137)

(138)

(139)

(140) =

(141) . E !

(142) :

(143) .

(144) = ,

(145) . E

(146) . !

(147) = &"

(148) . M. & =

(149) 1 .

(150)

(151)

(152) .

(153)

(154) F= /

(155) ; G .

(156)

(157)

(158)

(159)

(160) ;

(161)

(162) .

(163)

(164) ,. á /

(165) ; . á á. á. á. . .

(166)

(167)

(168) .

(169)

(170) " .

(171)

(172)

(173) !

(174)

(175) ; G

(176) . !

(177)

(178) # ; *

(179)

(180)

(181)

(182) . &

(183) R . ! .

(184)

(185)

(186) M

(187)

(188) ,

(189) <

(190) "

(191)

(192) ; M

(193) ! .

(194) .

(195)

(196) *

(197) . á.

(198)

(199) ; H ,

(200) :

(201)

(202) =. á. ; 3 <

(203) 6

(204) ?=. á. 2 ' ; 3 <

(205)

(206)

(207) )

(208)

(209) . á. &

(210) . *!

(211)

(212) =. á. { .

(213)

(214)

(215)

(216) 6

(217) 6 < =. á. & . E

(218)

(219)

(220)

(221) . =. á.

(222) . G

(223) , " =. á.

(224) G . u

(225) .

(226) =. á. ' / . M

(227) =. á. 2 '

(228) .

(229)

(230)

(231)

(232) .

(233) =. á. 2 ' .

(234)

(235)

(236)

(237) =. á. &

(238) { .

(239)

(240)

(241)

(242)

(243) .

(244) R á 1 /

(245)

(246)

(247) . " á

(248)

(249) !. ,

(250)

(251) .

(252)

(253) ! " R > , 1 / . m

(254)

(255)

(256) " R

(257)

(258) .

(259) 1 / .

(260)

(261)

(262)

(263) .

(264) R $ .

(265) á. á. á. á á. á á. á. 1 /

(266) +

(267) R $ /

(268) * +

(269) .

(270)

(271)

(272) ; 3

(273) : 60

(274) 6 6 6 60

(275) ! 6 G. .

(276) , !

(277) . . ' ; 3

(278) : 6

(279) . 6 6

(280) 6

(281)

(282)

(283) V$ ; *

(284) * ; u

(285)

(286) ,

(287) /

(288) . ,

(289) "#

(290) 6

(291)

(292) 6 V

(293) ;

(294)

(295)

(296)

(297) G / # ; 1 / .

(298) <

(299) & " 63 6 )

(300) ; 3

(301) : 6

(302) . 6 0 !

(303) & " 60 6

(304)

(305) < .

(306) á 3

(307) " . /

(308)

(309)

(310) !!.

(311) R á á. á. á á. á.

(312) !

(313) R !

(314)

(315) " u

(316) ! /

(317) .

(318)

(319)

(320) ! " 'J(

(321)

(322) ; u ,

(323)

(324)

(325) .

(326) ! " V#

(327) .

(328)

(329)

(330) >

(331)

(332) u

(333) >

(334)

(335) 3

(336)

(337)

(338) !. `

(339) > , 1 /

(340)

(341)

(342)

(343) &

(344)

(345)

(346) R u

(347)

(348) ! /

(349) .

(350)

(351) " 'J(

(352)

(353) ; < 1 / " ';( .

(354)

(355) R . º

(356)

(357)

(358)

(359) !. R .

(360)

(361) . á http://pt.scribd.com/doc/40861704/Aprenda-a-usar-o-PICASA. http://zip.net/bpk0HJ á á http://zip.net/byk0tK.

(362)