> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Arte para bottons: frente, dobra e área segura

> Prepare a arte de bottons com um exemplo radial medido. Mantenha o logo na frente, preserve o tamanho do gabarito e siga a sangria indicada pelo fabricante.

Source: https://perfectvector.com/pt-BR/blog/pinback-button-artwork-template

Language: pt-BR
Author: Irene Kim
Published: 2026-10-16T08:00:00+09:00

Para um botton com alfinete, mantenha letras e detalhes essenciais do logo dentro da área segura do gabarito. O círculo impresso maior inclui material que se dobra ao redor da cápsula; seu diâmetro de corte não é a área frontal do logo. Um design pode caber no círculo de papel e ainda perder um detalhe relevante ao redor da borda.

Comece com o gabarito do botton e da prensa reais. As [instruções de gabarito da PureButtons](https://www.purebuttons.com/faq/does-my-artwork-have-template-use-templates) alertam explicitamente que texto e logos fora da zona de segurança podem se dobrar para as laterais. Sua camada de prova mostra a frente separada da arte completa. Essa distinção é a conferência útil antes de imprimir uma folha.

## Leia separadamente área segura, frente e limite de corte

Este guia trata de arte impressa em papel e prensada ao redor de uma cápsula de botton. A [arte de produção de um pin esmaltado](https://perfectvector.com/pt-BR/blog/enamel-pin-vector-artwork) tem outros requisitos de material e geometria. Da mesma forma, um [layout plano de pingente acrílico](https://perfectvector.com/pt-BR/blog/acrylic-keychain-artwork) não estabelece a margem de dobra de um botton.

Use os rótulos e as dimensões fornecidos para o produto escolhido. Os gabaritos podem chamar a região central de zona segura, área de imagem ou área útil e mostrar guias adicionais de texto da borda ou fundo.

| Região ou limite | O que conferir                                                                                 |
| ---------------- | ---------------------------------------------------------------------------------------------- |
| Área segura      | Letras, rostos e detalhes importantes do logo ficam dentro da região protegida pelo fabricante |
| Frente           | A parte do design que deve ser lida de frente                                                  |
| Região de dobra  | A arte fora da frente continua ao redor da cápsula ou para trás; não é espaço frontal extra    |
| Limite de corte  | O tamanho da peça de papel, separado da área frontal útil                                      |

Um círculo de área segura também difere da regra de área de proteção da marca. Essa proteção descreve o espaço que outros conteúdos devem deixar ao redor do logo. Você pode precisar das duas restrições: encaixar o logo completo e sua margem exigida na região segura disponível. Nosso [cálculo de área de proteção do logo](https://perfectvector.com/pt-BR/blog/logo-clear-space-calculation) explica como preservar essa margem.

## Um detalhe pode caber no corte e sair da frente

Criamos um emblema original DAYTRAIL com montanha e sol e o posicionamos em um layout circular de exemplo. Ele tem três círculos de guia e uma faixa sombreada de dobra:

| Medida do exemplo | Diâmetro | Raio  |
| ----------------- | -------- | ----- |
| Círculo seguro    | 38 mm    | 19 mm |
| Círculo frontal   | 44 mm    | 22 mm |
| Círculo de corte  | 54 mm    | 27 mm |

A faixa sombreada de dobra vai do raio frontal de 22 mm ao raio de corte de 27 mm. Essas dimensões foram inventadas para a explicação. Não são um gabarito de tamanho comercial de botton, um ajuste de máquina ou uma margem de segurança recomendada.

O sol do emblema é um círculo de raio 4 mm, com centro 20 mm à direita e 10 mm acima do centro do layout. Seu ponto mais distante fica a cerca de 26.36 mm do centro: a distância até o centro do sol, cerca de 22.36 mm, mais seu raio de 4 mm. Ele cabe no nosso raio de corte de 27 mm, mas ultrapassa o raio frontal de 22 mm.

Essa é a falha que queríamos reproduzir. Conferir apenas se a arte cabe no círculo de corte não a detectaria.

![Renderizações reais de um exemplo original de arte de botton antes e depois de redimensionar apenas o emblema; o sol grande ultrapassa o círculo frontal, enquanto o emblema menor cabe no círculo seguro](https://perfectvector.com/blog/pinback-button-artwork-template/radial-boundary.webp)

*Geometria ilustrativa original renderizada de um PDF na mesma escala. Os recortes planos da frente revelam um problema de limite; não são fotografias ou previsões de bottons prensados.*

Renderizamos o exemplo SVG/PDF original com um recorte frontal circular para inspecionar esse limite. O recorte esconde parte do sol grande demais. Um botton real faz curva e dobra, então essa conferência plana não prevê exatamente quanto do sol alguém verá de um ângulo.

## Redimensione a marca sem redimensionar o gabarito

Para a amostra corrigida, escalamos apenas o emblema completo para 70% ao redor do mesmo centro. O alcance radial externo do sol passou a cerca de 18.45 mm, cabendo no raio seguro de 19 mm. A montanha e as letras se moveram para dentro com ele. O fundo e todos os círculos do gabarito mantiveram suas dimensões originais.

| O que mudou                   | Antes             | Depois            |
| ----------------------------- | ----------------- | ----------------- |
| Escala local do emblema       | 100%              | 70%               |
| Alcance radial externo do sol | Cerca de 26.36 mm | Cerca de 18.45 mm |
| Diâmetro frontal              | 44 mm             | 44 mm             |
| Diâmetro de corte             | 54 mm             | 54 mm             |

O valor de 70% resolve este exemplo criado por nós. Para outra marca, ajuste posição, proporções dentro de uma composição aprovada, detalhe ou escala geral conforme as restrições dessa arte. Confira o emblema inteiro, incluindo pequenos detalhes separados e qualquer área de proteção exigida.

Reduzir o arquivo inteiro do exemplo para 70% diminuiria o círculo de corte de 54 mm para 37.8 mm. Isso muda o tamanho de produção em vez de corrigir a posição da arte dentro dele. Mantenha a geometria do gabarito do fornecedor fixa ao editar a camada de arte.

Nota de método: inspecionamos os raios dos círculos e as transformações da arte no SVG original, conferimos as dimensões codificadas do PDF e renderizamos as quatro vistas com Poppler 26.02.0. Cada página PDF mede 66 × 66 mm, com as mesmas dimensões nominais das guias. É um teste digital de medição e renderização. Não houve impressão em papel, prensagem física, estudo de legibilidade ou aprovação de fornecedor.

## Siga exatamente as instruções de fundo do fabricante

Não suponha que todo fornecedor de bottons queira cor até a mesma linha externa. Duas instruções atuais mostram por quê:

* O [guia de gabaritos da American Button Machines](https://www.americanbuttonmachines.com/pages/free-button-making-templates) diz para estender o fundo em cores até sua linha de corte.
* A Dr. Don's Print Lab separa área de imagem, área de fundo e linha de corte nas [especificações de arte para bottons](https://buttonsonline.com/pages/artwork-for-buttons). Suas prensas de alta velocidade exigem um intervalo branco entre o fundo especificado e a linha de corte; a empresa alerta explicitamente para não preenchê-lo.

São instruções para configurações de produção diferentes. Use a correspondente ao seu pedido ou máquina real. Nosso exemplo sombreado explica as regiões; sua faixa externa preenchida não anula um intervalo branco exigido pelo fornecedor.

Mantenha máscaras de prova, guias de medição e linhas de corte nas camadas solicitadas. Uma prévia apenas da frente ajuda a conferir posição, mas exportar essa vista mascarada como arte completa pode omitir o material externo necessário para produção. A PureButtons [orienta desligar novamente a camada de prova](https://www.purebuttons.com/faq/does-my-artwork-have-template-use-templates) para conferir toda a área de sangria.

## Confira a arte entregue no tamanho nominal

Use esta sequência no primeiro design antes de repeti-lo pela folha:

1. Obtenha o gabarito atual do produto, tamanho e configuração de produção escolhidos. Guarde um mestre com dimensões e rótulos de guias originais.
2. Coloque logo, texto e fundo na camada de arte pretendida. Mantenha os detalhes essenciais na região segura fornecida; inspecione pontos separados, detalhes e elementos finos além da forma principal.
3. Revise a frente separadamente e depois volte ao layout completo. Confirme que o fundo segue as instruções do fabricante para a área externa.
4. Reabra o arquivo exportado de entrega. Compare diâmetro de corte, guias da frente ou área de imagem e posição da arte com o gabarito intacto. Se o círculo de corte mudou de tamanho, corrija a escala de exportação antes de mover elementos individuais.
5. Confira a impressão no tamanho nominal e, quando fizer os bottons, uma amostra prensada com os materiais pretendidos. Confirme letras, posição de bordas e cobertura do fundo antes de produzir o lote.

As [instruções de guia de tamanho imprimível da American Button Machines](https://www.americanbuttonmachines.com/pages/free-button-making-templates) dizem para imprimir a 100%, sem ajuste à página. Essa é sua conferência de tamanho, não uma prova de que toda impressora ou prensa produzirá um botton aceito. Meça sua impressão real e revise a amostra física ou prova do fornecedor.

A conferência digital de posição termina quando o gabarito exportado preserva as dimensões exigidas e a arte essencial permanece na região pretendida. Se uma amostra física ainda perder um detalhe, reveja o gabarito real, escala de impressão, centralização e configuração de produção em vez de tratar a prévia da tela como aprovação final.

## Escolha vetor ou raster para a arte disponível

Um botton pode usar fotografia, ilustração pintada ou logo chapado. Preserve a origem adequada ao design. As [orientações de arte aceita da Dr. Don's](https://buttonsonline.com/pages/artwork-for-buttons) incluem arquivos vetoriais e raster, então traçar não é um requisito automático para encomendar bottons.

Se existir o logo vetorial original, coloque esse mestre no gabarito. Mantenha as letras editáveis no arquivo de trabalho e prepare a cópia de entrega solicitada. Se só restar um logo raster e você precisar de formas escaláveis, o [vetorizador de logos do PerfectVector](https://perfectvector.com/pt-BR/vectorize-logo) pode reconstruir um candidato em SVG. Compare cada detalhe relevante com a origem, coloque a marca revisada no gabarito e confira novamente suas dimensões físicas. A vetorização cria caminhos a partir de pixels; ela não fornece o gabarito da prensa, não infere a posição segura da marca nem verifica um botton acabado. A [introdução à vetorização](https://perfectvector.com/pt-BR/blog/what-is-image-vectorization) explica a etapa de reconstrução.

Nosso emblema foi desenhado diretamente como geometria vetorial. Seu sol precisava de correção de layout, não de traçado. Uma foto detalhada também pode precisar de recorte e posição melhores, permanecendo raster.

## Perguntas frequentes

**O diâmetro de corte é o tamanho da frente visível do botton?**
Não. A peça de papel inclui o material necessário ao redor da cápsula. Use as guias de frente, imagem e área segura do produto para conteúdo importante e o limite de corte para a peça de papel.

**Todos os fundos devem ir até a linha de corte?**
Siga as instruções do fabricante. A American Button Machines mostra fundos em cores até a linha de corte, enquanto a configuração especificada da Dr. Don's exige um intervalo branco entre fundo e corte. O requisito pertence à configuração real de produção.

**Posso reduzir todo o gabarito quando meu logo está grande demais?**
Mantenha o gabarito nas dimensões exigidas e ajuste a arte dentro dele. Reduzir todo o exemplo aqui para 70% mudaria o diâmetro de corte de 54 mm para 37.8 mm.

**Arte vetorial garante texto legível no botton?**
Não. A geometria vetorial preserva formas ao escalar, mas tamanho colocado, desenho tipográfico, espaçamento e produção ainda determinam a legibilidade. Confira a impressão no tamanho nominal e a amostra pronta ou prova do fornecedor.

## Fontes

1. [PureButtons: Como usar seus gabaritos](https://www.purebuttons.com/faq/does-my-artwork-have-template-use-templates) — Zona de segurança, regiões de texto de borda e sangria e camada de prova apenas da frente.
2. [American Button Machines: Gabaritos para fazer bottons](https://www.americanbuttonmachines.com/pages/free-button-making-templates) — Distinção entre corte e área impressa, instruções de fundo e conferência de impressão em tamanho real.
3. [Dr. Don's Print Lab: Arte para bottons](https://buttonsonline.com/pages/artwork-for-buttons) — Dimensões separadas de imagem, fundo e corte; intervalo branco exigido e tipos de arquivo aceitos.

***

Precisa recuperar primeiro um logo de um bitmap? [Crie um candidato de logo vetorial](https://perfectvector.com/pt-BR/vectorize-logo), inspecione os pequenos detalhes e coloque a marca revisada no gabarito correto antes de conferir impressão e prova.

## Explore

- [Read the HTML article](https://perfectvector.com/pt-BR/blog/pinback-button-artwork-template)
- [Fichas de jogo de duas faces: combine frente e verso](https://perfectvector.com/pt-BR/blog/double-sided-game-token-alignment.md)
- [Espessura das linhas de colorir: confira o tamanho impresso](https://perfectvector.com/pt-BR/blog/coloring-page-line-thickness.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)