UFSM - andersonmoro.yolasite.comandersonmoro.yolasite.com/resources/aula 1 - editores...

Preview:

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