20
Criação Gráfica Sistema de Cores

Criação Gráfica

Embed Size (px)

DESCRIPTION

Criação Gráfica. Sistema de Cores. Sistema de Cores RGB. RGB é a abreviatura do sistema de cores aditivas formado por Vermelho ( R ed), Azul ( B lue) e Verde ( G reen). É utilizado em meios que têm fundo escuro, como o monitor e a televisão . - PowerPoint PPT Presentation

Citation preview

Page 1: Criação Gráfica

Criação Gráfica

Sistema de Cores

Page 2: Criação Gráfica

Sistema de Cores RGBRGB é a abreviatura do sistema de cores aditivas formado por Vermelho (Red), Azul (Blue) e Verde (Green). É utilizado em meios que têm fundo escuro, como o monitor e a televisão.As cores são as complementares do sistema CMYK e a sua mistura forma a cor branca.

Page 3: Criação Gráfica

Tabela de Cores RGBO código RGB (Red - Green - Blue) informa a quantidade de luz vermelha, verde e azul que compõe a cor, respectivamente. Este valor é representado em número hexadecimal, onde os bytes que variam de 00 (ausência da cor) a FF (maior intensidade da cor), estão divididos em três grupos. Cada grupo pode variar até 256 tons da cor que ele representa. Os tons podem ser misturados com os tons de outras cores e o total de combinações possíveis é de 256 x 256 x 256 = 16.777.216. Exemplo:#FF0000 é vermelho#00FF00 é verde#0000FF é azul#000000 é preto (ausência das cores)#FFFFFF é branco (a soma de todas elas)

Page 4: Criação Gráfica

Sistema de Cores CMYKCMYK é a abreviatura do sistema de cores subtrativas formado por Ciano (Cyan), Amarelo (Yellow), Magenta (Magenta), e Preto (blacK). É utilizado em meios que têm fundo branco, como as impressões em papel. CMY é a mesma coisa, porém sem a cor preta. O resultado da sobreposição das três cores, na impressão gráfica, é uma cor intermediária entre o cinza e o marrom; por isso mesmo considera-se o preto a quarta cor primária.

Page 5: Criação Gráfica

Observação ImportanteA exibição correta das cores depende da capacidade do vídeo onde serão vistas. Poucos sistemas têm capacidade de mostrar mais que 65.536 cores simultâneas.Se seu browser não suporta algumas cores, você não poderá ver a amostra da cor perfeitamente. Por este motivo, as cores exibidas podem variar de sistema para sistema, dependendo de diversos fatores de software e hardware.

Page 6: Criação Gráfica

Exemplo:

Imagem com 24bits = 24 bits por pixel de imagem

1 bit = 2 cores (ex.preto e branco) 8 bit = 256 cores (ex.tons de cinza) 16 bit = 65.536 cores 24 bit = 16.777.216 cores

Page 7: Criação Gráfica

Dicas de Sites:http://www.geocities.com/ensinandohtml/cores_html.htm

http://www1.uol.com.br/images/coresrgb.htm

http://www.ufpa.br/dicas/html-cor.htm

http://www.cultura.ufpa.br/dicas/htm/htm-cor1.htm

Cores Combináveis: Importantehttp://www.superdicas.com.br/html/cores_combinam.asp

Page 8: Criação Gráfica

Paleta VGANOME PADRÃO CÓDIGO NOME PADRÃO CÓDIGO

 red ff0000 maroon 800000

 lime 00ff00  green 008000

 blue 0000ff  navy 000080

 yellow ffff00  olive 808000

 aqua 00ffff  teal 008080

 fuchsia ff00ff  purple 800080

 white ffffff  silver c0c0c0

 black 000000  gray 808080

Page 9: Criação Gráfica

Formato de ImagensJPEGO formato JPEG, é um dos mais populares, principalmente para fotos na Web. Ele tem duas características importantes:* A primeira é que o JPEG utiliza um esquema de compressão que sofre uma perda de qualidade ajustável, muita compressão, muita perda, pouca compressão, pouca perda.* Um detalhe importante é que se uma foto em JPEG for aberta e depois salva novamente, cada vez que é salva torna a ser comprimida, o que gera mais perda. Portanto, a perda de qualidade é acumulativa. Uma recomendação quando se trabalha com imagens em JPEG é salvar um original em TIFF, e somente no momento de disponibilizá-la para WEB gravar a imagem em JPEG.

Page 10: Criação Gráfica

Novos FormatosO formato de imagem JPEG pouco tem mudado desde que surgiu. Contudo, recentemente se trabalhou num novo projeto de formato JPEG pelo Digital Imaging Group (DIG).O novo formato JPEG tem 20% a mais de compressão com menos perda de qualidade, ou seja, ficou ainda melhor. Contudo, ainda não está sendo utilizado pelos softwares mais importantes. Sua extensão pode ser J2K ou JP2

Page 11: Criação Gráfica

Formato de ImagensTIFF

O formato TIFF (Tag Image File Format), foi originalmente desenvolvido para salvar imagens capturadas por scanners e para uso em programas editores de imagens. Este formato, sem compressão e sem perda de qualidade, é largamente aceito e praticamente reconhecido por qualquer software e sistema operacional, impressoras, etc. Além disso, é o formato preferido para aplicações em editoração eletrônica.

Page 12: Criação Gráfica

Formato de ImagensGIFO formato GIF é amplamente usado na Internet, mas principalmente para artes e desenhos, não para fotografias. Este formato armazena apenas 256 cores numa tabela chamada “palette”. Contudo, em termos de fotografia, podemos deixá-lo de lado a não ser que se pretenda exibir uma animação.Outra característica importante é que o fundo pode ser transparente, para isso é preciso especificar que cor da tabela será assim considerada; quando o browser abrir a imagem, substituirá a cor selecionada como transparente pelo que estiver sendo apresentado na janela do browser sob a imagem. Quanto à animação, uma imagem em GIF consegue simular um pequeno filme, o que pode tornar interessante para uso com fotos. Só que a resolução tem que ser baixíssima, e a qualidade muito ruim, já que apenas 256 cores serão apresentadas (ou até menos). Caso contrário, será muito demorado de carregar a imagem e o visitante pode se desinteressar

2kb

Page 13: Criação Gráfica

Modelos de Criatividade

Page 14: Criação Gráfica
Page 15: Criação Gráfica

Textos:* Brinquedo só no Natal. Bife de fígado toda semana. E depois você se pergunta por que há tanta criança traumatizada no mundo... (Brinquedos Estrela)

* Economizar no vestuário não significa andar trinta anos com a mesma roupa (mensagem acompanhada de uma foto de Fidel Castro). (Cartão de crédito Fashion Clinic)

* Cuidado. Nesta época do ano os anúncios estão cheios de ding dings, blén bléns e ho ho hos. Mas o que eles querem mesmo é o seu décimo terceiro. (Citibank)

* Beba-o com respeito. É provável que ele seja mais velho que você. (Conhaque Martell)

Page 16: Criação Gráfica

Textos:* Ame-os e deixe-os. (Creche em Minneápolis)

* Não servimos almoço. Levamos o dia inteiro para preparar o seu jantar. (D'Amico Cucina)

* Quando uma menina vira mulher, os homens viram meninos. (Lingerie Valisère)

* Cabem 18 crianças, lógico, se o motorista for surdo. (Perua Hi Topic Asia)

* A crítica adorou. Mas pode assistir que é bom. (Semp Toshiba)

* Nossos clientes nunca voltaram para reclamar. (Outdoor de uma casa de serviços funerários)

Page 17: Criação Gráfica

Criatividade:

* Não temos música ao vivo. Sorte sua. (Outdoor do Taco Del Maestro, restaurante de comida mexicana)

Page 18: Criação Gráfica

Criatividade:

Page 19: Criação Gráfica

                                                                                                                                             

Page 20: Criação Gráfica