Como desenhar formas geométricas e padrões pixel-perfeitos?

2

Ao projetar interfaces de usuário, jogos e outros aplicativos visuais, muitas vezes você precisa ter uma imagem com um padrão geométrico bem definido. Alguns exemplos:

  • Uma imagem de espaço reservado de tamanho determinado com uma borda vermelha de 1 ponto:

  • Umaimagemdetamanho64x64comfundopretoeumcírculobrancoexatamentenomeioquedesbotaemdireçãoàsbordas,paraserusadacomoumatexturademáscara:

  • Um triângulo cinza com determinados ângulos e comprimentos de aresta em pixels:

Qual é uma boa maneira de criar esse tipo de formas regulares? Atualmente, estou apenas usando aplicativos de processamento de imagens como o Pixelmator, mas os resultados não são muito ideais, porque você precisa estimar muito. É mais trial & erro do que renderização exata. O círculo branco no exemplo acima provavelmente não está exatamente no meio exatamente.

    
por Jawap 26.12.2013 / 17:16

1 resposta

2

Você pode experimentar o ImageMagick. Veja um exemplo da página deles dos exemplos de desenhos :

convert -size 100x60 xc:skyblue -fill white -stroke black \
        -draw "path 'M 30,10 20,55 70,50 80,5 Z
                     M 50,20 60,40 40,30 Z' " path_with_hole.gif

Isso produz esta imagem:

    
por 26.12.2013 / 17:58