Sebenta · Conceber e produzir suportes gráficos de comunicação física (UC02759)
- Introdução
- 1. O que são suportes gráficos de comunicação física
- 2. Breve história da comunicação gráfica
- 3. Da estratégia da empresa ao briefing
- 4. Tipos de suportes e quando usar cada um
- 5. Elementos de design gráfico: cor
- 6. Elementos de design gráfico: tipografia
- 7. Layout e composição
- 8. Imagem: fotografia, ilustração e vetores
- 9. Desenho vetorial na prática
- 10. Pré-impressão: preparar o ficheiro sem erros
- 11. Impressão e produção gráfica
- 12. Branding e identidade corporativa
- 13. Maquetas e apresentação ao cliente
- 14. Avaliar o impacto e identificar desvios
- Erros comuns
- Glossário
- Síntese
- Exercícios resolvidos
Introdução
Um cartaz colado num poste, o folheto que chega à caixa do correio, a embalagem de um chá, o rótulo de uma garrafa de azeite, o roll-up de uma feira, o cartão de visita que ficou na mesa depois da reunião: tudo isto são suportes gráficos de comunicação física. São peças com um dado em comum — existem em papel, cartão, vinil ou tecido, ocupam espaço no mundo real, e uma vez impressas não se corrigem. Um site com um erro de português corrige-se em trinta segundos; cinco mil folhetos com o número de telefone errado são cinco mil folhetos para o lixo.
Esta sebenta ensina o percurso completo dessa produção, tal como acontece numa agência ou num departamento de marketing: receber um briefing, perceber a estratégia de comunicação da empresa, escolher o suporte certo, conceber uma peça com critérios de design (cor, tipografia, layout, hierarquia), executá-la em software vetorial, preparar corretamente o ficheiro para pré-impressão, acompanhar a produção gráfica e, no fim, avaliar o impacto do que se fez.
Trabalhamos com ferramentas que qualquer aluno pode ter em casa: o Inkscape (vetores, gratuito e open-source), o GIMP ou o Photopea (imagem), o Scribus (diagramação) e, quando disponível, o equivalente comercial — Illustrator, Photoshop e InDesign. Os conceitos são exatamente os mesmos; o que muda é o nome dos menus.
Objetivos de aprendizagem (referencial): colaborar na análise da estratégia de comunicação da empresa; colaborar no desenvolvimento dos suportes de comunicação física; produzir esses suportes; e avaliar o impacto da comunicação física na estratégia da empresa. Ao longo do caminho: identificar e analisar suportes, definir objetivos e parâmetros de conceção gráfica, executar desenho vetorial e maquetas, criar elementos de identidade corporativa, identificar desvios face aos objetivos e aplicar as normas de segurança, ambiente e qualidade.
1. O que são suportes gráficos de comunicação física
Um suporte gráfico de comunicação física é qualquer peça de comunicação materializada num objeto tangível, produzida normalmente por impressão, que transporta uma mensagem de um emissor (a empresa) para um recetor (o público).
Três elementos definem sempre um suporte:
| Elemento | Pergunta a que responde | Exemplo |
|---|---|---|
| Mensagem | O que se quer dizer? | "Abrimos aos domingos" |
| Suporte | Em que objeto vive? | Cartaz A2 em papel couché |
| Contexto | Onde e quando é visto? | Montra da rua, visto a 3 m, 2 segundos |
O erro mais comum de quem começa é pensar só no primeiro elemento. O contexto é o que determina o tamanho da letra, o contraste da cor e a quantidade de informação. Um cartaz de metro lido de relance e um folheto lido sentado no sofá não podem ter a mesma densidade de texto, ainda que digam a mesma coisa.
Comunicação física vs comunicação digital
| Física | Digital | |
|---|---|---|
| Correção depois de publicado | Impossível (reimprimir) | Imediata |
| Custo por contacto | Alto e fixo | Baixo e variável |
| Medição do impacto | Indireta (códigos, cupões) | Direta (cliques, conversões) |
| Confiança percebida | Alta (tangível, permanente) | Menor (efémera, saturada) |
| Cor | CMYK, tinta sobre papel | RGB, luz emitida |
| Resolução | 300 ppi | 72–150 ppi |
As duas não competem: complementam-se. Um flyer com um QR code é uma peça física que empurra para o digital; uma campanha digital que anuncia um evento acaba num roll-up à entrada. O profissional de marketing e publicidade tem de dominar as duas gramáticas.
2. Breve história da comunicação gráfica
Saber de onde vêm as convenções ajuda a perceber por que razão certas soluções "funcionam".
- 1450 — Gutenberg e os tipos móveis. A reprodução em massa nasce aqui, e com ela a ideia de tipografia: letras desenhadas para serem repetidas.
- Século XIX — a litografia a cores torna o cartaz barato. Paris enche-se de cartazes; Toulouse-Lautrec e Jules Chéret transformam-nos em arte popular.
- 1919–1933 — Bauhaus. "A forma segue a função". Grelhas, geometria, sem ornamento. Nasce o design gráfico como disciplina.
- Anos 50 — Estilo Tipográfico Internacional (Escola Suíça). Grelha modular, alinhamento à esquerda, Helvetica. É a base visual de quase toda a sinalética moderna.
- Anos 60–80 — a era das marcas. Paul Rand (IBM, UPS), Saul Bass. O logótipo torna-se ativo estratégico.
- 1984–1990 — desktop publishing. O Macintosh, o PostScript e o PageMaker põem a produção gráfica em cima de uma secretária.
- Hoje — design de sistemas: uma identidade tem de funcionar num favicon de 16 px e num outdoor de 8 metros.
A lição prática desta história: quase tudo o que hoje parece "boa prática" (grelha, contraste, hierarquia, poucas fontes) foi descoberto por tentativa e erro ao longo de um século. Não é gosto — é acumulação de evidência.
3. Da estratégia da empresa ao briefing
Nenhum suporte gráfico deve começar no software. Começa numa decisão de comunicação, que por sua vez decorre da estratégia da empresa.
A cascata
Estratégia de negócio (quero crescer 20% nas famílias)
↓
Estratégia de comunicação (dar a conhecer o menu de fim-de-semana)
↓
Objetivo do suporte (levar famílias do bairro a experimentar ao domingo)
↓
Peça gráfica (flyer A5 distribuído em 2 000 caixas de correio)
Se não conseguires descer esta escada de cima até baixo, a peça não tem justificação e não é avaliável.
O briefing
O briefing é o documento que fixa o pedido. Um briefing mínimo, mas completo, responde a nove perguntas:
| # | Pergunta | Exemplo de resposta |
|---|---|---|
| 1 | Quem é a empresa e o que a distingue? | Padaria de bairro, fermentação lenta |
| 2 | Qual é o objetivo? | Aumentar vendas ao domingo |
| 3 | Qual é o público-alvo? | Famílias 30–45 anos, raio 1 km |
| 4 | Qual é a mensagem principal? | "Pão quente todos os domingos às 9h" |
| 5 | Qual é a ação pretendida (call to action)? | Vir à loja domingo de manhã |
| 6 | Que suporte e onde é visto? | Flyer A5, caixas de correio |
| 7 | Que restrições de marca? | Manual de identidade: verde + creme |
| 8 | Qual é o orçamento e a tiragem? | 250 €, 2 000 exemplares |
| 9 | Qual é o prazo? | Arte final até dia 12 |
Exemplo resolvido — transformar um pedido vago em briefing
Pedido do cliente: "Queria uns papéis giros para divulgar a loja."
Perguntas a fazer e briefing resultante:
- Divulgar a quem? → moradores num raio de 1 km.
- Para fazerem o quê? → visitarem a loja nas duas semanas seguintes.
- Como é que sabemos que resultou? → cupão de 10% destacável, contado à caixa.
- Quantos e quanto? → 2 000 unidades, até 250 €.
Briefing final: flyer A5, 4/4 cores, papel couché 150 g, tiragem 2 000, com cupão destacável e prazo de validade, distribuição em caixas de correio, entrega da arte final a 12 de março. Métrica: número de cupões devolvidos.
Repara que a única coisa que ainda não se decidiu é o aspeto. Isso vem depois — e vem daqui.
4. Tipos de suportes e quando usar cada um
| Suporte | Formato típico | Distância de leitura | Vida útil | Melhor para |
|---|---|---|---|---|
| Cartaz / póster | A2–A0 | 2–20 m | Semanas | Anunciar evento, criar notoriedade |
| Flyer / panfleto | A5, A6 | 30 cm | Minutos | Promoção com prazo, ação imediata |
| Folheto / desdobrável | A4 dobrado (3 partes) | 30 cm | Dias | Explicar serviços, tabela de preços |
| Brochura / catálogo | A5–A4, agrafado | 30 cm | Meses | Portefólio, catálogo de produto |
| Cartão de visita | 85×55 mm | 30 cm | Meses | Contacto pessoal |
| Roll-up | 850×2000 mm | 1–5 m | Anos | Feiras, receções, eventos |
| Embalagem / rótulo | Variável | 30 cm | Vida do produto | Vender no linear, informar legalmente |
| Sinalética | Variável | 1–10 m | Anos | Orientar no espaço |
| Muppie / outdoor | 1,2×1,8 m / 8×3 m | 5–50 m | Semanas | Massa, notoriedade |
Regra prática da distância: a altura da letra do elemento principal deve ter, em milímetros, cerca de 1/200 da distância de leitura. Lido a 10 metros (10 000 mm) → letra com pelo menos 50 mm de altura. É uma aproximação grosseira, mas evita os erros graves.
Formatos de papel — a série A
A série A parte da folha A0, com 1 m² de área e proporção √2 (1:1,414). Dobrar ao meio dá sempre o formato seguinte, mantendo a proporção — é por isso que qualquer peça A escala sem cortar.
| Formato | mm | Uso típico |
|---|---|---|
| A0 | 841 × 1189 | Póster grande |
| A1 | 594 × 841 | Cartaz de rua |
| A2 | 420 × 594 | Cartaz de montra |
| A3 | 297 × 420 | Cartaz interior |
| A4 | 210 × 297 | Folha, folheto |
| A5 | 148 × 210 | Flyer |
| A6 | 105 × 148 | Postal |
5. Elementos de design gráfico: cor
Como funciona a cor
Distinguem-se dois modelos, e confundi-los é o erro mais caro da produção gráfica:
- RGB (Red, Green, Blue) — aditivo, cor feita de luz. É o do ecrã. Somar tudo dá branco. Gama grande, cores muito saturadas.
- CMYK (Cyan, Magenta, Yellow, Key/preto) — subtrativo, cor feita de tinta sobre papel branco. Somar tudo tende para castanho-escuro (daí o preto separado). Gama mais pequena que RGB.
Consequência: aquele verde-fluorescente vibrante que vês no monitor não existe em CMYK. Ao converter, ele "apaga-se". Por isso desenha-se em CMYK desde o início quando o destino é impressão — para veres cedo o que vais ter mesmo.
- Pantone (cores diretas / spot) — tinta já misturada de fábrica, com um código universal (ex.: Pantone 485 C). Usa-se quando a cor da marca tem de sair exatamente igual em todos os trabalhos, ou quando há só 1–2 cores (sai mais barato que 4 cores).
Atributos da cor
- Matiz (hue) — a cor em si: vermelho, azul, verde.
- Saturação — a intensidade: do cinzento ao puro.
- Luminosidade (value) — do escuro ao claro. É o atributo que mais pesa na legibilidade.
Harmonias no círculo cromático
| Harmonia | Como se constrói | Efeito |
|---|---|---|
| Monocromática | Um matiz, várias luminosidades | Sóbrio, coeso, seguro |
| Análoga | Cores vizinhas (3) | Harmonioso, natural |
| Complementar | Opostas no círculo | Máximo contraste, chama a atenção |
| Tríade | Três equidistantes | Vibrante, exige equilíbrio |
Psicologia da cor (com cautela)
As associações são culturais, não universais — mas dentro do contexto português/europeu são estáveis o suficiente para orientar decisões:
| Cor | Associações | Setores típicos |
|---|---|---|
| Vermelho | Urgência, apetite, paixão | Saldos, restauração |
| Azul | Confiança, competência, calma | Banca, saúde, tecnologia |
| Verde | Natureza, saúde, sustentabilidade | Bio, farmácia, ambiente |
| Amarelo | Otimismo, atenção, económico | Low-cost, infância |
| Preto | Luxo, sofisticação, autoridade | Moda, premium |
| Rosa | Suavidade, doçura | Cosmética, pastelaria |
Nota importante: no Japão o branco é cor de luto; na China o vermelho é sorte e prosperidade. Numa campanha internacional, verifica sempre.
Contraste e acessibilidade
Cerca de 8% dos homens têm alguma forma de daltonismo (mais frequentemente confusão vermelho/verde). Daí duas regras não negociáveis:
- Nunca codificar informação apenas por cor. Junta sempre um símbolo, um rótulo ou uma posição.
- Garantir contraste de luminosidade. O critério WCAG pede 4,5:1 para texto normal e 3:1 para texto grande (≥ 24 px ou ≥ 19 px a negrito). Verifica num contrast checker antes de fechar a arte.
Truque de secretária: converte a peça para escala de cinzentos. Se deixa de se perceber o que é importante, o contraste está mal resolvido.
6. Elementos de design gráfico: tipografia
Anatomia e classificação
| Classe | Traço distintivo | Sensação | Exemplos |
|---|---|---|---|
| Serifada | Remates nas pontas | Tradicional, credível, editorial | Garamond, Georgia, Times |
| Sem serifa (sans) | Traço limpo | Moderna, neutra, legível ao longe | Helvetica, Inter, Roboto |
| Slab serif | Serifa retangular pesada | Robusta, afirmativa | Rockwell, Roboto Slab |
| Manuscrita (script) | Imita escrita à mão | Pessoal, elegante | Pacifico, Lobster |
| Decorativa (display) | Desenho expressivo | Só para títulos curtos | Bebas Neue |
| Monoespaçada | Largura fixa | Técnica, código | Courier, JetBrains Mono |
Vocabulário útil: altura-x (altura do "x" minúsculo — quanto maior, mais legível em corpo pequeno), ascendentes e descendentes (as hastes do "b" e do "p"), kerning (espaço entre dois caracteres específicos), tracking (espaçamento uniforme de todo um bloco), entrelinha (leading, distância entre linhas de base).
Regras de ouro
- Duas famílias por peça, no máximo três. Uma para títulos, outra para texto corrido.
- Entrelinha ≈ 120–145% do corpo. Corpo 10 pt → entrelinha 12–14 pt.
- Comprimento de linha: 45–75 caracteres. Mais do que isso e o olho perde a linha seguinte.
- Nunca esticar/comprimir a letra horizontalmente para caber. Escolhe uma versão condensada da família.
- Corpo mínimo em impressão: 8 pt — e 10–12 pt se o público for sénior.
- Evitar caixa alta em textos longos: perde-se o desenho da palavra e a leitura cai ~15%.
- Evitar "linhas viúvas e órfãs": uma palavra sozinha no fim do parágrafo ou uma linha isolada no topo da coluna.
Hierarquia tipográfica
A hierarquia é o que diz ao olho por onde começar. Constrói-se com quatro alavancas: tamanho, peso, cor/contraste e espaço. Um bom exercício é definir uma escala:
| Nível | Papel | Corpo (flyer A5) |
|---|---|---|
| H1 | Mensagem principal | 36–48 pt |
| H2 | Subtítulo/qualificador | 18–24 pt |
| Corpo | Detalhe | 9–11 pt |
| Legenda/legal | Letra pequena | 6–7 pt |
Regra prática: um único H1 por peça. Se tudo grita, nada se ouve.
7. Layout e composição
A grelha
A grelha é o esqueleto invisível da peça: margens, colunas e goteiras (o espaço entre colunas). Serve para alinhar tudo sem decidir "a olho" de cada vez.
┌─────────────────────────────┐ ← margem superior
│ ┌───┐ ┌───┐ ┌───┐ ┌───┐ │
│ │ │ │ │ │ │ │ │ │ 4 colunas
│ │ │ │ │ │ │ │ │ │ goteira = 4 mm
│ └───┘ └───┘ └───┘ └───┘ │
└─────────────────────────────┘ ← margem inferior
Numa peça A5, margens de 8–10 mm e 2 a 4 colunas resolvem quase tudo.
Princípios de composição
- Alinhamento — todos os elementos devem alinhar com alguma coisa. Nada "flutua".
- Proximidade — o que está relacionado fica junto; o que não está, afasta-se. O espaço agrupa melhor do que as caixas.
- Repetição — repetir cores, formas e estilos cria unidade e reconhecimento.
- Contraste — se dois elementos não são iguais, torna-os claramente diferentes. Diferenças tímidas parecem erro.
- Equilíbrio — simétrico (formal, estável) ou assimétrico (dinâmico, moderno) — mas nunca acidental.
- Hierarquia — um percurso de leitura definido: 1.º isto, 2.º aquilo, 3.º a ação.
Espaço negativo
O espaço negativo (ou branco) é o espaço vazio. Não é desperdício: é o que dá respiração, foco e a sensação de qualidade. Peças baratas reconhecem-se por estarem cheias até à margem. Se o cliente pedir "aproveita esse espaço em branco", a resposta é que esse espaço é o que faz o resto ser lido.
Fluxo de leitura
No ocidente lê-se da esquerda para a direita, de cima para baixo. Duas trajetórias descritas na literatura:
- Padrão Z — peças com pouco texto (cartaz, flyer): canto superior esquerdo → superior direito → diagonal → inferior esquerdo → inferior direito (onde deve ficar a call to action).
- Padrão F — peças com muito texto: varrimento horizontal no topo, depois descendo pela esquerda.
Regra dos terços e proporção
Dividir a peça em 3×3 e colocar os elementos principais nas linhas ou nas interseções cria composições mais dinâmicas do que o centro perfeito. A secção áurea (1:1,618) é uma variação mais refinada da mesma ideia.
Exemplo resolvido — corrigir um flyer sobrecarregado
Problema: flyer A5 de um ginásio com 7 tipos de letra, 5 cores, texto até 2 mm da margem e nenhum título dominante.
Diagnóstico e correção, por ordem de impacto:
- Hierarquia — escolher uma mensagem-âncora ("1.º mês grátis") e dar-lhe 40 pt. Tudo o resto desce de nível.
- Tipografia — reduzir a duas famílias: uma sem serifa condensada para títulos, uma sem serifa neutra para corpo.
- Cor — reduzir a uma cor de marca + um neutro + uma cor de destaque só para a call to action.
- Margens — impor 10 mm de margem e não colocar nada dentro delas.
- Cortar texto — retirar 40% das palavras. Num flyer ninguém lê parágrafos; a informação longa vai para o site (QR code).
- Espaço — agrupar os horários num bloco e afastá-lo do bloco de contactos.
Resultado: a mesma informação essencial, lida em 3 segundos em vez de 30 (que ninguém dava).
8. Imagem: fotografia, ilustração e vetores
Raster vs vetor
| Raster (bitmap) | Vetor | |
|---|---|---|
| Composição | Grelha de píxeis | Fórmulas matemáticas (pontos, curvas) |
| Escala | Perde qualidade ao ampliar | Infinita, sem perda |
| Ideal para | Fotografia, texturas | Logótipos, ícones, ilustração, texto |
| Formatos | JPG, PNG, TIFF, PSD | SVG, AI, EPS, PDF (vetorial) |
| Software | Photoshop, GIMP, Photopea | Illustrator, Inkscape |
Um logótipo tem de ser vetorial. Se te entregarem um logo em JPG, o primeiro trabalho é redesenhá-lo em vetor — caso contrário, no roll-up de 2 metros ele aparece serrilhado.
Resolução
- Resolução mede-se em ppi (píxeis por polegada) para ficheiros e dpi (pontos por polegada) para impressoras.
- Impressão: 300 ppi ao tamanho final. Grandes formatos vistos de longe (outdoor) admitem 100–150 ppi, porque a distância "compõe".
- Ecrã: 72–150 ppi.
Cálculo dos píxeis necessários:
píxeis = (medida em mm ÷ 25,4) × 300
Exemplo: uma imagem para ocupar 100 mm de largura num flyer → (100 ÷ 25,4) × 300 ≈ 1181 px de largura, no mínimo.
Ampliar não cria informação. Uma foto de 600 px esticada para 1181 px fica desfocada. Regra: começa sempre do original maior que tiveres.
Formatos de imagem
| Formato | Tipo | Transparência | Perda | Quando usar |
|---|---|---|---|---|
| JPG | Raster | Não | Sim | Fotografia; ficheiro leve |
| PNG | Raster | Sim | Não | Logos em ecrã, transparências |
| TIFF | Raster | Sim | Não | Fotografia para impressão profissional |
| SVG | Vetor | Sim | Não | Web, ícones |
| PDF/X-1a | Misto | — | Não | Arte final para gráfica |
| AI / EPS | Vetor | Sim | Não | Trabalho de agência |
Direitos de imagem
Não se usa uma imagem do Google. Fontes legítimas:
- Bancos gratuitos — Unsplash, Pexels, Pixabay (verifica sempre a licença de cada ficheiro).
- Bancos pagos — Shutterstock, Adobe Stock, Getty.
- Creative Commons — atenção às cláusulas: BY (atribuição), NC (não comercial), ND (sem obras derivadas), SA (partilha igual).
- Fotografia própria — a mais segura e a mais distintiva.
E há um segundo direito, o direito de imagem das pessoas: fotografar clientes ou colaboradores para uma campanha exige autorização escrita, e o RGPD aplica-se (finalidade, prazo, direito de retirar o consentimento).
9. Desenho vetorial na prática
O desenho vetorial descreve formas com nós (pontos de âncora) ligados por segmentos, retos ou curvos. As curvas são curvas de Bézier, controladas por pegas tangentes a cada nó.
Ferramentas essenciais (nomes do Inkscape, com o equivalente Illustrator)
| Ferramenta | Inkscape | Illustrator | Para quê |
|---|---|---|---|
| Seleção | Seta (S) | Seleção (V) | Mover, escalar, rodar |
| Nós | N | Seleção direta (A) | Editar a forma ponto a ponto |
| Bézier/Caneta | B | Caneta (P) | Desenhar traçados |
| Formas | R / E / * | M / L | Retângulo, elipse, polígono |
| Texto | T | T | Texto |
| Conta-gotas | F7 | I | Copiar cor |
Operações booleanas
São a base de quase todos os logótipos geométricos: combinar formas simples para obter uma complexa.
- União — funde duas formas numa só.
- Diferença — a de cima "corta" a de baixo.
- Interseção — só a área comum.
- Exclusão — tudo menos a área comum.
Fluxo de trabalho recomendado
- Esboçar a lápis primeiro. Poupa horas de rato.
- Definir o documento com o tamanho final, em mm, e cor CMYK.
- Ativar a grelha e o ajuste (snapping) para alinhar sem tremer.
- Organizar em camadas: fundo / imagens / texto / marcas de corte.
- Nomear os objetos e as camadas. Um ficheiro com "Camada 1, Camada 2, cópia de cópia de path3821" é impossível de retomar dali a um mês.
- Converter texto em curvas só na versão final para impressão (ver capítulo 10) — e guardar sempre um ficheiro editável antes disso.
- Guardar versões:
cartaz_v01.svg,cartaz_v02.svg,cartaz_FINAL.svg. Nunca sobrepor o único ficheiro que existe.
Exemplo resolvido — construir um monograma "HE" em vetor
Encomenda: monograma para a "Horta da Esquina", a usar em selo de embalagem, 20 mm de diâmetro.
- Documento novo, 40 × 40 mm, CMYK.
- Círculo de 36 mm centrado (guia exterior).
- Escrever "HE" com uma sem serifa geométrica pesada; centrar.
- Converter o texto em curvas (Caminho → Objeto para caminho) para poder editar as formas.
- Ligar a haste direita do H à haste esquerda do E: selecionar ambos → União.
- Desenhar uma folha simples com a ferramenta Bézier (3 nós, duas curvas) e colocá-la sobre a barra do H.
- Diferença entre a folha e a letra para criar um recorte branco de 0,5 mm à volta da folha — dá respiração ao desenho.
- Testar a 20 mm e a 8 mm: se a folha desaparecer a 8 mm, engrossá-la. É este teste que separa um logo utilizável de um logo bonito no ecrã.
- Exportar três versões: vetorial (SVG/PDF), positivo a uma cor e negativo (branco sobre fundo escuro).
10. Pré-impressão: preparar o ficheiro sem erros
Esta é a fase onde o dinheiro se perde ou se poupa. Uma checklist de pré-impressão bem cumprida evita 95% dos problemas.
Sangria, linha de corte e margem de segurança
┌───────────────────────────────────┐ ← sangria (+3 mm) — a cor sai por aqui fora
│ ┌───────────────────────────────┐ │
│ │ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ │ │ ← linha de corte (formato final)
│ │ ╎ zona segura ╎ │ │
│ │ ╎ (texto só aqui dentro) ╎ │ │ ← margem de segurança (−3 a −5 mm)
│ │ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ │ │
│ └───────────────────────────────┘ │
└───────────────────────────────────┘
- Sangria (bleed): 3 mm de imagem/cor para além do corte. Serve porque a guilhotina tem tolerância de 1–2 mm; sem sangria aparecem filetes brancos na aresta.
- Zona segura: 3–5 mm para dentro do corte. Nenhum texto ou elemento importante fora dela.
Checklist de arte final
| # | Verificação | Como |
|---|---|---|
| 1 | Modo de cor CMYK | Propriedades do documento |
| 2 | Imagens a 300 ppi ao tamanho final | Painel de ligações |
| 3 | Sangria de 3 mm e marcas de corte | Ao exportar |
| 4 | Texto na zona segura | Guias |
| 5 | Fontes incorporadas ou em curvas | Exportar/Caminho→Objeto para caminho |
| 6 | Preto de texto = K 100 (não "preto rico") | Seletor de cor |
| 7 | Preto de grandes áreas = preto rico (ex.: C60 M40 Y40 K100) | Seletor de cor |
| 8 | Traços ≥ 0,25 pt | Propriedades do traço |
| 9 | Revisão ortográfica por segunda pessoa | Impressão de prova |
| 10 | Exportar em PDF/X-1a ou PDF/X-4 | Diálogo de exportação |
Duas armadilhas explicadas:
- Preto de texto. Se um texto pequeno for composto pelas quatro tintas, o mínimo desalinhamento entre chapas faz aparecer franjas coloridas nas letras. Texto pequeno é sempre K 100 e mais nada.
- Fontes. Se a gráfica não tiver a fonte instalada, o RIP substitui-a por outra e a peça sai diferente. Solução: incorporar as fontes no PDF ou converter texto em curvas (mas guarda o editável, porque depois de curvado já não se corrige uma gralha).
Prova de cor
A prova é a amostra impressa aprovada antes da tiragem. Pode ser digital (mais barata, aproximada) ou contratual/certificada (calibrada, com garantia de fidelidade). Aprovar por ecrã é assumir o risco de a cor sair diferente — e a responsabilidade passa a ser de quem aprovou.
11. Impressão e produção gráfica
Métodos de impressão
| Método | Como funciona | Tiragem económica | Qualidade | Usos |
|---|---|---|---|---|
| Digital (toner/jato) | Direto do ficheiro | 1 – 1 000 | Muito boa | Flyers, provas, dados variáveis |
| Offset | Chapa → cauchu → papel | > 1 000 | Excelente | Revistas, catálogos, grandes tiragens |
| Serigrafia | Tinta através de tela | 20 – 5 000 | Cor sólida e opaca | T-shirts, sacos, vidro, madeira |
| Flexografia | Chapa flexível, rotativa | Muito alta | Boa | Embalagem, rótulos em bobina |
| Rotogravura | Cilindro gravado | Muito alta | Excelente | Embalagem de grande consumo |
| Grande formato | Jato de tinta em bobina | 1+ | Boa a 1–3 m | Lonas, roll-ups, vinis |
O ponto de equilíbrio digital/offset ronda as 1 000 cópias: abaixo disso o custo fixo das chapas do offset não compensa; acima, o custo por cópia do offset é muito menor.
Papel
- Gramagem (g/m²): 80–100 g (folha corrente), 115–170 g (flyer), 250–350 g (cartão de visita, capa).
- Tipos: couché brilhante (cores vivas, reflete), couché mate (elegante, escreve-se por cima), offset/IOR (não revestido, tato natural), kraft e reciclados (imagem sustentável), cartolina.
- Direção do grão: dobrar contra o grão racha o papel. Em peças dobradas, indica-se o grão à gráfica.
Acabamentos
| Acabamento | O que é | Efeito |
|---|---|---|
| Plastificação mate/brilho | Película sobre o papel | Protege, valoriza |
| Verniz UV localizado | Verniz brilhante só em zonas | Destaca logo/título |
| Estampagem a quente (hot foil) | Folha metálica | Luxo |
| Relevo / baixo-relevo | Deformação do papel | Tátil, premium |
| Corte especial (die cut) | Faca de corte à medida | Formatos não retangulares |
| Vinco | Sulco para dobrar | Dobra limpa em gramagens altas |
Controlo de qualidade na receção
À chegada do trabalho, verificar: cor face à prova aprovada, corte (esquadria e centragem), registo (sobreposição correta das chapas), acabamento (dobras, agrafo, plastificação sem bolhas), quantidade e ausência de riscos ou marcas de tinta. Reclamar tem prazo — normalmente dias após a entrega.
Segurança, ambiente e qualidade
- EPI numa oficina gráfica: luvas de nitrilo (solventes e tintas), óculos, proteção auditiva junto às máquinas, calçado de segurança, máscara em zonas de vapores.
- Segurança e saúde no trabalho: máquinas com resguardos e paragem de emergência; nunca limpar cilindros em movimento; ventilação adequada; postura e pausas no trabalho ao computador (Lei n.º 102/2009).
- Ambiente: separar aparas de papel para reciclagem; solventes e tinteiros são resíduos perigosos, entregues a operador licenciado; preferir papel certificado FSC/PEFC e tintas vegetais; imprimir provas só quando necessário.
- Qualidade: seguir procedimentos escritos, registar a aprovação da prova, manter rastreabilidade das versões (ISO 9001 e, na cor, ISO 12647 para offset).
12. Branding e identidade corporativa
Marca (brand) é a perceção que existe na cabeça das pessoas. Identidade visual é o conjunto de sinais que a empresa controla para influenciar essa perceção.
Componentes da identidade visual
- Logótipo — a assinatura gráfica. Pode ser logótipo (só letras, ex.: Google), símbolo/isótipo (só sinal, ex.: maçã), isologo (letras e sinal fundidos) ou imagotipo (sinal + letras separáveis).
- Paleta cromática — primárias, secundárias e neutros, especificados em Pantone, CMYK, RGB e HEX.
- Tipografia institucional — família principal, secundária e alternativa de sistema.
- Elementos gráficos de apoio — padrões, formas, tratamento fotográfico, ícones.
- Tom de voz — como a marca escreve (formal, próxima, técnica).
Manual de identidade corporativa
Documento que fixa as regras de uso, para que a marca seja igual em todo o lado e por qualquer pessoa. Conteúdo mínimo:
- Construção do logótipo e grelha de proporções.
- Área de proteção (espaço mínimo livre à volta, normalmente medido por um elemento do próprio logo, ex.: a altura do "x").
- Dimensão mínima de reprodução (ex.: 20 mm de largura em impressão).
- Versões: positiva, negativa, monocromática, a uma cor.
- Usos incorretos ilustrados: distorcer, rodar, mudar a cor, aplicar sombras, sobre fundos sem contraste, dentro de caixas.
- Paleta com todos os códigos.
- Tipografia e escala.
- Aplicações: estacionário, sinalética, viaturas, fardamento, embalagem.
O manual é o que permite a uma gráfica em Braga produzir uma peça idêntica à que uma agência de Lisboa fez há dois anos.
13. Maquetas e apresentação ao cliente
Maqueta (ou mockup) é a simulação da peça — em papel, cartão ou digitalmente sobre uma fotografia — que mostra o resultado antes de existir.
- Maqueta física: imprimir em casa, cortar, vincar e dobrar. Indispensável em embalagens e desdobráveis: só assim se percebe se a dobra corta um texto ou se a caixa fecha.
- Maqueta digital: colocar a arte sobre a foto de um contexto real (um cartaz na parede, um flyer numa mão). Convence muito mais o cliente do que um retângulo branco.
Como apresentar: mostrar duas ou três propostas, nunca dez. Explicar cada uma a partir do objetivo do briefing ("este contraste alto serve porque o cartaz é visto a 10 metros"), e não a partir do gosto. Recolher o feedback por escrito e fixar quantas rondas de alterações estão incluídas — é a única forma de o projeto ter fim.
14. Avaliar o impacto e identificar desvios
O referencial pede explicitamente que se avalie o impacto e se identifiquem desvios face aos objetivos. Isso implica ter definido, antes de produzir, como se mede.
Métricas para peças físicas
| Peça | Métrica possível | Como se recolhe |
|---|---|---|
| Flyer com cupão | Taxa de resgate = cupões devolvidos ÷ distribuídos | Contagem à caixa |
| Cartaz de evento | Inscrições no período | Formulário, bilheteira |
| Qualquer peça com QR code | Leituras, com URL exclusivo | Encurtador com estatísticas |
| Embalagem nova | Variação de vendas vs período homólogo | Vendas |
| Roll-up de feira | Contactos recolhidos | Lista de leads |
| Todas | Código promocional exclusivo por peça | Sistema de vendas |
Referência útil: um flyer distribuído em caixas de correio tem tipicamente 0,5% a 2% de taxa de resposta. Abaixo de 0,5%, há um desvio a investigar.
Análise de desvios
Quando o resultado fica abaixo do objetivo, isolar a causa por camadas:
- Distribuição — chegou ao público certo? Quantos exemplares chegaram mesmo?
- Atenção — a peça foi vista? (contraste, localização, tamanho)
- Compreensão — a mensagem percebeu-se em 3 segundos? Testa com alguém de fora.
- Motivação — a oferta era relevante? O desconto era suficiente?
- Ação — o caminho para agir estava claro (morada, horário, QR, prazo)?
Só depois de identificar a camada é que se corrige. Trocar as cores quando o problema é a oferta não resolve nada.
Pré-teste
Antes de imprimir 5 000 exemplares: imprimir 20 e mostrar a pessoas do público-alvo. Teste dos 5 segundos — mostrar a peça 5 segundos e perguntar depois: o que é? quem é? o que querem que eu faça? Se não souberem responder às três, a peça ainda não está pronta.
Erros comuns
- Desenhar em RGB e converter só no fim — as cores "apagam-se" e a surpresa chega tarde.
- Esquecer a sangria — filetes brancos na aresta depois do corte.
- Texto encostado ao corte — a guilhotina corta letras.
- Imagens a 72 ppi vindas da web e ampliadas — impressão desfocada.
- Texto pequeno em preto CMYK em vez de K 100 — franjas coloridas.
- Sete tipos de letra na mesma peça — ruído em vez de hierarquia.
- Encher todo o espaço por medo do branco.
- Logótipo em JPG com fundo branco colado sobre fundo de cor.
- Não guardar o ficheiro editável antes de converter o texto em curvas.
- Aprovar cor por ecrã e reclamar depois da tiragem.
- Usar imagens do Google sem licença.
- Produzir sem definir métrica — depois não há forma de avaliar impacto.
- Codificar informação só por cor — invisível para daltónicos e em fotocópia a preto e branco.
Glossário
| Termo | Significado |
|---|---|
| Arte final | Ficheiro fechado, pronto para produção |
| Sangria (bleed) | Área de imagem além do corte (3 mm) |
| Zona segura | Margem interior onde o texto pode estar |
| CMYK | Cor por tinta: ciano, magenta, amarelo, preto |
| RGB | Cor por luz: vermelho, verde, azul |
| Pantone / spot | Tinta de cor direta com código universal |
| ppi / dpi | Píxeis / pontos por polegada (resolução) |
| Raster | Imagem em píxeis |
| Vetor | Imagem descrita matematicamente |
| Bézier | Curva definida por nós e pegas |
| Kerning | Espaço entre dois caracteres |
| Tracking | Espaçamento uniforme de um bloco |
| Entrelinha (leading) | Distância entre linhas de base |
| Altura-x | Altura das minúsculas sem hastes |
| Grelha | Estrutura de margens, colunas e goteiras |
| Goteira | Espaço entre colunas |
| Espaço negativo | Área vazia da composição |
| Gramagem | Peso do papel em g/m² |
| Couché | Papel revestido, mate ou brilhante |
| Registo | Alinhamento entre as chapas de cor |
| Prova de cor | Amostra aprovada antes da tiragem |
| PDF/X-1a | Norma de PDF para impressão |
| Preto rico | Preto reforçado com C, M e Y para grandes áreas |
| Die cut | Corte com faca à medida |
| Verniz UV localizado | Verniz brilhante aplicado em zonas |
| Mockup / maqueta | Simulação da peça em contexto |
| Área de proteção | Espaço livre obrigatório à volta do logo |
| Isologo | Símbolo e texto fundidos num só bloco |
| FSC / PEFC | Certificações de papel de origem sustentável |
Síntese
- Um suporte físico é irreversível: o rigor na pré-impressão vale mais do que o virtuosismo estético.
- Toda a peça nasce da estratégia da empresa e de um briefing com objetivo, público, mensagem, ação e métrica.
- O suporte escolhe-se pelo contexto de leitura: distância, tempo disponível e vida útil.
- Design é cor (CMYK para impressão, contraste ≥ 4,5:1), tipografia (2 famílias, hierarquia clara) e layout (grelha, alinhamento, proximidade, espaço negativo).
- Logótipos e ilustração em vetor; fotografia em raster a 300 ppi ao tamanho final.
- A arte final leva sangria de 3 mm, texto na zona segura, fontes incorporadas ou em curvas, preto de texto a K 100 e sai em PDF/X.
- O método de impressão decide-se pela tiragem: digital até ~1 000, offset acima.
- A identidade corporativa vive num manual que garante coerência ao longo do tempo.
- Sem métrica definida antes, não há avaliação de impacto nem análise de desvios.
- Segurança (EPI), ambiente (resíduos, FSC) e qualidade (procedimentos, provas) fazem parte do trabalho, não são acessórios.
Exercícios resolvidos
1. Uma imagem vai ocupar 210 mm de largura numa capa de brochura. Que largura mínima em píxeis deve ter o ficheiro?
(210 ÷ 25,4) × 300 = 8,268 × 300 ≈ 2480 px. Um ficheiro de 1500 px seria insuficiente e sairia com falta de definição.
2. Um flyer A5 (148 × 210 mm) leva sangria. Que dimensões deve ter o ficheiro exportado, e onde pode estar o texto?
Com 3 mm de sangria de cada lado: 154 × 216 mm. O texto deve ficar dentro da zona segura, isto é, a pelo menos 3–5 mm da linha de corte — na prática, dentro de uma área de cerca de 138 × 200 mm centrada.
3. Um cliente quer 300 cartões de visita e 5 000 folhetos. Que método de impressão recomendas para cada um e porquê?
Cartões: digital — tiragem pequena, o custo das chapas de offset não se dilui. Folhetos: offset — acima de ~1 000 exemplares o custo por unidade do offset torna-se claramente inferior, com melhor consistência de cor.
4. Um logótipo tem texto branco sobre fundo amarelo (#FFE24D). Qual é o problema e como se resolve?
Contraste de luminosidade insuficiente: branco sobre amarelo fica muito abaixo dos 4,5:1 exigidos e torna-se ilegível ao longe e para pessoas com baixa visão. Solução: usar texto escuro (preto ou um tom escuro da marca) sobre o amarelo, ou manter o texto branco mas trocar o fundo por uma cor escura.
5. A gráfica devolveu a arte a dizer que "as fontes não estão incorporadas". O que aconteceu e o que fazes?
O PDF apenas referencia as fontes em vez de as conter, logo a gráfica veria letras substituídas. Resolve-se reexportando em PDF/X-1a com a opção de incorporar fontes ativa, ou convertendo o texto em curvas — guardando primeiro uma cópia editável do ficheiro para futuras correções.
6. Distribuíste 2 000 flyers com cupão e recebeste 6 cupões. Como analisas o desvio?
Taxa de resgate = 6 ÷ 2 000 = 0,3%, abaixo do intervalo típico de 0,5–2%. Investigar por camadas: a distribuição chegou à zona certa e no dia certo? A peça era vista e percebida em 3 segundos (teste dos 5 segundos)? O desconto era relevante para o público? O prazo era demasiado curto? O cupão era fácil de destacar e as condições estavam claras? Só depois de isolar a camada se altera o design.
7. Uma embalagem tem de ser dobrada em cartolina de 300 g. Que dois cuidados de produção referes à gráfica?
Vinco antes da dobra (para a cartolina não rachar) e direção do grão do cartão alinhada com a linha de dobra. Convém ainda produzir uma maqueta física para confirmar que as dobras não cortam texto nem elementos gráficos.
8. Um cliente pede-te para "aproveitar melhor o espaço em branco do cartaz" acrescentando mais três textos. Como respondes?
Explicando que o espaço negativo é funcional: é o que permite que a mensagem principal seja lida a 10 metros em poucos segundos. Acrescentar três blocos reduziria o corpo da letra e destruiria a hierarquia. Proposta alternativa: manter uma mensagem-âncora no cartaz e remeter a informação detalhada para um QR code ou para um folheto de apoio.