Upload
hakhanh
View
217
Download
0
Embed Size (px)
Citation preview
Editores Gráficos
Aula 1
UFSMCOLÉGIO AGRÍCOLA DE FREDERICO WESTPHALEN
OPERADOR DE COMPUTADOR - PRONATEC
Cores e Sistemas de Cores
O que é cor???
Podemos definir cor como a sensação que aação da luz provoca sobre nosso órgão davisão.
A cor é decorrência da interação dos raiosluminosos com a superfície de um objeto.
Como percebemos Cor ? Estudos realizados com superposição de luzes mostraram
que todas as cores do espectro visível poderiam serrepresentadas como uma soma de 3 cores primárias, devidoao sistema visual humano.
Protanopia - deficiências com a corvermelha
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)
Pronatopia
Tritanopia
Teste
Percepção de Cor
Uma imagem, duas interpretações.
Desafio 4
Modelo RGB
O monitor do computador cria cores emitindo luzdiretamente, utilizando o sistema RGB.
Controlando precisamente a intensidade dos pontos quecompõem cada tríade, é possível criar inúmeras cores.
Como os pontos que compõem cada tríade são muitopequenos para serem vistos individualmente, os nossosolhos nos enganam e as três cores primárias emitidaspelos três pequenos pontos nos parecem misturadas,compondo uma só.
A cor resultante dependerá das intensidades de cadauma das cores primárias.
Modelo CMYK
O sistema de cores CMYK é utilizado nas impressorasde 4 cores, como as que impressoras a jato de tintapor exemplo.
Na teoria, segmentos puros de ciano (C), magenta (M)e amarelo (Y) devem ser combinados para absorvertodas as cores e produzir preto.
Como as tintas de impressão contém algumasimpurezas, essas três tintas, na verdade, produzemum marrom escuro e devem ser combinadas com tintapreta (K) para produzir um preto verdadeiro.
RGB
CMYK
Formatos de imagens digitais
Imagens Digitais – Bitmap X Vetorial
Uma imagem digital é a representação de uma imagembidimensional usando números binários codificados de modo apermitir seu armazenamento, transferência, impressão oureproduçã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 conhecidoscomo arte orientada a objeto) são CorelDRAW, Illustrator,Freehand, RealDraw, Xara , Inkscape, entre outros.
Imagens bitmap - Matricial
Na representação matricial, a imagem é descrita porum conjunto de células em um arranjo espacialbidimensional (matriz).
A informação gráfica é representada por uma matrizbidimensional de m linhas por n colunas.
Cada célula da matriz representa ospixels da imagem matricial.
Imagens bitmap - Matricial Vejamos um simples exemplo, ao criar um círculo preto com 20
pixels de diâmetro. O computador registra este arquivo pelagravação da exata localização e cor de cada pixel. Ocomputador 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
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 é capazde ver cada pixel individualmente, ficando então com apercepção de uma imagem com suaves gradações.
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
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 janelasdaqueles apartamentos no horizonte.O panorama precisou de duas câmeras Sony A900s de25 megapixels, lentes Minolta 400mm e dois dias defotografia e pós-processamento.
http://70gigapixel.cloudapp.net/
Imagens Vetorial Imagem vetorial é um tipo de
imagem gerada a partir deconstruções geométricas deformas, diferente das bitmap(mapa de bits) construídas poruma unidade básica.
Uma imagem desenvolvida emum programa vetorial écomposta por curvas, elipses,polígonos, texto, entre outroselementos, isto é, utilizamvetores matemáticos para suadescrição.
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
Formato Vetorial
Vantagens das imagens vetoriais– Podemos modificar partes individuais da imagem
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
Bitmap X Vetorial
Bitmap X Vetorial
– Vetorização:
• primeira imagem é a fotografia (JPG) do cachorro, asegunda é uma vetorização com 20 níveis de cores e aterceira uma vetorização com 4 níveis de cores
Exemplo: matricial para vetorial
853kb
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.
ferramenta para brincar com as cores
http://www.psyclops.com/tools/rgb/ Co
res
Cores
Psicologia das Cores
Universidade Ferederal de Santa Maria
Operador deComputador - PRONATEC
Cores
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 é maiseficiente do que o preto/branco
◦ propicia melhor captação de memória
COR
Importante!!!!
O tipo empresa
Público alvo
Conhecimento Teórico
Percepção Consciente
Bom senso
Cores
Cores
Dificuldades
◦ Algumas cores podem causar desconforto visuale produzir o efeito de persistência (afterimage)
◦ A cor pode contribuir para confusão visual oucriar associações (negativas)
Cores 7
Cores
é o fenômeno (cores saturadas) onde os tons azuis parecem estar um pouco mais longe enquanto que os vermelhos parecem avançar.
Cromostereopsia
Cores
Simplicidade e Significado Poucas cores Cores pré-definidas quando possuem
significado popular:vermelho para Pare e verde para Seguir
Manter as associações comunsVermelho: significa perigo, erro, pare, fogoAmarelo: significa cuidado, aviso, atençãoAzul: significa frio, água
Diferenças culturais na associação de cores
Cores
◦ A sensação é o efeito psico-fisiológico sentido peloser humano
◦ Cada cor tem uma sensação associada e o usoinadequado da cor pode prejudicar a comunicação
◦ A sensação também pode variar em função docontraste, isto é, a cor de um texto ou objeto podeter sensação diferente conforme a cor do fundo datela
Efeitos Psicológicos das Cores
Cores
Sensação das cores
Vermelho:
◦ - é estimulante mental, aumentaa tensão muscular, a pressãosangüínea e o ritmo respiratório
◦ - é uma cor quente e que cansarapidamente
◦ Paixão, força, energia, amor, velocidade,liderança,alegria (China), perigo, fogo, raiva,revolução aviso de "pare"
Cores
◦ 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 17
◦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
Sensação das cores
Cores 18
◦ CIANO
tranqüilidadepazsossegolimpezafrescor
Sensação das cores
Cores
◦ MAGENTA
sofisticaçãosensualidadefeminilidade
Sensação das cores
Cores 20
◦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
Sensação das cores
Cores 21
◦ Laranja:aumenta a emotividade e acelera as pulsações, ligeiramentedá a sensação de bem estar e alegriacombina a intensidade e vitalidade do vermelho, com a alta visibilidade do amarelo
Energia, criatividade, equilíbrio,
entusiasmo, diversão
Sensação das cores
Cores
violeta:
◦apesar de ser deprimente quando empregadasó, torna-se calmante quando em conjunto comoutras cores
espiritualidadecriatividaderealezasabedoria
Sensação das cores
Cores
◦ Branco:é símbolo de pureza e de pazem monitores é a cor que mais produz luz na telaPureza, reverência, paz, simplicidade,
Sensação das cores
Preto:é deprimente quando usada sóPoder, modernidade, sofisticação, formalidade, morte, medo,anonimato, raiva, mistério
Cores
CINZA
elegânciahumildaderespeitoreverênciasutileza
Cores
◦ algumas cores podem ser usadas apenas emalertas ou pequenos espaços; é o caso dovermelho, do preto e do roxo/violeta
◦ As cores exercem uma potente ação sobre ossentimentos e esta força real pode ser aproveitadacom fins de melhorar as funcionalidades eprodutividade.
Recomendações
Cores
Psicologia das cores
AZUL E PRETOTransmitem antipatia e desvalorizam oconteúdo da mensagem, pela sensação deabsurdo.
AZUL E BRANCOConferem harmonia de espírito, idéia dedoçura e generosidade.
Cores
Psicologia das cores
VERMELHO E AZULCausam a sensação de força espiritual, requinte edelicadeza, sendo muito empregadas no apelo devendas.
VERMELHO E AMARELOCriam sensações de insatisfação, contrasteacentuado de calor e impetuosidade.
AMARELO E VERDE
◦ Produz a sensação de eficácia.
◦ Visualmente, porém, não é uma combinaçãoagradável, causando a impressão de que "algoestá faltando".
�������� ����������� ���
V���������V�����������������
áá ������ m��������������� ����������������
������ ������������������������� ��������������������� ������������ ����������������������������������������������
������� ����m�� ����������m�� ���������
� ����������������������������� �������������
�����������������
V�� ��0��"�#�������V�� ��0��"�#�������
á V�� �������á u�������������������������� ���� ��!���������M������u������V�� �� '����m��m�����:������������������"�� ������!���!����������>������������������V�� ��(�
á �"�#��������á ��!���������`�� �����u������M�������� ���u�����������������������"�����������"�������@�� ����u��������������������&��� ���� ��!���������`�� �����u�������"�#���
������������������������������������
á �������� ���������/������������ � ��"�����������������������������������������������&����������������������� ��!�� �������������������� ��� ����������/�������� � ��"����������;����
á R���� . ���������!�� ������ ������=á ��������� . ������������������� �������=á V /��`���� /��. ��������������������� ���� ����������=
á ��������������;�,��������������������������� ������������ �����������!�=
á ����������� ; 3��������������������������������������������������������������=
á ������� . E��������!���:���� ������������ ����������� ���������������=
á ,����� . E������������ ���� ��������������!���� � � ������=
á &�"�� . M����&����������=á ���������������1�. ��������������� ���������� ���������������������� ���������F=
á �������������/������ ; G����������� ���������������������������������� ��������������;��������������������
�����>�����
á �������������/�������; ������������� ����������� ������������������ ���������������� ��������� ��������������"�� �������������������������� �������������!������;����
á G����� . ��������� ���!������������������������������ �������������
á ���#� ; *���������������� ������������ ����������������� � � �����������
á &�����������R���. �!��������������� ������ ����������������� ������M������ ��������������������������,� ���� ���� ��<���������"�� ������������
á �� ������������������; M��������������������� �������!�� �������� ����������������������
������,���
á ��������������� ; H��������� ��� �����,��������������������:�� �������������� ��=
á ���� ; 3��<������������������6������?=á ��2�'�; 3��<�����������������������)�������
������������������������á &����������. *�!������������� ���������������
������������=á {��� ��������� ���. � ����������������� ������6����
���������6�<�������=�á &����� . E��������� ������������������������������ ��
������=á ������� . G����������� �������������,�������
������"�� ���=á �� ����G������. u��������������������� ����������
������������� �=á '�� /� . M��������������������� ���������=á ��2�'��� �����. � ������������� �������������
������������������������ ���=á ��2�'���� ���� . ���������������������������
����� ��������������������� ���������=á &����������{��� . ������������������������
����������� �������� ������� �������
�����*�����
R�������� ������R�������� ������
á 1��/���� ��������������������������� � ����
������"�� �������������
á ��� ����� � ������� ������ �� ����� !�
�,� ������ �� ������ � ���� � ���!� ��
���"� R� ��� �� >�� ,� ������ 1��/ ��
����m� ��� ��� ������ ��� �� �� �� �����
����� �� � ��� ����� �� ����� ������ � �� ���"�
R��� �� ��� �� ����� �������� � �� �������� �
����� �� � ������
1��/��� �������������� ������������ �������� ���������� ������������������������R��������$��
á 1��/��� ��������������+�� �������R��������$� ��������������/����� ����������*��������+�������� �� � �� ������� �������������� ��
á ��������������� ; 3�����:������������������60������6��6�� 6��60������� �!�� ��6��G������������ �������������,�������!����� � � ������� ��� ��������������
á '����������� ; 3�����:������������������6������ ������6��6������ ���������6��� ������������ ����������������� �������� ����� �������
á V��$������ ����������� ; *����������������������������������� �������� ���� �� ������������
á ����������*��� ; u�������������������������������������������,�������������������������/����� ������������������,�������������������� ��������� ��������� ����������"�#������� ���������������6������� ��������6�
á V�������� ; ������� �������������������������������á G���/����#� ; 1��/��� �������������
����� � � �<����������������� �������&�� ����"��63�����������6�
á )����� ����� ; 3�����:����������������6������ ������6��0�!�������&�� ����"��60�������� ��6������ ���������� ��� �������<��������
á 3�������������� �����"�� �������������/��� �� ��������������������!���!�����������������R �����
á ��!����������R ��� ����� ���!� �� ��������� �����"�� ����������
á u���������������!�����/��������� �� �����������!��������"��'J(���������;��������������
á u� �,��� ������������� ����������� ���������!��������"��V#������ ������������������ ����������������>���������
á u������������������>���������á 3����� �����������!����`� ������
�� ��� ���>�� ,�� ��������1��/� ��������������������� ���������&��� �����������R �����
á u����������������!�����/��������� �� ����������������"��'J(������ ������;����<���������1��/��� ����������"��';(���������������� �������R ����
º��� ������������������������������������!����R����������� �����
����������������������������
á http://pt.scribd.com/doc/40861704/Aprenda-a-usar-o-PICASA
á
http://zip.net/bpk0HJ
á http://zip.net/byk0tK