O Desenho Abaixo É Formado Por Dois Círculos Concêntricos

Construindo desenhos com círculos concêntricos: o que realmente funciona

O desenho abaixo é formado por dois círculos concêntricos é uma afirmação simples, mas na prática montar isso com precisão em qualquer software de desenho ou CAD exige atenção a alguns detalhes que quase ninguém menciona. Vou explicar como eu faço e onde as pessoas costumam errar. Círculos concêntricos compartilham o mesmo centro. Parece óbvio, mas já vi gente perder horas porque o raio do segundo círculo foi desenhado a partir de um ponto ligeiramente deslocado. O resultado visual parece certo à primeira vista, mas qualquer medição técnica mostra o erro. A diferença pode ser de frações de milímetro e passa despercebida até você tentar fazer um hachure ou exportar para impressão. No meu caso, worked com um projeto de anéis de vedação onde a diferença entre os raios precisava ser exata. Usei SVG no fim porque o Illustrator não respeitava a tolerância que o engenheiro pedia. O workaround foi simples: gerar o arquivo direto com código, usando coordenadas calculadas em vez de confiar nos pontos de snap do software gráfico.

Aqui está o básico de como montar isso de forma confiável: Primeiro, defina o centro. Seja qual for o software que estiver usando, trace linhas de construção ou marque explicitamente o ponto central. Não confie que duas circunferências desenhadas na mesma posição visual sejam realmente concêntricas. Depois, calcule os raios antes de desenhar. Se você precisa de um anel com espessura de 3 milímetros partindo de um círculo interno de raio 10, o círculo externo deve ter raio 13 exatos. Some os valores e pronto. Não meça depois, porque medição em tela introduz erro de arredondamento.

Se estiver usando SVG, aqui vai um exemplo funcional que eu uso frequentemente: <svg width="200" height="200">
<circle cx="100" cy="100" r="80" fill="none" stroke="black" stroke-width="2"/>
<circle cx="100" cy="100" r="40" fill="none" stroke="black" stroke-width="2"/>
</svg> Dois círculos, mesmo centro, raios diferentes. Ocx e cy são iguais para ambos. Isso é o que garante a concentridade, não a aparência visual.

Um problema que muitas pessoas não consideram: quando você aplica preenchimento entre os dois círculos para criar uma coroa circular, a operação booleana pode falhar se os raios forem muito próximos. Já tive um caso onde a diferença era de 0,5 unidade e o software interpretou como sobreposição imperfeita, gerando artefatos na borda. A solução foi aumentar a resolução do arquivo ou usar path em vez de shape para o preenchimento. Outro detalhe prático: se o desenho for usado para fabricação, verifique se a espessura da linha que você vê na tela não será interpretada como parte da geometria. Um círculo de raio 50 com stroke de 4 pixels pode parecer um anel de espessura 2, mas na realidade o contorno ocupa de 48 a 52. Para engenharia, o ideal é usar stroke zero e desenhar a coroa como um path fechado entre os dois raios. Se você precisa baixar um template pronto, a maioria dos editores vetoriais permite salvar um arquivo base com os círculos já definidos. No Inkscape, por exemplo, vou em Ferramenta de Círculo, seguro Shift para manter a proporcionalidade, clico no centro marcado e arrasto para o primeiro raio. Repito para o segundo sem mover o ponto central. Exporte como .svg e reutilize.

O que funciona melhor depende do seu fluxo. Se o trabalho é puramente ilustrativo, círculos sobrepostos com stroke resolvem rápido. Se envolve medição, fabricação ou integração com outros sistemas, calcule os raios explicitamente e gere o desenho por código ou com restrições geométricas ativas. Confiança visual nunca substitui precisão numérica. Resumo prático: defina o centro com marcação explícita, calcule os raios antes de desenhar, use stroke zero quando a espessura da linha interferir, e teste a operação booleana antes de confiar no preenchimento entre os círculos.