Unidade 2 · Fundamentos de Design para Serigrafia

Card 1 de 5

🖼

Tipos de Imagem

Bitmap × Vetorial:
qual a diferença?

Existem dois jeitos de o computador guardar uma imagem.
Para a serigrafia, escolher o tipo certo evita que sua arte fique "borrada" na hora de imprimir.

Toque no card para ver a explicação completa →

↻ Clique para revelar

🔍

Definição

Pontos × Fórmulas matemáticas

BITMAP (raster) A imagem é uma grade de pixels coloridos. Quanto mais você amplia, mais "quadradinhos" aparecem. Exemplos: foto de celular, JPG, PNG.

VETORIAL A imagem é descrita por fórmulas matemáticas (linhas, curvas, formas). Pode ser ampliada infinitamente sem perder qualidade. Exemplo: SVG, logotipos.

Para a serigrafia: sempre que possível, prefira vetorial — você pode usar a mesma arte numa caneca pequena ou em uma faixa grande sem perder nitidez.

💡 Para complementar em aula

Mostrar uma foto ampliada até ver os pixels (use o zoom do navegador)
No Canva: imagens da galeria geralmente são bitmap; formas e ícones são vetoriais
Logotipo de cliente em JPG = sinal de alerta — peça sempre o vetor
Termo técnico que pode aparecer: "raster" = bitmap em inglês

📏

Resolução

O que é DPI?

DPI é a sigla mais importante para quem imprime.
Significa Dots Per Inch — pontos por polegada.

Mas, na prática, o que isso quer dizer para sua arte?

↻ Clique para revelar

🔬

Resolução de Impressão

Quantos pontos cabem
em 1 polegada?

DPI mede a densidade de pontos da arte. Quanto maior o DPI, mais detalhe e mais nítida a imagem impressa.

📱 72 DPI — telas e redes sociais (resolução baixa)

🖨 150 DPI — aceitável para impressões grandes (banners) vistas de longe

🎯 300 DPI — padrão profissional para serigrafia, camisetas, cartazes

Regra prática: uma imagem que se vê bem na tela não necessariamente imprimirá bem. Sempre verifique o DPI antes de fechar a arte.

💡 Para complementar em aula

Mostrar exemplo: imagem 72 DPI ampliada para camiseta = serrilhada e borrada
No Canva: ao criar documento personalizado, escolher 300 DPI nas configurações
Quando o cliente manda imagem do WhatsApp: geralmente vem em 72 DPI — explicar por que isso é problema
PPI (Pixels Per Inch) e DPI muitas vezes são usados como sinônimos no dia-a-dia

📐

Tamanho × Resolução

Por que DPI
importa tanto?

Você já recebeu uma imagem que parecia perfeita na tela do celular,
mas saiu serrilhada na camiseta?

A culpa quase sempre é da resolução.

↻ Clique para revelar

⚠️

Pixel Real × Tamanho Físico

A imagem precisa "caber"
na peça impressa

Para imprimir em 300 DPI, a imagem precisa ter 300 pixels para cada polegada de tamanho real.

Camiseta — estampa de 12 polegadas (≈ 30 cm):

📏 12 pol × 300 DPI = 3.600 pixels de largura

Se a imagem original tem só 800 pixels, ao esticar para 3.600 a serigrafia fica borrada e quadriculada.

Conclusão: antes de prometer um trabalho, verifique se a imagem do cliente tem pixels suficientes para o tamanho final.

💡 Para complementar em aula

Demonstrar no Canva: importar foto pequena, esticar e mostrar a perda de qualidade
Conversa com cliente: pedir sempre o "arquivo original em alta", não captura de tela
Explicar: imagem você pode diminuir sem problema, mas não pode aumentar sem perder qualidade
Truque para conferir: clicar com botão direito → propriedades → ver dimensões em pixels

📁

Formatos de Arquivo

PNG, JPG, PDF e SVG:
quando usar cada um?

Cada formato tem uma "personalidade" diferente.
Escolher o errado pode estragar a arte ou inviabilizar a impressão.

↻ Clique para revelar

🗂

Quando usar cada um

Cada formato
tem sua função

.PNG Bitmap com fundo transparente. Ideal para logos e artes que vão sobre cores diferentes. Ótimo para serigrafia.

.JPG (.JPEG) Bitmap comprimido. Ocupa pouco espaço, mas perde qualidade a cada salvamento. Bom para fotos, ruim para artes com texto e linhas.

.PDF Pode conter bitmap ou vetor. Padrão de troca com gráficas — preserva tudo (cores, fontes, escala).

.SVG 100% vetorial. Pode ser ampliado infinitamente. Ideal para logotipos.

Para a gráfica: entregue PDF ou PNG em alta. Nunca JPG.

💡 Para complementar em aula

Demonstrar no Canva: na hora de exportar, mostrar opções PNG, JPG, PDF
JPG sempre comprime → se você salvar 10x, qualidade cai a cada salvamento
PDF pode ter "fundo transparente" também (PDF interativo / X-1a)
Para a serigrafia, PDF/X é o padrão técnico — o Canva exporta como PDF para impressão

✅

Checklist Final

Antes de fechar
uma arte, verifique...

Toda arte serigráfica precisa passar por uma "vistoria final".
Quais são os 4 pontos críticos a conferir?

↻ Clique para revelar

🎯

Checklist do Serígrafo

4 perguntas para evitar
retrabalho

1️⃣ É vetor ou bitmap? Se vetor, ótimo. Se bitmap, conferir DPI.

2️⃣ A resolução é 300 DPI? No tamanho final, em centímetros reais da peça.

3️⃣ As cores estão corretas? Em CMYK ou Pantone, não em RGB (veremos na próxima seção).

4️⃣ O formato está adequado? PDF/PNG para imprimir, SVG para arquivar o original editável.

📋 Esse é o filtro que separa o serígrafo profissional do amador.

💡 Para complementar em aula

Sugerir: imprimir esse checklist e colocar perto do computador no atelier
Dica: nomear pasta do projeto com _FINAL só depois de checar os 4 itens
Cobrar do cliente quando ele entrega arte com problemas — economiza tempo e tinta
Lembrar que a impressão erra é caro: tinta + tela queimada + camiseta perdida

Card 1 de 7

🌈

Cores Primárias

Quais cores não nascem
da mistura de outras?

Existem cores fundamentais.
Não dá para "fabricar" elas misturando outras tintas.
São o ponto de partida de toda paleta.

↻ Clique para revelar

🎨

As 3 Primárias da Tinta

Vermelho · Amarelo · Azul

No mundo da tinta física (pigmento), as 3 cores primárias clássicas são:

Vermelho · Amarelo · Azul

A partir delas, todas as outras cores podem ser obtidas por mistura. Por isso são chamadas de primárias.

Atenção: existe outra tríade de primárias usada em impressão profissional (CMY) — vamos ver mais adiante. Os modelos não são opostos: são diferentes formas de chegar ao mesmo objetivo.

💡 Para complementar em aula

Mostrar a roda de cores tradicional (na aba Comparações)
Quando criança aprendemos amarelo + azul = verde — esse é o conceito de cor por pigmento
Na serigrafia tradicional, o serígrafo mistura tintas seguindo essa lógica para criar cores especiais
Curiosidade: não existe "tinta branca pura" no sentido de primária — branco é ausência de pigmento

🔄

Secundárias e Complementares

O que nasce
da mistura?

Quando misturamos duas primárias, surgem as secundárias.
E quando colocamos cores opostas lado a lado, surge o contraste máximo.

Vamos entender como usar isso a favor da arte.

↻ Clique para revelar

🎭

Mistura e Oposição

Secundárias = Mistura
Complementares = Opostas

Secundárias:

🟢 Amarelo + Azul = Verde

🟠 Vermelho + Amarelo = Laranja

🟣 Vermelho + Azul = Violeta

Complementares: são as cores opostas na roda. Quando colocadas juntas, criam contraste máximo.

• Vermelho ↔ Verde · Amarelo ↔ Violeta · Azul ↔ Laranja

Use complementares para fazer um elemento se destacar na peça.

💡 Para complementar em aula

Time do Flamengo: vermelho + preto. Logo da Heineken: vermelho + verde (complementares).
Ao escolher fundo escuro de camiseta, usar a complementar do logo destaca a arte
Mostrar a roda de cores na aba "Comparações" — está literalmente lá
Cuidado: complementares em alto contraste podem cansar a visão se usadas em excesso

💡

Modelo RGB

Por que a tela
usa RGB?

A tela do seu celular, monitor ou TV não tem tinta.
Ela emite luz.
E a luz mistura cores de forma diferente da tinta.

↻ Clique para revelar

📺

Mistura Aditiva (Luz)

RGB = Red · Green · Blue

Telas trabalham com luz emitida. As cores primárias da luz são:

🔴 Vermelho (Red) · 🟢 Verde (Green) · 🔵 Azul (Blue)

Mistura aditiva: quanto mais luz somamos, mais clara fica. As 3 luzes juntas formam branco. Sem luz nenhuma = preto.

Cuidado: RGB é o modelo da tela, não da tinta. Se você desenhar em RGB no Canva e mandar para gráfica sem converter, as cores podem sair diferentes da tela!

💡 Para complementar em aula

Pegue uma lupa e olhe um pixel da tela: você verá pontinhos R, G e B
Por isso fotos de tela parecem ter "qualidade" mas perdem na impressão
O Canva, por padrão, trabalha em RGB — para impressão precisamos exportar em CMYK
Cores muito vibrantes na tela (verdes neon, azuis elétricos) não existem em CMYK

🖨

Modelo CMYK

E por que a impressão
usa CMYK?

A tinta funciona por subtração.
Quanto mais cor você coloca, mais escuro fica.
E é por isso que a impressão tem 4 cores básicas, não 3.

↻ Clique para revelar

🎨

Mistura Subtrativa (Tinta)

Ciano · Magenta · Amarelo · Preto

CMYK é o padrão das gráficas:

🩵 Ciano · 💗 Magenta · 💛 Yellow (amarelo) · 🖤 Key (preto)

Mistura subtrativa: a tinta absorve (subtrai) parte da luz. Mais tinta = mais escuro. As 3 (CMY) juntas dariam preto, mas na prática dá um marrom sujo. Por isso adicionamos o K (preto puro).

Para a serigrafia: a impressão a 4 cores (CMYK) reproduz fotos. Mas a serigrafia tradicional trabalha com cores chapadas, escolhidas individualmente.

💡 Para complementar em aula

K vem de "Key plate" — a chapa de impressão preta do início do offset
Por que não BCMY? Porque B confundiria com Blue (RGB)
Algumas serigrafias profissionais imprimem fotos em CMYK com 4 telas — uma por cor
Mas no curso, vamos focar em mono e multicromia com cores chapadas (Pantone-style)

🎯

Pantone

O que é
Pantone?

Você já viu uma camiseta do time onde todo lote tem exatamente a mesma cor?
Isso só é possível por causa de um sistema universal de cores chamado Pantone.

↻ Clique para revelar

🏷

Sistema de Cor Chapada

Pantone = código universal
para cada tom

Pantone Matching System (PMS) é um catálogo internacional onde cada cor tem um código único (ex.: PANTONE 185 C = vermelho específico).

📚 As gráficas e os fabricantes de tinta seguem esse catálogo. Mesma cor → mesmo código → mesma tinta no mundo todo.

Por que importa na serigrafia?

• Garante fidelidade entre lotes (1ª e 100ª camiseta com mesma cor)

• Marcas exigem Pantone específico (ex.: Coca-Cola Red = PMS 484)

• Cores fluorescentes, metálicas e neons só existem em Pantone

💡 Para complementar em aula

Mostrar imagem do "leque Pantone" (livreto físico de amostras)
Lojas que fornecem tinta serigráfica geralmente vendem cor Pantone misturada
Custa mais que CMYK, mas garante padronização — útil para uniformes
O Canva grátis não trabalha com Pantone, mas o serígrafo pode informar à gráfica o código Pantone equivalente

🖤

Monocromia

Por que tantas artes
são em 1 cor só?

Olhe ao redor: muitas camisetas, sacolas, banners têm arte em uma cor única.
Não é falta de criatividade — é uma escolha técnica e estética.

↻ Clique para revelar

⚫

Arte em 1 Cor

Monocromia = elegância,
economia e impacto

Monocromia = arte em uma única cor e suas variações de tom (claro/escuro).

Vantagens para a serigrafia:

💰 Mais barato: 1 tela queimada, 1 tinta usada

⏱ Mais rápido: menos passes na máquina

🎯 Mais legível: contraste claro entre figura e fundo

✨ Mais elegante: design clássico atemporal

Recurso: mesmo em 1 cor, podemos criar profundidade usando opacidade, traços e meios-tons.

💡 Para complementar em aula

Exemplos: brasão de time, logo de igreja, camiseta de evento, sacola corporativa
Monocromia ≠ preto e branco. Pode ser vermelho e seus tons, azul e seus tons, etc.
Importante: contraste entre cor da arte e cor do fundo (camiseta) é crucial
Trabalho prático da Unidade 4: cada aluno cria seu logo monocromático

🌈

Multicromia

Quando vale a pena
usar várias cores?

Multicromia é arte com 2 ou mais cores.
O resultado é mais rico, mas o processo é mais complexo.

Quando vale o investimento?

↻ Clique para revelar

🎭

Arte em Várias Cores

Mais cores = mais telas =
mais custo (mas mais impacto)

Multicromia = arte com 2, 3, 4 ou mais cores. Cada cor exige uma tela queimada separada.

Quando vale a pena?

🎨 Quando a paleta é parte da identidade visual (bandeira, logo colorido)

🌟 Quando a arte tem elementos que precisam de cor real (frutas, paisagens)

📦 Quando o pedido é grande o suficiente para diluir o custo das telas

Boa prática: limitar a paleta a 2-4 cores. Acima disso, custo e tempo disparam, e a arte vira CMYK.

💡 Para complementar em aula

Cada cor = uma tela = um passe de tinta = um registro a ajustar
"Registro" é o alinhamento das cores — desafio técnico do serígrafo
Cores próximas (2 tons de azul) registram mais fácil que cores distantes (vermelho + verde)
Trabalho da Unidade 5: separação de cores por camadas no Canva

Card 1 de 6

⚖️

Equilíbrio

O que torna
uma arte "harmônica"?

Quando olhamos uma camiseta bem desenhada,
algo nos diz que está "no lugar certo".
Esse "algo" tem nome: equilíbrio visual.

↻ Clique para revelar

🪞

Distribuição do Peso Visual

Equilíbrio simétrico
× assimétrico

Simétrico: os elementos se "espelham" em torno de um eixo central. Transmite ordem, formalidade, tradição. Bom para brasões e logos institucionais.

Assimétrico: elementos diferentes em cada lado, mas com pesos visuais equivalentes. Transmite movimento, modernidade, dinamismo. Bom para artes ousadas.

Peso visual: elementos grandes, escuros ou coloridos "pesam" mais que elementos pequenos, claros ou neutros.

💡 Para complementar em aula

Mostrar exemplo: brasão de cidade (simétrico) × estampa de surf (assimétrico)
Truque: cobrir metade da arte com a mão e ver se o lado visível "cai"
No Canva: ferramenta de grade ajuda a perceber o eixo central
Equilíbrio não significa "tudo no meio" — significa que o conjunto não pende para um lado

⚡

Contraste

Por que algumas artes
"saltam aos olhos"?

Você já passou por uma camiseta na rua e seu olhar
foi imediatamente para um detalhe específico?

Isso é contraste trabalhando a seu favor.

↻ Clique para revelar

🔆

A Diferença que Atrai

Contraste = diferença
marcante entre elementos

O olho humano é atraído por diferenças.

Tipos de contraste úteis para a serigrafia:

🌗 Claro × escuro — Logo branco em camiseta preta

📏 Grande × pequeno — Título enorme + texto miúdo

🎨 Cor × neutro — Vermelho num conjunto preto e branco

📐 Reto × curvo — Linhas geométricas com formas orgânicas

Atenção: sem contraste, a arte "desaparece" no tecido. Com contraste demais, fica caótica.

💡 Para complementar em aula

Demonstrar: arte cinza claro em camiseta cinza médio = praticamente invisível
Regra prática: imprimir a arte em preto e branco para testar o contraste
Cores complementares (lembra da Seção 2.2?) maximizam contraste de cor
Pessoas com daltonismo (8% dos homens) dependem de contraste claro/escuro para distinguir

📊

Hierarquia Visual

O que o olho lê
primeiro?

Numa camiseta de banda, o olho lê:
1. Nome da banda 2. Imagem 3. Detalhes pequenos.

Essa "ordem de leitura" é planejada — chama-se hierarquia.

↻ Clique para revelar

🔝

A Ordem da Leitura

Maior → Mais escuro →
Mais central

Hierarquia visual é a ordem em que o olho percorre os elementos. O designer escolhe essa ordem.

Como criar hierarquia clara:

🔠 Tamanho: elemento principal maior que os secundários

🌑 Peso: negrito, fontes mais grossas, cores fortes para o principal

📍 Posição: centro e topo atraem mais o olhar

🎨 Cor: uma cor de destaque entre cores neutras

Princípio: 3 níveis bastam. Título · Subtítulo · Apoio. Mais que isso, vira confusão.

💡 Para complementar em aula

Pegue 3 camisetas e pergunte: "o que você lê primeiro?" — quase sempre é o título
Cartaz de evento bem feito tem 3 níveis claros: nome do evento / data e local / patrocinadores
Hierarquia ruim = o olho fica "perdido" sem saber onde começar
Truque: aperte os olhos olhando a arte — se ainda assim você consegue ver o principal, está bem

🔤

Tipografia

A fonte certa
vale uma arte inteira

A escolha da fonte muda completamente o tom da peça.
Mesma palavra, fontes diferentes → mensagens totalmente diferentes.

↻ Clique para revelar

🔠

Famílias de Fontes

Cada fonte
tem uma "personalidade"

📜 Serifadas (com "pezinhos") — Tradicional, elegante, formal. Times, Playfair. Use para igrejas, formaturas, eventos clássicos.

✏️ Sem serifa (sans-serif) — Moderna, limpa, neutra. Arial, Inter, Quicksand. Use para empresas, esporte, identidade urbana.

🖋 Manuscritas (script) — Pessoal, artística, feminina. Pacifico, Lobster. Use para casamentos, cosméticos, marcas artesanais.

💪 Display/Decorativas — Forte, chamativa. Bebas Neue, Anton. Use para títulos, logos, camisetas de banda.

Regra de ouro: não misture mais que 2 fontes na mesma arte.

💡 Para complementar em aula

Mostrar a mesma frase em 4 fontes — dramático: "PIZZARIA DO TONICO" em Comic Sans × em fonte fina e elegante
No Canva: filtrar fontes por categoria ajuda a manter coerência
Fontes muito finas (peso light) podem "sumir" na serigrafia — peso médio em diante é mais seguro
Cuidado com licença: muitas fontes do Canva são gratuitas, outras exigem Canva Pro

👕

Adaptação por Produto

A mesma arte serve
para tudo?

Camiseta, caneca, pôster e bolsa têm formatos e usos diferentes.
A mesma arte não pode ser aplicada igualzinho em todos.
Por quê?

↻ Clique para revelar

🎯

Cada Produto, Seu Layout

Forma da peça +
distância de leitura

👕 Camiseta — superfície curva (peito), arte vista a 1-3 metros. Composição vertical ou central. Tamanho ~ 30 cm.

☕ Caneca — superfície cilíndrica, arte vista a 30 cm. Layout horizontal, sem elementos cortando a curva.

📜 Pôster — plano, arte vista a 0,5-2 m. Hierarquia muito clara, texto grande, fácil leitura à distância.

🎒 Bolsa/sacola — superfície grande, vista de longe. Arte forte, contornos limpos, alto contraste.

Adaptar não é redesenhar: mantenha a essência (cores, fontes, ícones), mas ajuste proporção, posição e tamanho.

💡 Para complementar em aula

Mostrar mockup no Canva da mesma arte em 4 produtos — diferenças saltam aos olhos
Caneca: cuidado com a alça (não cortar elemento principal)
Camiseta: testar arte em fundo claro e escuro — algumas funcionam só num
Trabalho da Unidade 6 vai praticar exatamente isso

🏆

Recapitulando

Os 4 pilares
da boa composição

Antes de fechar a arte, peça-se:
ela está equilibrada, contrastada, hierárquica e adaptada?

↻ Clique para revelar

🌟

Checklist da Composição

4 perguntas
antes de exportar

1️⃣ Equilíbrio — Cubra metade da arte. O outro lado pende?

2️⃣ Contraste — A arte se destaca do fundo? Veja em preto e branco.

3️⃣ Hierarquia — O olho sabe por onde começar? Há um elemento principal claro?

4️⃣ Adaptação — A composição funciona no produto final (camiseta, caneca, etc.)?

📋 Se respondeu "sim" para os 4, sua arte está pronta para a próxima etapa: exportação e impressão.

💡 Para complementar em aula

Sugerir: imprimir esse checklist e o da Seção 2.1 e colar perto da bancada
Lembrar: arte boa tecnicamente + composição ruim = trabalho ruim. Os dois andam juntos.
Antes do Projeto Integrador (Unidade 7), revisitar esses checklists
Profissional experiente faz esse checklist em segundos. No início, faça com calma.

🔍 Bitmap × Vetorial — visualize a diferença

A imagem da esquerda é uma grade de pixels (bitmap). A da direita é descrita por fórmulas matemáticas (vetorial). Ao ampliar, perceba o que acontece com cada uma.

Bitmap (raster)

Pixels visíveis ao ampliar

Vetorial

Sempre nítido em qualquer escala

🌈 RGB × CMYK — luz versus tinta

À esquerda, o modelo da tela (luz). À direita, o modelo da impressão (tinta). Mesma realidade, dois sistemas diferentes.

RGB · Modelo da Tela

Mistura aditiva — a luz se soma. As três luzes juntas formam branco. Sem luz = preto.

R 255

G 255

B 255

CMYK · Modelo da Tinta

Mistura subtrativa — a tinta absorve luz. As três tintas juntas dariam preto, mas usamos K (preto puro) para qualidade.

🎨 Roda de Cores — primárias, secundárias e complementares

A roda de cores é o mapa das relações entre cores. Cores opostas (180°) são complementares — alto contraste. Cores vizinhas são análogas — harmonia suave.

Como ler a roda

Vermelho — primária
Amarelo — primária
Azul — primária
Laranja — V + A (secundária)
Verde — A + B (secundária)
Violeta — V + B (secundária)

📊 Hierarquia Visual — clique para mudar

Veja como a mesma informação muda de impacto quando alteramos tamanho, peso e cor dos elementos.

Festa Junina

Igreja Matriz · 24 de Junho

Quadrilha, comidas típicas, brincadeiras e show com a banda local. Entrada franca para a comunidade. Esperamos você!

📁 Formatos de arquivo — referência rápida

Quando exportar do Canva, escolha o formato pensando no destino final.

PNG

portable network graphics

Bitmap com fundo transparente. Ideal para serigrafia em logos e artes pequenas/médias. Recomendado para imprimir.

JPG

joint photographic experts group

Comprimido e leve, mas perde qualidade. Use para fotos web, não para imprimir camiseta.

PDF

portable document format

Pode ter vetor + bitmap + textos. Padrão das gráficas profissionais. Sempre exporte PDF para fechar arte.

SVG

scalable vector graphics

Vetorial puro. Amplia infinitamente sem perder. Salve seu logo final em SVG sempre que possível.

🎯 Para a aula prática

Quando criarem o documento no Canva, sempre comecem definindo dimensões em centímetros e resolução de 300 DPI. É o que garante que a arte saia nítida no produto final.

🧩 Conexão com unidades futuras

Tudo desta unidade aparece de novo na Unidade 4 (monocromia), na Unidade 5 (multicromia) e culmina no Projeto Integrador da Unidade 7. Não precisa decorar — basta entender.

Fundamentos de Design para Serigrafia

🔍 Bitmap × Vetorial — visualize a diferença

Bitmap (raster)

Vetorial

🌈 RGB × CMYK — luz versus tinta

RGB · Modelo da Tela

CMYK · Modelo da Tinta

🎨 Roda de Cores — primárias, secundárias e complementares

Como ler a roda

📊 Hierarquia Visual — clique para mudar

📁 Formatos de arquivo — referência rápida

PNG

JPG

PDF

SVG

🎯 Para a aula prática

🧩 Conexão com unidades futuras

✏️ Quiz de Revisão

📏 Questão 1

🖼 Questão 2

💡 Questão 3

🖨 Questão 4

🎯 Questão 5

🎨 Questão 6

📊 Questão 7

👕 Questão 8