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

Transcrição

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 CMYK RGB

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.

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 BMP GIF JPEG PNG PCX TGA Compressão Nenhuma/RLE LZW JPEG RLE Nenhuma/RLE 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 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 Cores Diferenças culturais na associação de 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 violeta: Sensação das cores 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

67

68

69

70

71

72

73

74

75