EuraStudy
Resumos/Desenho A/Materiais: infografia
Resumos · Desenho APT · 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 leitura·2 competências·Nível Base 1 · Padrão 2 · Aprofundamento 1

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

Profundidade de leitura: Aprofundado

Texto

Tamanho do texto: Padrão

Conteúdo · 4 secções▾
  1. Materiais: infografia
    • 01A imagem digital○
    • 02Imagem raster e imagem vetorial◐
    • 03Modelos de cor e formatos de ficheiro◐
    • 04Software e o desenho digital●
§ 01

A imagem digital#

●○○BaseLPAE-desenho-a-materiais-infografia

Pontos-chave

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

Grelha de píxeisFigura geométricax1x2
Fig. 1Fig. 1 — Uma imagem raster é uma grelha de píxeis; uma linha oblíqua tem de ser aproximada «aos degraus» (pixelização).
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?

  1. 01Total de píxeis

    Multiplica-se largura por altura: 600 × 400 = 240 000 píxeis.

  2. 02Dimensã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.

  3. 03Ampliar 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.

  4. 04Consequê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.

Foco no Exame Nacional

  • Definir píxel e explicar que uma imagem raster é uma grelha de píxeis com um valor de cor cada.
  • Explicar resolução (ppi/dpi) e profundidade de cor (bits) e a sua relação com qualidade e peso.
  • Reconhecer a pixelização como limite da imagem raster 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.

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))

§ 02

Imagem raster e imagem vetorial#

●●○PadrãoLPAE-desenho-a-materiais-infografia

Pontos-chave

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

Raster e vetorialTabela com 3 colunas e 6 linhas, Dados: Aspeto · Raster (bitmap) · Vetorial; Unidade · Grelha de píxeis · Objetos e curvas (fórmulas); Ampliação · Pixeliza, perde qualidade · Escala sem perda; Resolução · Dependente da resolução · Independente da resolução; Ficheiro · Pesa com a resolução · Leve, só instruções; Ideal para · Fotografias, pintura digital · Logótipos, tipografia, ilustração; Formatos / software · JPEG, PNG · Photoshop, GIMP · SVG, AI · Illustrator, InkscapeASPETORASTER (BITMAP)VETORIALUnidadeGrelha de píxeisObjetos e curvas (fórmulas)AmpliaçãoPixeliza, perde qualidadeEscala sem perdaResoluçãoDependente da resoluçãoIndependente da resoluçãoFicheiroPesa com a resoluçãoLeve, só instruçõesIdeal paraFotografias, pintura digitalLogótipos, tipografia,ilustraçãoFormatos / softwareJPEG, PNG · Photoshop, GIMPSVG, AI · Illustrator,Inkscape
Fig. 2Fig. 2 — As duas filosofias da imagem digital: o raster memoriza píxeis, o vetorial memoriza fórmulas.
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?

  1. 01Analisar a exigência

    O mesmo logótipo tem de ficar perfeito em tamanhos muito diferentes, do minúsculo ao gigante.

  2. 02Descartar o raster

    Um logótipo raster (JPEG/PNG) pixelizaria ao ser ampliado para o outdoor, a menos que fosse criado numa resolução absurda.

  3. 03Escolher o vetorial

    Uma imagem vetorial (SVG/AI), sendo uma fórmula, é recalculada para cada tamanho sem perder qualidade.

  4. 04Vantagem 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.

Foco no Exame Nacional

  • Distinguir imagem raster (grelha de píxeis, guarda o resultado) de vetorial (objetos por fórmulas, guarda a receita).
  • Explicar por que a vetorial é independente da resolução e a raster dependente (comportamento na ampliação).
  • Associar cada tipo ao seu domínio (raster: fotografia; vetorial: logótipo, tipografia, ilustração).

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ê?

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))

§ 03

Modelos de cor e formatos de ficheiro#

●●○PadrãoLPAE-desenho-a-materiais-infografia

Pontos-chave

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

RGB e CMYKTabela com 4 colunas e 2 linhas, Dados: Modelo · Meio · Síntese · Primárias; RGB · Ecrã (luz) · Aditiva (soma = branco) · Vermelho, verde, azul; CMYK · Impressão (tinta) · Subtrativa (soma ≈ preto) · Ciano, magenta, amarelo, pretoMODELOMEIOSÍNTESEPRIMÁRIASRGBEcrã (luz)Aditiva (soma = branco)Vermelho, verde, azulCMYKImpressão (tinta)Subtrativa (soma ≈ preto)Ciano, magenta, amarelo,preto
Fig. 3Fig. 3 — RGB (ecrã, aditiva) e CMYK (impressão, subtrativa): dois modelos para dois meios.
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

Formatos de ficheiroTabela com 3 colunas e 6 linhas, Dados: Formato · Tipo · Uso / característica; JPEG · Raster (com perdas) · Fotografias, web (leve); PNG · Raster (sem perdas) · Gráficos, transparência; GIF · Raster (256 cores) · Animações simples; TIFF · Raster (sem perdas) · Impressão, arquivo; SVG · Vetorial · Web, escalável; PDF · Misto · Documentos, impressãoFORMATOTIPOUSO / CARACTERÍSTICAJPEGRaster (com perdas)Fotografias, web (leve)PNGRaster (sem perdas)Gráficos, transparênciaGIFRaster (256 cores)Animações simplesTIFFRaster (sem perdas)Impressão, arquivoSVGVetorialWeb, escalávelPDFMistoDocumentos, impressão
Fig. 4Fig. 4 — Os formatos de imagem mais comuns e a sua função.
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?

  1. 01Para o ecrã

    Mantém-se em RGB (o modelo dos ecrãs) e exporta-se em JPEG ou PNG, otimizado para a web.

  2. 02Para 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).

  3. 03Antecipar 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.

  4. 04Justificar

    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.

Foco no Exame Nacional

  • Distinguir o modelo RGB (ecrã, aditiva, soma = branco) do CMYK (impressão, subtrativa, soma ≈ preto).
  • Explicar por que uma imagem no ecrã pode sair diferente quando impressa (gamas RGB vs CMYK).
  • Associar cada formato ao seu uso: JPEG, PNG, GIF, TIFF (raster) e SVG, PDF.

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.

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))

§ 04

Software e o desenho digital#

●●●AprofundamentoLPAE-desenho-a-materiais-infografia

Pontos-chave

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

Processo digitalGrafo, Captura / criação → Edição (raster / vetorial), Edição (raster / vetorial) → Exportação (formato), Exportação (formato) → Uso (ecrã / impressão)Captura /criaçãoEdição (raster /vetorial)Exportação(formato)Uso (ecrã /impressão)
Fig. 5Fig. 5 — O processo digital, da captura à exportação; a infografia complementa o desenho manual.
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.

  1. 01Desenho à mão

    Faz-se o esboço a lápis, explorando a forma com a expressividade do traço manual.

  2. 02Digitalização

    Digitaliza-se o esboço com um scanner ou fotografa-se, obtendo uma imagem raster do desenho.

  3. 03Vetorização

    Em software vetorial (Illustrator/Inkscape), redesenha-se por cima com curvas de Bézier, obtendo um ícone limpo e escalável.

  4. 04Exportaçã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.

Foco no Exame Nacional

  • Descrever o fluxo de trabalho digital: captura/criação, edição (raster/vetorial), exportação.
  • Distinguir software raster de vetorial e reconhecer o papel da mesa gráfica.
  • Situar honestamente a infografia no Exame 706 (conceito e vocabulário; a prova executa-se com meios manuais).

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.

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))

Conteúdo

Secção -- / 04

    • 01A imagem digital○
    • 02Imagem raster e imagem vetorial◐
    • 03Modelos de cor e formatos de ficheiro◐
    • 04Software e o desenho digital●

0/4 Lidos

Dos resumos à prática

Materiais: infografia

Consolida este tema com perguntas do banco de perguntas.

~15
min
2
Competências
Praticar

Referências e fontes

Fontes

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

  • Aprendizagens Essenciais de Desenho A — Materiais (imagem digital)

Tópico anterior

Materiais: meios atuantes (riscadores e aquosos)

Tópico seguinte

Procedimentos: técnicas — modos de registo

EuraStudy·Resumos T·05·MMXXVI

Continua com o tópico seguinte: o teu percurso é mantido.