PT · Secundário

Materiais: infografia

A infografia é o desenho e a imagem produzidos por meios digitais. Este tópico apresenta a imagem digital (píxel, resolução, profundidade de cor), a distinção fundamental entre imagem raster e vetorial, os modelos de cor e os formatos de ficheiro, e o papel do software no processo de desenho. Nota honesta: o Exame 706 é uma prova prática executada com meios manuais, pelo que a infografia entra na prova sobretudo como conceito e vocabulário, e não como tarefa de computador.

4 secções~15 min de leitura2 competências

T·0555 / 16

Perfil de exame

Apropriação e reflexão: compreender a natureza da imagem digitalInterpretação e comunicação: distinguir imagem raster de vetorial e escolher o formato adequado

Operadores:descrevedistingueexplicarelacionaseleciona

nível básico

Saber o que é um píxel, distinguir raster de vetorial e reconhecer os formatos e modelos de cor mais comuns.

nível avançado

Compreender a resolução, a profundidade de cor e as implicações de cada formato, e integrar a infografia no processo de desenho.

Profundidade

Texto

Conteúdo · 4 secções

Materiais: infografia

4 secções12 pontos-chave0 fórmulas12 erros típicos

A imagem digital#

~4 min de leituraBaseAE-desenho-a-materiais-infografia

Uma imagem digital do tipo raster (a mais comum — uma fotografia, uma captura de ecrã) é, na sua essência, uma grelha de pequenos quadrados de cor chamados píxeis (de picture element). Vista de longe, parece contínua; ampliada ao máximo, revela a grelha e cada píxel isolado. Cada píxel guarda um valor de cor, e a imagem inteira é apenas uma enorme tabela de números — é isto que permite ao computador guardá-la, copiá-la e manipulá-la sem perda (ver Fig. 1). Compreender que a imagem é uma grelha de píxeis é a chave de tudo o resto na infografia.

A grelha de píxeis e a pixelização

Fig. 1Fig. 1 — Uma imagem raster é uma grelha de píxeis; uma linha oblíqua tem de ser aproximada «aos degraus» (pixelização).

Fig. 1 ↓

A resolução mede a densidade dessa grelha: quantos píxeis existem por unidade de comprimento, expressa em ppi (pixels per inch, píxeis por polegada) para o ecrã ou dpi (dots per inch) para a impressão. Quanto mais alta a resolução, mais píxeis por centímetro e mais nítida e pormenorizada a imagem — mas maior o ficheiro. Uma imagem para ecrã basta-se com cerca de 72–96 ppi; uma para impressão de qualidade exige 300 dpi. A dimensão total conta-se em píxeis (por exemplo, 1920 × 1080): é o produto que dá o número total de píxeis da imagem.

A profundidade de cor (ou profundidade de bits) diz quantas cores cada píxel pode assumir. Com 1 bit por píxel há apenas duas cores (preto e branco); com 8 bits há 256 níveis; as imagens a cores vulgares usam 24 bits (8 por cada canal vermelho, verde e azul), o que dá cerca de 16,7 milhões de cores — a chamada «cor verdadeira». Mais bits significam transições de cor mais suaves, mas também ficheiros maiores. Resolução e profundidade de cor são, assim, os dois parâmetros que determinam a qualidade e o peso de uma imagem raster.

A grande limitação da imagem raster decorre da sua própria natureza de grelha fixa: se a ampliarmos para além da sua resolução, os píxeis tornam-se visíveis e as formas ganham um aspeto «aos degraus» — a pixelização, bem visível nos contornos oblíquos e curvos, que se transformam numa escada de quadrados (a Fig. 1 mostra-o). Uma imagem raster não tem, portanto, resolução infinita: só contém o pormenor com que foi criada. É precisamente para superar esta limitação que existe o outro grande tipo de imagem digital — a imagem vetorial, tema da secção seguinte.

Exemplo resolvido

Contar píxeis e prever a pixelização

Uma imagem tem 600 × 400 píxeis. Quantos píxeis tem no total? Se a imprimires a 300 dpi, que dimensão física (em polegadas) terá, e o que sucede se a ampliares para o dobro dessa dimensão?

Total de píxeis
Multiplica-se largura por altura: 600 × 400 = 240 000 píxeis.
Dimensão a 300 dpi
A 300 píxeis por polegada, a largura dá 600 ÷ 300 = 2 polegadas e a altura 400 ÷ 300 ≈ 1,33 polegadas.
Ampliar para o dobro
Ao dobro (4 × 2,67 pol), a densidade cai para 150 dpi: cada píxel passa a ocupar o dobro do lado, tornando-se visível.
Consequência
A imagem pixeliza: os contornos oblíquos e curvos aparecem «aos degraus», porque não há píxeis novos — os existentes apenas ficam maiores.

Resultado: A imagem tem 240 000 píxeis e imprime-se nítida a 2 × 1,33 polegadas (300 dpi); ao dobro dessa dimensão a densidade cai para 150 dpi e surge a pixelização, porque a imagem raster não ganha pormenor ao ser ampliada.

Erros frequentes

Confundir resolução (densidade de píxeis) com dimensão (número total de píxeis).
Julgar que uma imagem raster pode ser ampliada indefinidamente sem perder qualidade.
Trocar ppi/dpi (densidade) com profundidade de cor (bits por píxel).

Revisão ativa

Explica por que uma fotografia pequena, ao ser muito ampliada para um cartaz, fica «aos quadrados», recorrendo às noções de píxel e resolução.

Praticar com exercícios relacionados8 perguntas sobre este tema

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Desenho A — Materiais (imagem digital) (Direção-Geral da Educação (DGE))

Imagem raster e imagem vetorial#

~4 min de leituraPadrãoAE-desenho-a-materiais-infografia

Há dois modos fundamentalmente diferentes de o computador guardar uma imagem, e distingui-los é o conhecimento central da infografia. A imagem raster (ou bitmap) descreve a imagem píxel a píxel: guarda a cor de cada quadradinho da grelha, como vimos. A imagem vetorial descreve a imagem por objetos geométricos definidos por fórmulas matemáticas — pontos, linhas, curvas (curvas de Bézier), polígonos e preenchimentos —, guardando não os píxeis, mas as instruções para os desenhar (ver Fig. 2). São duas filosofias opostas: a raster memoriza o resultado, a vetorial memoriza a receita.

Raster vs vetorial

Fig. 2Fig. 2 — As duas filosofias da imagem digital: o raster memoriza píxeis, o vetorial memoriza fórmulas.

Fig. 2 ↓

A consequência mais importante é o comportamento na ampliação. Como a imagem vetorial é uma fórmula, pode ser desenhada em qualquer tamanho sem perder qualidade: um círculo vetorial é sempre um círculo perfeito, seja num selo ou num outdoor, porque é recalculado para cada escala. A imagem raster, pelo contrário, pixeliza ao ser ampliada, como já se viu. Por isso a imagem vetorial é dita independente da resolução, e a raster dependente da resolução — uma diferença decisiva na escolha do formato para cada trabalho.

Cada tipo tem o seu domínio de eleição. A imagem raster é insuperável para conteúdos ricos e contínuos em cor e textura — fotografias, pinturas digitais, imagens com gradações subtis —, que a grelha de píxeis capta com fidelidade. A imagem vetorial é ideal para formas nítidas e escaláveis — logótipos, tipografia, ícones, ilustração de linha, desenho técnico —, que devem manter-se perfeitas em qualquer tamanho e cujo ficheiro fica leve por conter só instruções. Escolher o tipo errado (um logótipo em raster, uma fotografia em vetorial) traz problemas: pixelização num caso, complexidade impossível no outro.

Reflete-se isto nos formatos e no software. Os formatos raster mais comuns são JPEG, PNG, GIF e TIFF; os vetoriais são SVG, AI e EPS (o PDF pode conter ambos). O software raster (Photoshop, GIMP, Krita) trabalha píxeis; o vetorial (Illustrator, Inkscape, CorelDRAW) trabalha objetos. Muitos projetos combinam os dois — um cartaz pode ter uma fotografia (raster) e um logótipo e texto (vetoriais). Saber quando usar cada tipo é um dos critérios técnicos que a componente escrita do Exame 706 pode pedir para justificar, mesmo que a execução gráfica da prova seja manual.

Exemplo resolvido

Escolher o tipo de imagem para um logótipo

Vais criar um logótipo que será usado num cartão de visita (pequeno) e num outdoor (enorme). Que tipo de imagem escolhes e porquê? Que problema evitas?

Analisar a exigência
O mesmo logótipo tem de ficar perfeito em tamanhos muito diferentes, do minúsculo ao gigante.
Descartar o raster
Um logótipo raster (JPEG/PNG) pixelizaria ao ser ampliado para o outdoor, a menos que fosse criado numa resolução absurda.
Escolher o vetorial
Uma imagem vetorial (SVG/AI), sendo uma fórmula, é recalculada para cada tamanho sem perder qualidade.
Vantagem adicional
O ficheiro vetorial é leve e permite editar cores e formas com facilidade.

Resultado: Deve entregar-se o logótipo em formato vetorial (SVG/AI), porque é independente da resolução e mantém-se nítido do cartão ao outdoor — evitando a pixelização própria do raster.

Erros frequentes

Pensar que qualquer imagem digital é «feita de píxeis», ignorando a imagem vetorial.
Guardar um logótipo em JPEG (raster), perdendo escalabilidade, em vez de o guardar em SVG (vetorial).
Julgar que a imagem vetorial serve para fotografias, que exigem a riqueza contínua do raster.

Revisão ativa

Um cliente pede o logótipo da sua marca «para usar desde um cartão de visita até um outdoor». Que tipo de imagem deves entregar e porquê?

Praticar com exercícios relacionados8 perguntas sobre este tema

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Desenho A — Materiais (raster e vetorial) (Direção-Geral da Educação (DGE))

Modelos de cor e formatos de ficheiro#

~4 min de leituraPadrãoAE-desenho-a-materiais-infografia

No mundo digital, a cor obedece aos mesmos dois princípios físicos que o tópico da cor desenvolverá — a síntese aditiva e a subtrativa —, sob a forma de modelos de cor. O modelo RGB (vermelho, verde, azul) é o dos ecrãs: como o monitor emite luz, a cor forma-se por síntese aditiva, e a soma máxima das três luzes dá branco. O modelo CMYK (ciano, magenta, amarelo e preto — de key) é o da impressão: como a tinta no papel subtrai luz, a cor forma-se por síntese subtrativa, e a soma das tintas aproxima-se do preto (ver Fig. 3). É por isto que uma imagem vibrante no ecrã (RGB) pode sair mais apagada quando impressa (CMYK): os dois modelos não cobrem exatamente a mesma gama de cores.

Modelos de cor: RGB e CMYK

Fig. 3Fig. 3 — RGB (ecrã, aditiva) e CMYK (impressão, subtrativa): dois modelos para dois meios.

Fig. 3 ↓

Cada píxel de uma imagem RGB guarda três valores (a intensidade de vermelho, verde e azul), geralmente de 0 a 255; a combinação define a cor. Preto é (0,0,0), branco é (255,255,255), vermelho puro é (255,0,0). Este é o sistema em que o computador «pensa» a cor no ecrã, e é a razão pela qual a profundidade de cor de 24 bits (8 por canal) dá 256 × 256 × 256 ≈ 16,7 milhões de cores. Conhecer os modelos ajuda a compreender por que um mesmo ficheiro se prepara de modo diferente consoante o destino seja o ecrã ou a gráfica.

Os formatos de ficheiro empacotam a imagem para diferentes fins, e cada um tem vantagens próprias (ver Fig. 4). O JPEG comprime muito, com alguma perda de qualidade, e é ideal para fotografias na web; o PNG comprime sem perdas e suporta transparência, sendo bom para gráficos e imagens com fundo transparente; o GIF usa poucas cores mas permite animação simples; o TIFF guarda sem perdas, próprio para impressão e arquivo. Entre os vetoriais, o SVG é o formato escalável da web, e o PDF, misto, é o padrão de documentos e impressão.

Formatos de ficheiro de imagem

Fig. 4Fig. 4 — Os formatos de imagem mais comuns e a sua função.

Fig. 4 ↓

Escolher o formato certo é equilibrar qualidade, peso e função. Uma fotografia para um site vai bem em JPEG (leve); um logótipo com fundo transparente pede PNG ou SVG; um documento para imprimir com rigor pede PDF ou TIFF. Guardar sempre no formato errado — uma fotografia em PNG enorme, um logótipo em JPEG que pixeliza — traz custos de peso ou de qualidade. Ainda que o Exame 706 se resolva no papel, este vocabulário técnico integra a cultura visual da disciplina e pode ser mobilizado na reflexão sobre a imagem contemporânea.

Exemplo resolvido

RGB para o ecrã, CMYK para a gráfica

Criaste um cartaz muito colorido no computador. Vais publicá-lo online e também mandá-lo imprimir. Como preparas a cor e o ficheiro em cada caso?

Para o ecrã
Mantém-se em RGB (o modelo dos ecrãs) e exporta-se em JPEG ou PNG, otimizado para a web.
Para a gráfica
Converte-se para CMYK (o modelo da impressão) e exporta-se em PDF ou TIFF de alta resolução (300 dpi).
Antecipar diferenças
Algumas cores vivas do ecrã (RGB) não existem em tinta (CMYK) e sairão mais apagadas; convém verificar antes de imprimir.
Justificar
A escolha do modelo e do formato depende do meio de saída: luz (ecrã) ou tinta (papel).

Resultado: Para o ecrã: RGB em JPEG/PNG; para a gráfica: CMYK em PDF/TIFF a 300 dpi. A cor e o formato preparam-se em função do meio de saída, porque ecrã e impressão obedecem a sínteses de cor diferentes.

Erros frequentes

Confundir RGB (luz, ecrã, aditiva) com CMYK (tinta, impressão, subtrativa).
Guardar em JPEG imagens que precisam de transparência ou de rigor (o JPEG não tem transparência e tem perdas).
Julgar que o ecrã e a impressão mostram exatamente as mesmas cores.

Revisão ativa

Explica por que preparas uma imagem em RGB para publicar num site e em CMYK para enviar a uma gráfica, e que formato usarias em cada caso.

Praticar com exercícios relacionados8 perguntas sobre este tema

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Desenho A — Materiais (modelos de cor e formatos) (Direção-Geral da Educação (DGE))

Software e o desenho digital#

~3 min de leituraAprofundamentoAE-desenho-a-materiais-infografia

A infografia não é só um conjunto de conceitos: é um processo de trabalho com ferramentas próprias. Uma imagem digital nasce de uma captura ou criação (uma fotografia, um scanner que digitaliza um desenho feito à mão, ou o desenho diretamente no computador com rato, mesa gráfica ou tablet com caneta), passa por uma edição em software adequado (raster ou vetorial) e termina numa exportação para o formato certo, consoante o destino — ecrã, impressão ou arquivo (ver Fig. 5). Conhecer este fluxo é saber integrar o digital no trabalho do desenhador.

Fluxo de trabalho da infografia

Fig. 5Fig. 5 — O processo digital, da captura à exportação; a infografia complementa o desenho manual.

Fig. 5 ↓

As ferramentas dividem-se pelas duas famílias de imagem. O software de edição raster (Photoshop, GIMP, Krita) trabalha os píxeis: permite retocar fotografias, pintar digitalmente com pincéis que simulam meios reais, ajustar cor, luz e contraste, e trabalhar por camadas (layers) sobrepostas. O software vetorial (Illustrator, Inkscape, CorelDRAW) trabalha objetos: cria e edita linhas, curvas de Bézier e formas escaláveis, ideal para logótipos, tipografia e ilustração. A mesa gráfica com caneta sensível à pressão aproxima o gesto digital do gesto do desenho tradicional, recuperando a expressividade do traço.

O digital trouxe possibilidades que o desenho manual não tem: desfazer e refazer sem limite, trabalhar por camadas não destrutivas, duplicar e transformar com precisão, experimentar variações de cor em segundos. Mas não substitui o desenho tradicional — complementa-o. Muitos artistas e designers combinam os dois: desenham à mão, digitalizam e finalizam no computador, ou usam o digital para o estudo e a experimentação e a mão para o resultado. A infografia é uma ferramenta ao serviço da intenção, não um fim em si mesma.

Importa, por fim, ser rigoroso quanto ao lugar da infografia no Exame 706. A prova é prática e de execução gráfica com meios atuantes manuais obrigatórios — grafite, tinta, lápis de cor —, pelo que não há qualquer tarefa de computador na prova. A infografia entra, por isso, como parte da cultura visual e do vocabulário da disciplina: pode ser mobilizada na reflexão e na expressão escrita (por exemplo, ao falar de imagem raster/vetorial, de resolução ou de modelos de cor a propósito da imagem contemporânea), mas o desenho pedido faz-se com a mão. Este é o âmbito honesto da infografia na avaliação: conceito e vocabulário, não execução digital.

Exemplo resolvido

Um fluxo misto (mão + computador)

Queres transformar um esboço a lápis num ícone vetorial limpo para uma aplicação. Descreve o fluxo de trabalho e as ferramentas em cada fase.

Desenho à mão
Faz-se o esboço a lápis, explorando a forma com a expressividade do traço manual.
Digitalização
Digitaliza-se o esboço com um scanner ou fotografa-se, obtendo uma imagem raster do desenho.
Vetorização
Em software vetorial (Illustrator/Inkscape), redesenha-se por cima com curvas de Bézier, obtendo um ícone limpo e escalável.
Exportação
Exporta-se em SVG (escalável) e/ou PNG, prontos para a aplicação.

Resultado: O fluxo combina a mão (esboço a lápis) com o digital (digitalização e vetorização em software vetorial), terminando num ícone SVG escalável — um exemplo típico de como a infografia complementa o desenho tradicional.

Erros frequentes

Julgar que a infografia substitui o desenho tradicional, quando o complementa.
Confundir as ferramentas: usar software vetorial para retoque fotográfico, ou vice-versa.
Supor que o Exame 706 inclui trabalho de computador — a prova é de execução gráfica manual.

Revisão ativa

Descreve um fluxo de trabalho em que um desenho começa à mão e termina no computador, indicando em que fase usarias software raster ou vetorial.

Praticar com exercícios relacionados8 perguntas sobre este tema

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Desenho A — Materiais (software e desenho digital) (Direção-Geral da Educação (DGE))

Versão completa através do nível de profundidade — mesmo lugar, mesmas âncoras

Planear uma revisão

Referências e fontes

Fontes

Direção-Geral da Educação (DGE)

Aprendizagens Essenciais de Desenho A — Materiais (imagem digital)

Materiais: infografia

4 secções~15 min de leitura2 competências

Materiais: infografia

Pontos-chave

Contar píxeis e prever a pixelização

Pontos-chave

Escolher o tipo de imagem para um logótipo

Pontos-chave

RGB para o ecrã, CMYK para a gráfica

Pontos-chave

Um fluxo misto (mão + computador)

Fontes

Materiais: infografia

Pontos-chave

Contar píxeis e prever a pixelização

Pontos-chave

Escolher o tipo de imagem para um logótipo

Pontos-chave

RGB para o ecrã, CMYK para a gráfica

Pontos-chave

Um fluxo misto (mão + computador)

Fontes