Como fazer

Configurações e exportação de tinta vetorial: Grelhas, unidades, configuração de tela e exportação PNG/JPG

Introdução

Digite o seu espaço de trabalho e produza da forma correta. Este tutorial aborda Configurações de projeto (grades, guias, réguas, encaixe), Configurações de documento (tamanho, plano de fundo, unidades) e Opções de exportação (PNG/JPG, transparência, limites de seleção e corte) para que seus designs sejam precisos e prontos para produção.

O que você aprenderá

  • Como ativar grelhas, retirar guias de réguas e ler medidas de guia.
  • Escolhendo unidades (px/in) e definindo um DPI apropriado para exportações rasterizadas.
  • Configurando o tamanho do documento, a cor de fundo e as predefinições.
  • Exportação de PNG/JPG com fundo transparente, limites de seleção e crop.

Configurações do projeto: Grelha, Guias, Réguas e Snap

  1. Abrir configurações (ícone de engrenagem) → alternar Mostrar grade, Mostrar guias e Mostrar régua.
  2. Puxar guias das réguas; o Vetor Ink exibe a distância entre guias para layouts perfeitos em termos de pixels.
  3. Tamanho e unidades da grade: Defina o espaçamento da grade (por exemplo, 25) e escolha as unidades (Pixels ou Inches).
  4. DPI: Controla a resolução do PNG/JPG exportado. Escolha valores que correspondam à sua saída (por exemplo, 72-150 para a Web, 300 para visualizações de impressão).
  5. Opções de snap:
    • Snap to Bounds - alinhar bordas/centros de objetos.
    • Snap to Angles - alinha rotações (a cada 45°).
    • Snap to Grid - trava as linhas de grade.
    • Snap to Sizes - corresponde à largura/altura de outro objeto.
    • Snap to Guides - encaixe objetos em guias personalizadas.

Configurações do documento: Tamanho da tela e plano de fundo

  1. Abrir Documento (ícone de papel) para definir a cor de fundo da tela através da paleta, roda ou conta-gotas.
  2. Definir Largura/Altura nas suas unidades ativas (px ou in). Use predefinições incorporadas para tamanhos comuns (social, carta, dispositivo).
  3. Tipo de selecionador (Wheel, HSB, RGB, Hex) para cores de marca precisas.

Exportando PNG/JPG com os limites certos

Use o painel Exportar para PNG ou JPG (SVG/PDF estão disponíveis no painel esquerdo).

  • Formato: PNG suporta transparência; JPG não.
  • Limites:
    • Documento - exporta a tela completa.
    • Seleção - exporta apenas os objetos selecionados.
    • Corte - ativa a ferramenta de corte, desenha uma região ou insere dimensões exatas de corte.
  • Largura final: A largura de saída definitiva (a altura é dimensionada proporcionalmente). As fontes vetoriais garantem exportações nítidas em qualquer tamanho.
  • Salvar: Inicia o download para o seu dispositivo.

Fluxos de trabalho rápidos

  • Logotipo transparente para Web: Defina o plano de fundo do documento conforme necessário durante o design → Exporte como PNG com Transparência ativada → Seleção limites para cortes de logotipo apertados.
  • Postagem social: Escolha uma predefinição (por exemplo, 1080×1080) → Design → Exportar Documento limites na Largura final 1080 para imagens prontas para a plataforma.
  • Mockup Slice: Use Crop bounds para pegar apenas a área que você precisa → Defina Final Width para os pixels exatos que seu site requer.

Dicas e resolução de problemas

  • Pré-visualização recortada? Aumente o DPI para exportações rasterizadas (PNG/JPG). Os vetores permanecem nítidos; o DPI afeta apenas a saída rasterizada.
  • Objetos não se encaixam? Verifique se a opção Snap relevante está ativada e aumente o zoom para obter um posicionamento preciso.
  • Área de exportação errada? Verifique os limites (Documento vs Seleção vs Recorte) antes de salvar.
  • Cor incompatível na exportação? Confirmar a cor de fundo (ou transparência) e reexportar como PNG, se necessário.

Configure uma vez, exporte sempre com perfeição

Com grades, guias e configurações exatas de documentos, você pode exportar ativos consistentemente nítidos para a Web ou para impressão. Abra Vetor Ink, configure sua tela e envie gráficos com pixels perfeitos em minutos.

Related