Limpando a arte da linha com bordas irregulares

14

Então, há um tempo atrás eu criei esse ícone a partir de um jogo, mas olhando para trás por trás de um fundo branco em vez de um canal alfa, suas bordas são super agitadas em alguns lugares, enquanto são suaves em outros, o que possivelmente se deve ao método usado para selecionar determinadas regiões antes de preenchê-lo em balde. Eu estava usando o GIMP e queria saber se existe alguma maneira possível de corrigir isso facilmente (ou seja, tornar todas as arestas uniformes em vez de agitadas). Talvez alguns filtros de renderização ou métodos de seleção que eu não conheça? Pesquisei no Google e no YouTube, mas sem sucesso.

Minha imagem:

http://fc05.deviantart.net/fs71/f/2013/177/7/c/seal_of_mar_by_jacedc-d695fa3.png

(Como você pode ver, as coisas internas em forma de crescente estão agitadas, assim como o exterior do círculo à esquerda e à direita está agitado)

Jacedc
fonte
3
Você marcou como raster e afirma que usou o Gimp. Aplicativos rasterizados sempre resultam em alguns pixels nas bordas dos arcos. Se você usar um aplicativo vetorial, poderá obter linhas mais limpas.
Scott
@ Scott Bem, eu era o único que marcado-lo como raster (embora é claramente uma imagem raster)
Ben Brocka
Eu usei o GIMP e em algum lugar ao longo das linhas (sem trocadilhos) ele acabou parecendo uma imagem raster muito instável. Eu queria saber se existe uma solução rápida para arredondar todas as bordas.
26413 Jacedc
@BenBrocka - a pergunta afirma Gimp .. então raster é uma boa tag. não sei por que foi removido. Jacedc - você está perguntando como no Gimp ??? Como eu comentei, um aplicativo raster não oferecerá muito mais soluções. Não existe um botão "mágico".
Scott
Para evitar as bordas "irregulares" para imagens futuras, você cria desta maneira: verifique se todas as suas seleções estão emplumadas.
Michael Schumacher

Respostas:

11

Eu diria que não há solução rápida e suja para linhas irregulares, você só precisa recriá-la usando vetores. Levei três minutos no Photoshop com efeito Circles and Stroke:

Exemplo de logotipo

Não vou fazer tudo por você, mas tudo o que você precisa é de mais dois semicírculos e você tem um logotipo baseado em forma, que deve ser dimensionado de maneira lindíssima para qualquer tamanho. São 6 círculos, dois semicírculos e um derrame aplicado a alguns deles. No seu caso, é muito simples recriar, mas um logotipo detalhado levaria muito mais tempo.

Existem várias maneiras de fazer isso, embora, no seu caso, eu apenas me ajeitasse e passasse um pouco fazendo isso, se você é especialista em qualquer software GD que cria formas, isso não deve levar meia hora e se você não é, agora é um bom momento para aprender algumas habilidades reutilizáveis.

Além disso Save for Web & Devices..

Dom
fonte
OK. Sim, eu realmente não sou "proficiente" em nenhum software GD, exceto o GIMP, que eu acho que não produz vetores. De qualquer forma, obrigado pela ajuda.
26813 Jacedc
1
O Photoshop tem ferramentas de vetor, mas "não cria vetores", na realidade.
Scott
1
@ Dominic Sim, no Photoshop e SOMENTE no Photoshop. Arquivos vetoriais verdadeiros podem ser redimensionados em qualquer lugar.
Scott
O que você quer dizer com "cria formas"? Possui seleção de retângulo e elipse (além de seleção livre e a "ferramenta de caminhos"), mas fora isso, não.
Jacedc
3
Note-se que o Inkscape é adequado para esse tipo de coisa e é GPL
horatio
9

Rastreamento

Caso não possamos recriar facilmente o original em um aplicativo orientado a vetores, também podemos rastrear o bitmap em um gráfico vetorial.

O exemplo abaixo foi feito com o Inkscape, onde importei o bitmap para rastreá-lo com 2 etapas de cor:

insira a descrição da imagem aqui

Isso não preservará a geometria circular exata da fonte (observe as formas ligeiramente onduladas acima), pois o rastreamento foi feito com curvas de Bezier, em vez de círculos ou caixas. Por esse motivo, esses rastreamentos sempre terão um tamanho de arquivo muito maior que os vetores recriados corretamente.


Suavização

Outra possibilidade de reduzir o alias em um bitmap, se não pudermos usar uma substituição de gráfico vetorial, é aplicar um desfoque suave à imagem.

Abaixo, usei o filtro mágico do GIMP plugin GREYC : Enhancement - Smooth (curvatura média) com 8 iterações para suavizar os contornos, mantendo o canal alfa:

insira a descrição da imagem aqui

Takkat
fonte
Hmm. Muito agradável! Vou dar uma olhada no inkscape. Obrigado!
27613 Jacedc
Esse link pode ser melhor para obter o plug-in G'MIC atual.
EdwinW 12/0518
1

Existe uma maneira realmente simples de fazer isso usando a ferramenta de seleção difusa para criar um caminho. Há um pequeno exemplo de como fazer isso em Fixing Jagged Image Edges with Gimp .

David Clarke
fonte
O link está morto.
EdwinW 12/0518
Substituí o link por outro que não é tão detalhado, mas fornece as etapas necessárias.
David Clarke
Muito obrigado, não consegui descobrir qual seria uma boa combinação para o que estava originalmente lá.
EdwinW
Deixe-me saber como você se sai - posso tentar encontrar uma opção melhor se essa não funcionar para você.
David Clarke
0

Para projetos menores, o simples uso da ferramenta Desfoque pode fazer maravilhas. Embora isso não se aplique a esse projeto em particular, outras pessoas que encontrarem poderão achar essa solução conveniente.

Scott Biggs
fonte