quarta-feira, 29 de fevereiro de 2012

Livro - Manual de Identidade Visual

pessoal segue abaixo a referência do livro que trouxe sobre criação de manual de identidade visual


Manual de identidade visual: Guia para construção



Editora: 2AB Editora
Autor: Marca:Munhoz, Daniella Michelena




o link do site da editora é esse 


http://www.2ab.com.br/manual-de-identidade-visual-guia-para-construcao-p543/






Recomendadíssimo

quinta-feira, 13 de outubro de 2011

Livro Principios Universais do Design

E ai pessoal, seguindo o pedido do pessoal estou colocando a indicação de leitura. O livro é da editora Bookman e se chama "Os Principios Universais do Design" ... recomendadíssimo ... segue abaixo a imagem da capa
abs

segunda-feira, 26 de setembro de 2011

Banco de Imagens

Opa e ai pessoal, segue abaixo dois sites muito bons de banco de imagens, onde vcs encontram imagens com ótimas resoluções gratuitamente, para uso tanto em composições para impressão ou para a web

www.sxc.hu (tem que fazer um registro, mas é gratuito)
www.morguefile.com (esse é só colocar o tema e baixar a imagem

segunda-feira, 19 de setembro de 2011

Teoria de imagens computacionais

RGB e CMYK

No decorrer do estudo da computação gráfica, teremos contato com vários sistemas de cores tais como RGB, CMYK, Lab e HSL, porém os dois sistemas mais utilizados são o sistema RGB e o CMYK. O sistema RGB é um sistema chamado de COR-LUZ, devido ao fato de ser derivado diretamente da decomposição da luz. É um sistema que vamos utilizar sempre que queremos trabalhar com imagens com saídas para a tela, ou seja, imagens que servirão para artes que não serão impressas, como uma imagem que utilizaremos para utilizar na composição de uma animação ou para composição com saída para vídeo ou web. Ele é formado por três canais (Red, Green e Blue) e sua notação é especificada por valores entre 0 e 255 em cada canal, ou seja 256 variações para cada canal, contando o 0 como um valor. Na mistura dessas variações, temos 2563 = 16,7 milhões de variações tonais, por isso seu sistema é chamado de sistema aditivo por adicionar e somar partes da luz., notação praticamente impossível de ser gravada, por isso requer uma notação que associe a cada tom, um valor especifico, objetivando o sistema e possibilitando um linguagem precisa que possa ser comunicada pelo computador, pois, quando estamos usando um sistema lógico, não podemos  classificar as cores como informalmente fazemos, quando designamos cores como azul-bebê ou verde-montanha, que pode trazer múltiplas compreensões.
O CMYK é um sistema de cor chamado de COR-PIGMENTO. Conhecido como quadricromia, ele envolve o Ciano, Magenta, Amarelo e o pigmento adicional preto (Black). Por ser um sistema que é criado através da composição por pigmentos, é utilizado como um sistema para saída impressa de artes produzidas no computador. Sua notação é definida de 0 a 100. O sistema funciona representando a parte da luz que não é absorvida, por isso chamado de sistema  subtrativo de cores, por ter essa característica.

Pixel X Vetor

Quando falamos de imagens geradas pelo computador, temos dois tipos de componentes principais que formam sua estrutura: O vetor e o Pixel. No Photoshop, a maioria das imagens que trabalharemos são imagens formadas por uma grade de Pixels. O pixel é uma unidade absoluta, sendo assim, uma imagem gerada por esse sistema sofrerá danos em sua resolução quando for redimensionada. Imagens formadas pelo sistema vetorial, possuem um comportamento dinâmico quanto a sua dimensão, por isso, sempre que você ajusta seu tamanho, automaticamente é recalculado sua nova proporção, fazendo com que sua resolução nunca seja danificada.
Nº de Bits
Um pixel tem largura, altura e profundidade. Essa profundidade é definida pela quantidade de cores que um pixel pode representar. A esse aspecto, damos o nome de profundidade de bits. Se temos uma imagem com apenas um bit de profundidade, teremos imagem apenas com duas cores, pois um bit para a lógica do computador pode ser representado como 0 ou 1, traduzindo para termos visuais, temos a possibilidade de representação de 2 cores. Se tenho uma imagem com 8 bits de profundidade o sistema GIF ou uma imagem com o sistema de cor em  Grayscale (tons de cinza) , teremos a possibilidade de representar 256 variações de cores ou tons. Isso se dá porque o computador trabalha com base 2, e portanto teremos os valores elevados a essa base, no caso 28 (2x2x2x2x2x2x2x2 = 256). No sistema RGB, temos 8 bits para cada canal, ou seja, 256 para Red, 256 para Green e 256 para Blue, somando ao todo 24 bits (8+8+8=24).

Tamanho da imagem

Para definir o tamanho da imagem, o computador leva em consideração três propriedades da imagem. O primeiro é seu valor de largura em pixel, o segundo seu valor de altura também em pixel, e por último sua profundidade em bits.

Tamanho da Imagem = Largura X Altura X nº de bits
Por exemplo,  se tenho uma imagem com em proporção 4:3 (QUATRO POR TRÊS) com 1024 X 768, (1024 pixels de largura por 768 de altura),




multiplicamos esse valor pelo o nº de bits que formam a imagem.
1024 X 768 X 24 = 18874368
Esse resultado é o valor em bits da imagem. Para convertermos gradativamente temos:
1 byte = 8 bits, portanto
18874368 / 8 = 2359296
Esse valor representado é em bytes. Para transformarmos de Bytes para Kilobytes, dividimos por 1024. Portanto,
2359296 / 1024 = 2304
Por último, para convertermos em Megabytes, pegamos o valor em Kilobytes e dividimos por 1024 novamente.
2304 / 1024 = 2,25
Exatamente o valor que o Photoshop nos mostra quando abrimos uma imagem e em seguida vamos no menu Image > Image Size como mostrado abaixo


Tamanho ideal
Quando tiramos uma foto com um câmera digital, temos sempre a questão a saber qual o tamanho vai ficar se resolvermos imprimir a foto. Há algumas variáveis quanto a isso, pois quanto maior o tamanho que quisermos imprimir menor será sua resolução, por exemplo, se tirar uma foto com uma câmera que capta 12 megapixels ou seja, 12 milhões de pixels, poderei fazer uma imagem na proporção 4:3 de 4000 x 3000 pixels. Se quero imprimir essa imagem com uma melhor resolução, por exemplo, em 300 dpis, (dots por inch = pontos por polegadas) terei 4000 / 300 = 13,3 e 3000 /300 = 10. Esse valor está em polegadas. Para que você obtenha o valor em centímetros, convertemos multiplicando por 2,53 que é o valor correspondente em centímetros de uma polegada, ou seja 1 polegada = 2,53 cm. Assim, temos
13,3 polegadas X 2,53 = 33,73333333333333 cm
10 polegadas x 2,53 = 25,3 cm
Portanto, podemos imprimir uma imagem de 33 x25 na resolução de 300 dpi
Se imprimirmos em uma resolução mais baixa como 200 dpi, o que perfeitamente recomendável, podemos imprimir em 50cm x 37,9.