Editar imagens vetoriais (UC02208)

Há um pacote premium desta unidade: um PowerPoint editável de 100 ou mais diapositivos, um manual em PDF e dois testes com correção. Esta sebenta continua gratuita.

Introdução

Esta sebenta apoia o estudo da unidade de competência UC02208 · Editar imagens vetoriais, com 50 horas, integrada na componente tecnológica dos cursos profissionais de Técnico/a de Multimédia, Técnico/a de Audiovisuais e Técnico/a de Produção de Conteúdos Interativos.

O objetivo é dominar a imagem vetorial: criar imagens vetoriais a partir de bitmaps, trabalhar e gerir pranchetas, criar layouts vetoriais e exportar e imprimir imagens. Usamos o Inkscape, software livre e gratuito, com referências paralelas ao Adobe Illustrator e ao Affinity Designer, já que os conceitos são transferíveis entre programas.

O percurso segue a lógica de um projeto real: primeiro entendemos o que é uma imagem vetorial e como se desenha com curvas de Bézier, depois dominamos as ferramentas de forma, cor e organização, e por fim compomos, exportamos e preparamos peças para impressão profissional.

1. Vetorial vs bitmap

Uma imagem digital guarda-se de duas formas fundamentalmente diferentes.

Um bitmap (raster) é uma grelha de pixels, cada um com uma cor fixa. É o formato natural de uma fotografia, de uma pintura digital ou de uma textura. Ficheiros JPG, PNG e TIFF são bitmaps.

Uma imagem vetorial é descrita por fórmulas matemáticas: pontos, linhas e curvas, cada um com propriedades de cor, espessura e preenchimento. Ficheiros SVG, AI e EPS são vetoriais.

Comparação

Quando usar cada um

• Usa bitmap para fotografia, texturas realistas e pintura digital com pincéis.
• Usa vetorial para logótipos, ícones, tipografia, sinalética e ilustração que precise de escalar sem perder qualidade.
• Um projeto profissional combina frequentemente os dois: um cartaz pode ter uma fotografia de fundo (bitmap) com um logótipo sobreposto (vetorial).

Perceber esta diferença é o primeiro critério de decisão de qualquer projeto gráfico: antes de desenhar, pergunta se a peça vai precisar de escalar, e escolhe o paradigma certo.

2. Ilustração vetorial: contexto e tipologias

Uma evolução cultural, histórica e social

A ilustração acompanha a comunicação humana muito antes do computador. Das iluminuras medievais (séculos VII a XV) à tipografia de caracteres móveis de Gutenberg (século XV) e aos cartazes da Art Nouveau (final do século XIX), a ilustração sempre serviu para comunicar uma ideia através da imagem.

As curvas de Bézier, que hoje são a base de todo o desenho vetorial, nasceram nos anos 1960 na indústria automóvel: Pierre Bézier (Renault) e Paul de Casteljau (Citroën) desenvolveram, em paralelo, um método matemático para desenhar superfícies curvas de carroçarias. Esse método chegou ao software gráfico décadas depois, com o Adobe Illustrator (1987) e, mais tarde, o Inkscape (2003, livre e gratuito).

Tipologias e finalidades

A ilustração vetorial serve finalidades muito diferentes, e cada uma pede decisões técnicas próprias:

• Editorial: acompanha um artigo, livro ou revista, explicando ou complementando o texto.
• Publicitária e de marca: logótipos, mascotes, campanhas, com foco na memorização.
• Técnica e científica: diagramas, manuais e infografias, com foco na exatidão.
• Sinalética e cartografia: pictogramas e mapas, com foco na leitura rápida e universal.
• Digital e redes sociais: stickers, ícones de interface e conteúdo animado.

Antes de abrir o software, um bom ilustrador pergunta sempre: qual é a finalidade desta peça e quem a vai ver?

3. Estilos e técnicas de ilustração

Digital vs analógico

Uma ilustração pode nascer de várias formas, que muitas vezes se combinam:

• Analógica: lápis, tinta, aguarela e outros materiais de desenho diversificados sobre papel, depois digitalizada por scanner ou fotografia.
• Digital: desenhada diretamente no computador ou num tablet gráfico.
• Híbrida: esboço analógico, digitalizado e depois traçado (convertido em vetor) no software.

Desenho digital, pintura digital e ilustração vetorial

Estes três termos confundem-se com frequência, mas são diferentes:

• Desenho digital: linhas e traços feitos num software, muitas vezes com tablet gráfico.
• Pintura digital: técnica de pintura com pincéis digitais, tipicamente em software de bitmap; não é o foco desta UC.
• Ilustração vetorial: construída por formas, curvas e preenchimentos matemáticos, editável ponto a ponto a qualquer momento.

Os princípios da imagem vetorial, forma geométrica, precisão matemática e edição não destrutiva, distinguem claramente a ilustração vetorial da pintura digital em bitmap. Nenhuma técnica é superior às outras: profissionais combinam-nas conforme a fase do projeto, sendo comum esboçar em papel e finalizar em vetor.

4. A área de trabalho do software

Nesta unidade usamos o Inkscape, software livre e gratuito de edição vetorial, com equivalentes comerciais como o Adobe Illustrator e o Affinity Designer. Os conceitos são os mesmos, apenas muda o nome dos botões.

Elementos principais

• Barra de menus: acesso a todas as funções do programa (Ficheiro, Editar, Objeto, Caminho, Texto).
• Barra de opções: mostra as propriedades da ferramenta ativa no momento.
• Caixa de ferramentas: seleção, formas, caneta Bézier, texto, cor, entre outras.
• Painel de propriedades: preenchimento, traço, camadas, alinhamento e texto.

Navegar na área de trabalho

• Zoom: ampliar para o detalhe, reduzir para a visão de conjunto.
• Navegação (pan): deslocar a área visível sem mexer nos objetos.
• Réguas e guias: alinhar elementos com precisão.
• Grelha (grid) e snap: fazem os objetos "colarem" a pontos precisos, evitando desalinhamentos.

Uma área de trabalho bem conhecida e arrumada acelera todo o processo de edição.

5. Ficheiros: abrir, fechar, importar

Criar, abrir e guardar

Ao criar um novo documento, define-se logo o tamanho de página e as unidades (mm, px, pt). O ficheiro nativo (por exemplo .svg no Inkscape, .ai no Illustrator) é o formato editável de trabalho: guarda-se e reabre-se sempre nesse formato até ao momento da entrega final.

Importar bitmaps e outros vetores

• Importar imagem: traz uma fotografia ou textura para dentro do documento vetorial, como referência ou para traçado automático.
• Importar outro vetor: reaproveita símbolos, logótipos ou bibliotecas de formas já existentes.
• É preciso verificar sempre se a imagem importada fica ligada (depende do ficheiro original) ou incorporada (fica guardada dentro do documento).

Exemplo resolvido · organizar um novo projeto

1. Criar um novo documento com o tamanho da prancheta principal (por exemplo, A4).
2. Guardar de imediato com um nome claro, numa pasta dedicada ao projeto.
3. Importar as imagens de referência (moodboard) numa camada só de referência.
4. Bloquear essa camada de referência para não a mexer por engano.
5. Só depois começar a desenhar, numa nova camada.

Organizar bem os ficheiros desde o início evita "documentos partidos" quando se muda de computador ou se perde uma imagem importada.

6. Curvas de Bézier

Nós e alças

A curva de Bézier é o fundamento de todo o desenho vetorial. É descrita por nós (âncoras) ligados por segmentos, cada nó com alças (handles) que controlam a curvatura.

• Nó reto (cúspide): as duas alças movem-se de forma independente, produzindo um canto vivo.
• Nó suave: as alças movem-se em espelho uma da outra, produzindo uma curva contínua.
• Num nó em cúspide cada alça controla só o segmento ao seu lado; num nó suave as alças ficam alinhadas e a curva atravessa o nó sem quebra; num nó simétrico, além de alinhadas, têm o mesmo comprimento.
• Num nó suave ou simétrico, puxar uma alça altera a curva imediatamente antes e depois desse nó, sem afetar os restantes pontos do caminho.

Desenhar com a caneta

Passos com a ferramenta caneta:

1. Clicar para colocar o primeiro nó.
2. Clicar num ponto seguinte para criar um segmento reto, ou clicar e arrastar para criar curvatura.
3. Repetir até completar o traçado desejado.
4. Fechar o caminho clicando de novo no primeiro nó, ou deixá-lo aberto.

Editar nós já criados

Com a ferramenta de edição de nós: selecionar um nó, arrastar o próprio nó ou as suas alças, adicionar novos nós a meio de um segmento, ou remover nós desnecessários.

Exemplo resolvido · traçar uma folha simples

1. Colocar um nó na base da folha.
2. Arrastar até ao topo, criando uma alça longa para uma curva suave de um lado.
3. Colocar um segundo nó no topo, fechando a ponta da folha.
4. Voltar à base com outra curva simétrica, do outro lado.
5. Fechar o caminho e ajustar as alças até a forma parecer natural.

O resultado é uma forma de folha com apenas dois nós (base e ponta) ligados por dois segmentos curvos, editável a qualquer escala. Poucos nós bem colocados dão sempre uma curva mais limpa do que muitos nós mal posicionados.

7. Linhas e formas primitivas

Linhas

• A ferramenta de linhas retas desenha segmentos entre pontos, com ou sem restrição de ângulo.
• Espessura, estilo e remate: linha fina ou grossa, contínua ou tracejada, extremidades retas ou arredondadas.
• União de segmentos: dois traços separados podem ser combinados num só caminho.
• Dimensionamento: escalar uma linha mantendo, ou não, a proporção da espessura.

Formas primitivas

• Sólidos geométricos simples: retângulo, elipse, polígono, estrela, cada um com parâmetros próprios como cantos arredondados ou número de lados.
• Desenho a partir de pontos: criar um polígono livre clicando ponto a ponto.

As formas primitivas nascem já editáveis como qualquer outro caminho vetorial, e são o ponto de partida mais rápido para muitos desenhos: um ícone começa quase sempre por um círculo ou um retângulo.

8. Seleção, transformação e operações booleanas

Selecionar, copiar, duplicar, eliminar

• Selecionar: um objeto, vários (por clique e arrasto), ou todos.
• Copiar e colar: reutilizar um objeto noutro local ou documento.
• Duplicar: criar uma cópia exata no mesmo lugar, pronta a deslocar.
• Eliminar: remover apenas os objetos selecionados.

Posicionar, rodar, dimensionar, agrupar

• Posicionamento: mover livremente ou por coordenadas exatas.
• Rotação: em torno de um centro, livre ou com ângulo fixo.
• Dimensionamento (escala): aumentar ou reduzir, mantendo ou não a proporção.
• Agrupamento e combinação: juntar vários objetos para os mover e transformar como um só, desagrupando sempre que for preciso voltar a editar cada elemento.
• Alteração de forma e enchimento: mudar diretamente os nós de um objeto, ou o seu preenchimento, sem desfazer o grupo.

Operações booleanas

As operações booleanas combinam duas ou mais formas numa forma nova:

Exemplo resolvido · construir um ícone de lua

1. Desenhar dois círculos do mesmo tamanho, sobrepostos.
2. Deslocar o círculo de cima ligeiramente para a direita.
3. Selecionar os dois círculos e aplicar subtração, retirando o de cima ao de baixo.
4. O resultado é uma forma de crescente lunar, construída só com formas primitivas e uma operação booleana.

Com formas primitivas e operações booleanas, constroem-se ícones e logótipos complexos sem tocar na caneta Bézier.

9. Alinhamento, distribuição e pranchetas

Alinhar e distribuir

• Alinhamento: pelo topo, base, esquerda, direita, centro horizontal ou centro vertical.
• Distribuição: espaçamento igual entre vários objetos, horizontal ou verticalmente.
• O alinhamento pode fazer-se em relação à seleção, à página ou a um objeto âncora.

Um layout com objetos mal alinhados salta logo à vista; o painel de alinhamento e distribuição substitui o "olhómetro" por precisão matemática.

Trabalhar e gerir pranchetas

As pranchetas (artboards) são áreas de página independentes dentro do mesmo documento, cada uma com o seu próprio conteúdo e tamanho.

• Permitem desenhar, por exemplo, um cartaz, um post de rede social e um cartão de visita no mesmo ficheiro, partilhando cores e estilos.
• Criam-se, redimensionam-se, duplicam-se e reordenam-se como qualquer objeto.
• Cada prancheta pode ser exportada individualmente, sem afetar as restantes.

Trabalhar e gerir pranchetas é uma das quatro realizações oficiais desta UC: dominar esta ferramenta poupa imenso tempo em projetos com várias peças relacionadas.

10. Cor: RGB, CMYK, Pantone e gestão de cor

Os três modelos de cor

• RGB (vermelho, verde, azul): cor de luz, usada em ecrãs, web e redes sociais.
• CMYK (ciano, magenta, amarelo, preto): cor de tinta, usada em impressão offset.
• Pantone (PMS): sistema de cores diretas, cada uma com um código único; é uma cor direta normalizada, que reduz a variação entre fornecedores, mas cujo aspeto final depende do suporte.

Quando usar cada modelo

Gestão de cor e perfis

A gestão de cor garante que a mesma cor aparece de forma consistente em diferentes ecrãs e impressoras.

• Um perfil de cor (ICC) descreve como um dispositivo específico reproduz a cor.
• Sem gestão de cor, o mesmo ficheiro pode parecer diferente num portátil, num telemóvel e numa impressora.
• O espaço de cor do documento (RGB ou CMYK) deve ser escolhido logo na criação, de acordo com o destino final.

Aplicar e alterar cor nos objetos

Selecionar o objeto e aplicar cor pelo seletor de cor, por código (Hex, RGB, CMYK) ou por amostra guardada. Criar uma paleta de amostras reutilizável mantém a consistência ao longo de um projeto inteiro.

Um manual de identidade visual define sempre a cor da marca nas três versões: o código Hex/RGB para o digital, o CMYK para a impressão corrente, e por vezes um Pantone para materiais especiais.

11. Preenchimentos, traços e gradientes

Preenchimento e traço

Todo o objeto vetorial tem duas propriedades de cor independentes:

• Preenchimento (fill): a cor que enche o interior da forma, sólido, gradiente, padrão ou nenhum.
• Traço (stroke): a cor e a espessura do contorno, independente do preenchimento.

É possível ter só preenchimento, só traço, os dois, ou nenhum, útil para objetos de guia que não devem aparecer na exportação final.

Gradientes

O gradiente faz a cor transitar suavemente entre dois ou mais tons:

• Linear: transição em linha reta, com direção e ângulo ajustáveis.
• Radial: transição a partir de um ponto central, em círculo.
• Cada paragem de cor (stop) no gradiente pode ter uma cor e uma opacidade diferentes.

Exemplo resolvido · botão com efeito de volume

1. Desenhar um retângulo com cantos arredondados.
2. Aplicar um gradiente linear, de cima para baixo.
3. Definir a paragem superior com um tom mais claro e a inferior com um tom mais escuro da mesma cor.
4. Adicionar um traço fino, ligeiramente mais escuro que o preenchimento.

O resultado é um botão com sensação de volume, construído apenas com preenchimento em gradiente e traço.

12. Camadas

A paleta de camadas

As camadas (layers) organizam o documento em níveis independentes, sobrepostos como folhas transparentes.

• Criação e eliminação: conforme a organização do projeto (fundo, ilustração, texto, guias).
• Movimentação: reordenar camadas para mudar o que fica visualmente por cima ou por baixo.
• Cópia: duplicar uma camada inteira, útil para criar variantes de uma composição.
• Bloqueio: proteger uma camada contra edições acidentais enquanto se trabalha noutra.

Boas práticas

• Bloquear as camadas de referência (guias, fundo) para não as mexer por engano.
• Usar cores diferentes por camada no painel, para identificação rápida.
• Esconder camadas temporariamente para rever só uma parte da composição.
• Manter poucas camadas bem nomeadas em vez de dezenas sem organização.

Uma boa gestão de camadas revela o sentido de organização, uma das atitudes avaliadas nesta unidade. Sem camadas bem geridas, um desenho complexo torna-se rapidamente impossível de gerir.

13. Texto vetorial, tipografia e conversão em curvas

Texto como objeto vetorial

O texto num programa vetorial é, à partida, um objeto editável: continua a ser texto real, com tipo de letra, tamanho e alinhamento próprios.

• Adição e seleção de texto: criar uma caixa de texto e escrever ou colar conteúdo.
• Procura e edição: alterar palavras sem redesenhar nada.
• Formatação: tipo de letra, tamanho, espaçamento entre linhas e entre letras, alinhamento.

Converter texto em curvas

Converter texto em curvas (outline) transforma cada letra num caminho vetorial normal, deixando de ser texto editável.

• Garante que o design aparece exatamente igual em qualquer computador, mesmo sem o tipo de letra instalado.
• Antes de enviar para impressão, o texto tem de ficar independente dos tipos de letra instalados na gráfica: ou se exporta PDF com os tipos de letra incorporados (a prática corrente, em PDF/X), ou se converte o texto em curvas. A conversão em curvas é a solução quando a licença do tipo de letra não permite incorporação ou quando a gráfica o pede; confirma sempre o que a gráfica exige e mantém uma cópia editável.
• Depois de converter, já não é possível editar o conteúdo do texto, só a forma das letras.

Boa prática: manter sempre uma cópia com o texto ainda editável, e converter em curvas só na versão final de entrega.

14. Traçado automático a partir de bitmap

O que é o traçado automático (tracing)

O traçado automático converte uma imagem bitmap, fotografia, desenho digitalizado ou logótipo antigo em baixa resolução, numa imagem vetorial, criando automaticamente nós e curvas que seguem os contornos. É uma das quatro realizações oficiais desta UC: criar imagens vetoriais a partir de bitmaps.

Parâmetros e limpeza do resultado

• Nível de detalhe: mais detalhe cria mais nós, ficheiros mais pesados e mais fiéis; menos detalhe simplifica a forma.
• Número de cores: reduzir cores simplifica formas, ideal para logótipos.
• Suavização: reduz nós desnecessários mantendo a forma geral.
• Depois do traçado, limpar nós redundantes, simplificar caminhos e verificar preenchimentos.

Exemplo resolvido · vetorizar um logótipo antigo

1. Importar o ficheiro JPG do logótipo antigo, com a melhor resolução disponível.
2. Aplicar traçado automático com poucas cores (2 a 3), próprias de um logótipo simples.
3. Comparar o resultado com o original e ajustar o nível de detalhe se necessário.
4. Separar as cores em objetos distintos e limpar nós redundantes manualmente.
5. Guardar o resultado como novo ficheiro vetorial, mantendo o original bitmap como referência.

Um bom traçado combina automação, que dá rapidez, com revisão manual, que dá qualidade.

15. Composição visual e processo criativo

Princípios da composição visual

• Equilíbrio: distribuição visual do peso dos elementos, simétrico ou assimétrico.
• Ritmo: repetição e variação que criam movimento visual.
• Proporção: relação de tamanho entre elementos e com a página.
• Hierarquia e foco visual: o que se vê primeiro, o que se vê depois.
• Perspetiva: sugestão de profundidade, mesmo em desenho plano.

Estes princípios aplicam-se tanto a um cartaz completo como a um único ícone.

Do processo criativo ao projeto de ilustração

A produção de um projeto de ilustração segue normalmente estas fases:

1. Objetivos: o que se quer comunicar e a quem.
2. Pesquisa e referências: recolha de inspiração e construção de um moodboard.
3. Esboços: várias ideias rápidas, analógicas ou digitais.
4. Desenvolvimento vetorial: escolha do melhor esboço e construção em vetor.
5. Revisão e refinamento: ajuste de cor, proporção e detalhe.
6. Entrega: exportação nos formatos certos para o destino final.

A criatividade beneficia de método: um processo estruturado produz melhores resultados do que começar a desenhar sem plano.

16. Preparação para impressão

Sangria, marcas de corte e área de segurança

Para impressão profissional, o ficheiro precisa de margens técnicas além do tamanho final:

• Sangria (bleed): extensão de 2 a 3 mm além do corte, para que não fique uma linha branca se o corte desalinhar ligeiramente.
• Marcas de corte (trim marks): linhas finas que indicam à gráfica onde cortar exatamente.
• Área de segurança: margem interior onde nenhum texto ou elemento importante deve entrar, para não ficar demasiado perto da borda.

Sobreimpressão

A sobreimpressão (overprint) define se uma cor se imprime por cima da anterior ou a substitui. Mal configurada, pode fazer desaparecer elementos sem querer, por isso deve ser verificada antes de enviar o ficheiro final.

Exportação e envio para impressão

• Preparar as cores para CMYK conforme o software: no Illustrator ou no Affinity Designer define-se o modo de cor CMYK do documento; o Inkscape trabalha em RGB e não exporta PDF em CMYK de forma nativa, por isso o ficheiro RGB final é convertido em CMYK noutra aplicação (por exemplo Scribus ou Ghostscript) ou a gráfica faz a conversão com perfil ICC acordado. Em qualquer caso, rever as cores com a prova de cor antes de enviar.
• Garantir que o texto não depende de tipos de letra em falta (PDF com os tipos de letra incorporados ou texto convertido em curvas, conforme a gráfica pedir) e que as imagens estão em resolução adequada, tipicamente 300 ppi.
• Pedir uma prova de cor sempre que a cor exata for crítica, como numa marca institucional.
• Exportar cada peça no formato certo: PDF para impressão, SVG para web, EPS ou AI para reedição futura.

Um ficheiro sem sangria, com o texto dependente de tipos de letra em falta ou no modelo de cor errado é um dos motivos mais comuns de recusa numa gráfica profissional.

Erros comuns

• Entregar um logótipo só em bitmap (PNG ou JPG), sem o ficheiro vetorial fonte.
• Aplicar demasiados nós numa curva simples, em vez de poucos nós bem posicionados.
• Confundir a cor do traço com a cor do preenchimento ao tentar mudar a cor de um objeto.
• Desenhar tudo numa só camada, tornando impossível editar ou isolar um elemento mais tarde.
• Enviar um ficheiro em RGB para impressão sem o converter para CMYK noutra aplicação ou sem combinar a conversão com a gráfica.
• Aceitar o resultado de um traçado automático sem qualquer limpeza manual dos nós.
• Esquecer a sangria e a área de segurança, obrigando a gráfica a devolver o ficheiro.
• Enviar o texto sem incorporar os tipos de letra no PDF nem o converter em curvas, arriscando mudar o tipo de letra.

Glossário

• Bitmap (raster): imagem composta por uma grelha de pixels de cor fixa.
• Vetorial: imagem descrita por fórmulas matemáticas de pontos, linhas e curvas.
• Curva de Bézier: curva matemática definida por nós e alças, base do desenho vetorial.
• Nó (âncora): ponto de um caminho vetorial que define a sua forma.
• Alça (handle): ponto de controlo que define a curvatura junto a um nó.
• Operação booleana: combinação de formas por união, subtração, interseção ou diferença simétrica.
• Prancheta (artboard): área de página independente dentro do mesmo documento.
• RGB: modelo de cor de luz, usado em ecrãs.
• CMYK: modelo de cor de tinta, usado em impressão offset.
• Pantone (PMS): sistema de cores diretas com código único.
• Perfil de cor (ICC): descrição de como um dispositivo reproduz a cor.
• Gradiente: transição suave entre duas ou mais cores.
• Camada (layer): nível independente e sobreposto dentro do documento.
• Converter em curvas: transformar texto editável em caminhos vetoriais fixos.
• Traçado automático (tracing): conversão automática de bitmap em vetor.
• Sangria (bleed): margem extra além do corte final, para impressão.
• Sobreimpressão (overprint): impressão de uma cor por cima de outra já impressa.

Síntese

Uma imagem vetorial descreve-se por fórmulas matemáticas, ao contrário do bitmap, composto por pixels: por isso mantém a nitidez a qualquer escala. O desenho vetorial constrói-se com curvas de Bézier (nós e alças), formas primitivas e operações booleanas, organizado em camadas, pranchetas e uma paleta de cor consistente (RGB, CMYK, Pantone, com gestão de cor por perfis). O texto mantém-se editável até se converter em curvas na entrega final, e uma fotografia pode tornar-se vetor por traçado automático. A composição visual e o processo criativo organizam a ideia em layout; a exportação escolhe o formato certo para cada destino; e a preparação para impressão, com sangria, marcas de corte e sobreimpressão corretas, garante que o resultado final sai como foi desenhado.

Exercícios resolvidos

1. Um cliente pede um logótipo que vai aparecer num cartão de visita e numa faixa de dez metros. Que paradigma escolhes e porquê?

Resolução: vetorial. A imagem vetorial mantém a nitidez a qualquer escala, porque é descrita por fórmulas matemáticas, não por pixels fixos. Um bitmap perderia qualidade drasticamente ao passar de um cartão para uma faixa de dez metros.

2. Tens uma curva com um canto vivo e uma curva suave a seguir. Que tipo de nó usas em cada transição?

Resolução: nó reto (cúspide) no canto vivo, porque as alças se movem de forma independente e permitem um ângulo definido; nó suave na transição contínua, porque as alças em espelho garantem que a curva não quebra.

3. Queres construir rapidamente um ícone em forma de anel (um círculo com um buraco no meio). Que método usas?

Resolução: desenhar dois círculos concêntricos de tamanhos diferentes e aplicar a operação booleana de subtração (ou diferença), retirando o círculo pequeno ao grande. O resultado é o anel, sem desenhar uma única curva à mão.

4. Um logótipo em RGB fica vibrante no ecrã mas baço quando impresso numa gráfica. O que aconteceu e como se evita?

Resolução: o ficheiro não foi convertido para CMYK antes de imprimir. O RGB é um modelo de luz, mais vasto e vibrante, enquanto o CMYK é um modelo de tinta, mais limitado. Evita-se preparando as cores para CMYK (no Illustrator ou no Affinity define-se o modo CMYK do documento; no Inkscape, que trabalha em RGB, o ficheiro é convertido noutra aplicação, como o Scribus ou o Ghostscript, ou pela gráfica com perfil ICC acordado) e revendo as cores com a prova de cor antes de enviar.

5. Recebeste o logótipo de um cliente só em JPG de baixa resolução e precisas do vetor. Que técnica usas e que cuidado tens a seguir?

Resolução: traçado automático (tracing), seguido de limpeza manual dos nós, porque o resultado automático raramente fica perfeito à primeira. Depois separa-se as cores em objetos distintos e simplificam-se os caminhos.

6. Vais entregar um cartaz A2 a uma gráfica. Enumera três verificações técnicas obrigatórias antes de enviar o ficheiro.

Resolução: (1) cores preparadas para CMYK (conforme o software, ou conversão pela gráfica com perfil ICC acordado); (2) sangria de 2 a 3 mm e marcas de corte definidas; (3) texto independente dos tipos de letra da gráfica: PDF com os tipos de letra incorporados ou texto convertido em curvas (quando a licença não permite incorporação ou a gráfica o pede), mantendo uma cópia editável, para o design não mudar.