UM POUCO DE COMPUTAÇÃO GRÁFICA.

Transcrição

1 UM POUCO DE COMPUTAÇÃO GRÁFICA.

2 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. Uma é do tipo de rastreio (rastering, bitmap) e outra do tipo vetorial.

3 Tipos de imagens digitais Vetor.ai,.cdr,.eps,.dwg,.emf,.svg Imagem Vetorial Geradas por cálculos matemáticos (ilustradores), NÃO dependem de resolução. Bitmap.jpg,.tiff,.psd,.png,.gif,.eps,.bmp Imagem Bitmap Constituídas por pixels, que carregam a informação de cor da imagem, dependem diretamente da resolução.

4 Imagem vetorial ampliada. Não há deformações nem pixels.

5 Vantagem da imagem vetorial É formada por um conjunto de instruções matemáticas. Nesse modelo pode-se alterar o tamanho da imagem sem perder definição, pois serão calculadas as instruções novamente para o novo tamanho. Vetor tem uma aparência mais técnica, com cores chapadas, ideal para criação de estampas que requerem impressão em poucas cores pois facilita a separação destas. Também facilita a diversificação de cores e tamanho das estampas.

6

7 CorelDRAW e o Illustrator. Os programas mais comuns para edição de vetores. Existem outros programas, como por exemplo o Macromedia Freehand.

8 Imagem bitmap ampliada. Pixels em evidência. Resolução 150 ppi.

9 Imagem bitmap A imagem bitmap é construída a partir de uma coleção de pontos individuais (pixels).

10 Pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam a imagem A quantidade de pixel por polegada (ppi = pixel per inch) que determinam a qualidade de uma foto.

11

12 Quanto maior essa resolução maior a qualidade da foto pois com mais pixels numa determinada área, mais bem definida é a foto. Essa resolução afeta a qualidade de uma imagem. Já reparou que ao procurar por imagens no google, ele costuma dar a resolução da imagem?

13 A não ser que sua intenção seja fazer PIXEL ART, preste atenção na resolução do seu arquivo. Mesmo o pixel art é feito em vetor ou em alta resolução.

14 Tá difícil lembrar do que são pixels? Lembre dos bordados em tela.

15 Photoshop O programa mais utilizado para edição de imagens sem dúvida é o Photoshop (que faz 20 anos em 2012), mas existe outros programas como o Corel Paint e o Corel Painter (fantástico para criar pinturas digitais).

16 Resolução Resolução de imagem descreve o nível de detalhe que uma imagem comporta. O termo se aplica igualmente a imagens digitais, imagens em filme e outros tipos de imagem. Resoluções mais altas significam maiores detalhes na imagem.

17 300 dpi 150 dpi 65 dpi 10 dpi Resolução é medida em dpi (Pontos por polegada) Resoluções abaixo de 300 dpi geram efeito de pixalização, ou seja, pixels serão visíveis. Acima de 300 dpi não há muita diferença na qualidade.

18 Pontos de tinta em suporte real. Na hora de imprimir, pixels quadrados viram pontos (dots). No meio digital ao invés de dpi vamos ver ppi. Por quê? No ambiente digital usamos pixel por polegada (pixel per inch), enquanto no mundo físico, na impressão em si, é trabalhado dpi (ponto por polegada, dot per inch). Para impressão gráfica, ou seja, suportes de papel, plástico ou outros, onde passamos nossa arte do ambiente digital para o físico, a arte deve ser enviada em 300dpi. A resolução comum na web é de 72ppi, por isso, na hora de exportar para web temos arquivos mais leves, e quando pegamos uma imagem da web, vamos notar a falta de resolução.

19 Mas lembre-se, essa resolução é válida para arquivos criados já no formato final, ou seja, ao criar um arquivo de trabalho, você já deve ter em mente qual o tamanho de impressão. Quando não temos certeza do tamanho que será impresso, mas temos de criar uma arte assim mesmo, geralmente escolhemos fazê-lo em um formato entre A4 e A3 em 300 dpi. É mais fácil converter um arquivo de alta resolução para baixa resolução e publicar na web, mas o caminho inverso é impossível. Não podemos converter um bitmap e em baixa resolução (72 dpi) para um de alta resolução (300 dpi). Isso só é possível com vetores. Ou seja, se você enviar um croqui fabuloso que vai se tornar capa de revista, e estiver em baixa resolução, de duas uma, ou refaz todo o trabalho, ou, se a revista publicar, vai ter um borrão sem definição na capa da revista, como o exemplo ao lado.

20 Cores no ambiente real e digital.

21 No ambiente digital, sempre vamos utilizar as cores RGB, formadas por luz transmitida pelos monitores. No ambiente real, impresso, sempre utilizaremos cores CMKY, que são as cores pigmento. Afinal, qual a diferença entre elas e porque usar uma ou outra?

22 RGB = Red, Green, Blue. Na síntese aditiva, todas as cores juntas formam o branco e a ausência delas equivale ao preto. Nela, as cores básicas são o verde, azul e o vermelho. Por isso a denominação RGB (R=red, G=green e B=blue). Essas cores se dão através da adição de luz.

23 Através da composição de três cores - Vermelho - Verde - Azul (RGB) RGB Cor usada na publicação web. O propósito principal do sistema RGB é a reprodução de cores em dispositivos eletrônicos como monitores de TV e computador, "data shows", scanners e câmeras digitais, assim como na fotografia tradicional. Envie um arquivo final para impressão gráfica em RGB e o resultado será de cores diferentes das esperadas.

24 CMYK = Cyan, Magenta, Yellow, Black. CMYK é o processo utilizado por gráficas, onde a imagem é decomposta em 4 cores: Cyan, Magenta, Yellow e Black, que serão impressas com tintas nestas cores. É o processo que chamamos de Síntese Subtrativa, sendo que, com a junção do CMY, conseguimos obter o Preto. Todo arquivo que seguirá para impressão deve ser salvo em CMYK = impressão gráfica (que irá gerar fotolito) ou impressão digital profissional (banners, painéis, lonados, etc).

25

26

27

28 O que acontece se você publicar um arquivo em CMKY para um blog, ou enviar para visualização de um cliente no monitor: O que você vê no Photoshop. O que você vê no visualizador de imagem ou na web.

29