Computação gráfica Computação gráfica para designerspara designers

AndreiGabrielPaulo Victor

Dois planetas, muitos problemas...Dois planetas, muitos problemas...

Filme TronFilme TronMostra a necessidade de Mostra a necessidade de se adaptar a se adaptar a circunstâncias adversas e circunstâncias adversas e entender as leis de um entender as leis de um outro planeta: o Planeta outro planeta: o Planeta Digital.Digital.

Softwares mais potentes Softwares mais potentes e interfaces amigáveis e interfaces amigáveis distanciaram o usuário distanciaram o usuário atual dos conflitos citados atual dos conflitos citados no filme Tron.no filme Tron.

Planeta Material: todo ambiente fora do Planeta Material: todo ambiente fora do computador onde teremos que nos relacionar computador onde teremos que nos relacionar com a imagem (mídia impressa, fotografias etc).com a imagem (mídia impressa, fotografias etc).

Planeta Digital: vai se limitar à imagem já no Planeta Digital: vai se limitar à imagem já no computador e, portanto, obedecendo às leis que computador e, portanto, obedecendo às leis que regem este ambiente.regem este ambiente.

As diferenças do Planeta Material para o As diferenças do Planeta Material para o Planeta Digital vão aparecer quando tentarmos Planeta Digital vão aparecer quando tentarmos passar “algo” de um planeta para o outro.passar “algo” de um planeta para o outro.

ex: quando digitalizamos ou imprimimos uma ex: quando digitalizamos ou imprimimos uma imagem.imagem.

País Vetorial e País Mapa de BitsPaís Vetorial e País Mapa de Bits

Dentro do Planeta Digital Dentro do Planeta Digital podemos falar de dois podemos falar de dois países: o país vetorial e o países: o país vetorial e o país mapa de bits.país mapa de bits.

País Mapa de Bits: neste País Mapa de Bits: neste ambiente a imagem é ambiente a imagem é construída a partir de uma construída a partir de uma coleção de pontos coleção de pontos individuais (bits).individuais (bits).

País Vetorial: a imagem é País Vetorial: a imagem é formada a partir de um formada a partir de um vetor que possui diretrizes vetor que possui diretrizes em função dos três eixos em função dos três eixos (x,y e z).(x,y e z). As variações dos valores As variações dos valores nestes três eixos que vão nestes três eixos que vão construir um objeto e construir um objeto e posicioná-lo em relação posicioná-lo em relação ao espaço. ao espaço.

O País Mapa de BitsO País Mapa de Bits

Como o pixel é a menor unidade da imagem Como o pixel é a menor unidade da imagem mapa de bits, ele acabou por se constituir como mapa de bits, ele acabou por se constituir como unidade de medida do Planeta Digital.unidade de medida do Planeta Digital.

Profundidade de bits: para o pixel poder variar Profundidade de bits: para o pixel poder variar em mais de duas cores foram colocados mais em mais de duas cores foram colocados mais bits “atrás” de cada pixel. É como se bits “atrás” de cada pixel. É como se aumentássemos a profundidade do pixel em aumentássemos a profundidade do pixel em função da quantidade de bits.função da quantidade de bits.

Fórmula para saber a quantidade de cores Fórmula para saber a quantidade de cores possíveis para um pixel: possíveis para um pixel:

2º = número de cores2º = número de cores

O = profundidade de bitsO = profundidade de bits

True Color – imagem com 24 bits de True Color – imagem com 24 bits de profundidade.profundidade.

Cores indexadas – imagens com menos que 24 Cores indexadas – imagens com menos que 24 bits.bits.

Grayscale – imagem com 8 bits de Grayscale – imagem com 8 bits de profundidade.profundidade.

O Planeta Digital trabalha com a O Planeta Digital trabalha com a síntesesíntese cromática cromática aditiva. aditiva.

Na síntese aditiva, todas as cores juntas formam Na síntese aditiva, todas as cores juntas formam o branco e a ausência delas equivale ao preto. o branco e a ausência delas equivale ao preto. Nela, as cores básicas são o verde, azul e o Nela, as cores básicas são o verde, azul e o vermelho. Por isso a denominação RGB (R=red, vermelho. Por isso a denominação RGB (R=red, G=green e B=blue).G=green e B=blue).

Para imprimir uma imagem digital, é preciso Para imprimir uma imagem digital, é preciso fazer com que suas cores passem a ser fazer com que suas cores passem a ser formadas por formadas por síntese subtrativa, síntese subtrativa, permitindo permitindo que ela passe do Planeta Digital para o Planeta que ela passe do Planeta Digital para o Planeta Material sem maiores problemas.Material sem maiores problemas.

Síntese subtrativa: nela a soma de todas as Síntese subtrativa: nela a soma de todas as cores resulta no preto e a ausência equivale à cores resulta no preto e a ausência equivale à cor do suporte, ocorre na impressão e se dá por cor do suporte, ocorre na impressão e se dá por pigmentos.pigmentos.

PPI (pixel por polegada): relação entre a medida PPI (pixel por polegada): relação entre a medida material e digital.material e digital.Esta relação é que determina qual será o Esta relação é que determina qual será o tamanho material do pixel.tamanho material do pixel.Quanto maior for a resolução, menor será a Quanto maior for a resolução, menor será a dimensão material do pixel.dimensão material do pixel.

Medida Digital: Medida Digital: Expressa em pixels. Determina se o arquivo vai Expressa em pixels. Determina se o arquivo vai ter mais ou menos pixels e, portanto, se ele vai ter mais ou menos pixels e, portanto, se ele vai ser maior ou menor no Planeta Digital. ser maior ou menor no Planeta Digital.

Medida Material: Medida Material: Expressa em polegadas, centímetros, Expressa em polegadas, centímetros, milímetros etc. Determina o tamanho do arquivo milímetros etc. Determina o tamanho do arquivo quando no Planeta Material.quando no Planeta Material.

Resolução: Resolução: Expressa em PPI. É uma expressão que vai Expressa em PPI. É uma expressão que vai permitir relacionar as duas unidades anteriores permitir relacionar as duas unidades anteriores (medida digital e medida material), definindo o (medida digital e medida material), definindo o tamanho do pixel de um arquivo quando no tamanho do pixel de um arquivo quando no Planeta Material.Planeta Material.

Relacionando as variáveis de medida Relacionando as variáveis de medida (PPI, pixels e polegadas)(PPI, pixels e polegadas)

Veremos que, matemáticamente, a Veremos que, matemáticamente, a RESOLUÇÃO é igual a MEDIDA DIGITAL sobre RESOLUÇÃO é igual a MEDIDA DIGITAL sobre a MEDIDA MATERIAL.a MEDIDA MATERIAL.

R= D/MR= D/M

exemplo: se aumentarmos a resolução e exemplo: se aumentarmos a resolução e mantivermos fixo o valor da medida material, a mantivermos fixo o valor da medida material, a medida digital será aumentada.medida digital será aumentada.

Dialogando com as caixas de diálogoDialogando com as caixas de diálogo

Criando um arquivo mapa de bits.Criando um arquivo mapa de bits.

Adobe Photoshop – comando Adobe Photoshop – comando Arquivo / Novo Arquivo / Novo

Redimensionando um arquivo mapa de bits. Redimensionando um arquivo mapa de bits.

Comando Comando Imagem / Tamanho da imagem (Image / Image size)Imagem / Tamanho da imagem (Image / Image size)

Modificando a profundidade de bits Modificando a profundidade de bits comando comando Imagem / Modo (Image / Mode).Imagem / Modo (Image / Mode).

PPI e DPIPPI e DPI

PPI (pixels per inch) representa a quantidade de PPI (pixels per inch) representa a quantidade de pixels por polegada, e é utilizada para um pixels por polegada, e é utilizada para um arquivo.arquivo.

DPI (dot per inch) é pontos por polegada, sendo DPI (dot per inch) é pontos por polegada, sendo a representação esférica geralmente a representação esférica geralmente relacionado à unidade ótica mínima de um relacionado à unidade ótica mínima de um aparelho (hardware). Ex: scanner e impressoraaparelho (hardware). Ex: scanner e impressora

Criando nos dois planetasCriando nos dois planetas

A compreenção das relações entre os A compreenção das relações entre os Planetas Digital e o Material será, Planetas Digital e o Material será, portanto, fundamental para lidar com portanto, fundamental para lidar com qualquer imagem em qualquer contexto qualquer imagem em qualquer contexto que utilize a edição digital.que utilize a edição digital.