Como converter uma imagem bitmap de baixa qualidade em vetor?

8

Estou criando um site para um grupo que perdeu a imagem digital original do logotipo. O único arquivo que eles têm é um jpg incorporado em um documento do word. A imagem tem todo o possível de errado com ela:

  • Anti-alias em um fundo branco, onde deve ser transparente
  • Artefatos de imagem
  • Redimensionado para baixo mal.
  • Linhas que devem ser retas e sólidas não são.

No momento, usei a ferramenta varinha para se livrar do fundo branco e colei no site, mas sua baixa qualidade faz com que ela se destaque como um polegar dolorido. Eu preciso de alguns tamanhos diferentes para usar, então como eu criaria uma imagem vetorial com base nela?

Macha
fonte

Respostas:

7

Eu acho que também há uma solução de código aberto para isso, além do software da Adobe: Inkscape

Eu tive o mesmo problema há alguns anos com uma dúzia de logotipos e pude resolvê-lo com o Inkscape desta maneira:

  1. Abra a imagem de bitmap.
  2. Clique esquerdo para selecioná-lo.
  3. Bitmap de caminho / rastreamento
  4. Agora você deve começar a experimentar as configurações possíveis e atualizar a visualização no lado direito da caixa de diálogo. "O Inkscape incorpora o programa Potrace ( http://potrace.sourceforge.net ) para fornecer essa funcionalidade, e documentação detalhada sobre a função desse recurso pode ser encontrada no site da Potrace." - da documentação do Inkscape.
  5. Salve como SVG.
Attila Csipak
fonte
5

Existem duas opções que eu usei, mas elas exigem software que não seja barato. A Adobe fornece testes de 30 dias em ambos.

Método 1 - usando o Adobe Illustrator

  • Open Illustrator
  • Selecione Arquivo> Novo no menu e configure o layout conforme necessário
  • Selecione Arquivo> Inserir ... e encontre o arquivo de logotipo (não me lembro se a imagem precisa estar em um formato específico)
  • Selecione a imagem e vá para Objeto> Pintura ao vivo ou Rastreamento ao vivo (no seu caso, a pintura ao vivo pode ser melhor, pois o desenho não é o seu forte)
  • A imagem agora deve ser vetorizada e você pode retocar conforme necessário, e o redimensionamento manterá a qualidade, uma vez que foi vetorizada.

Método 2 - Usando o Adobe Flash e Illustrator

  • Flash aberto
  • Crie um novo documento flash
  • Escolha Arquivo> Importar> Importar para o estágio (Ctrl + R) e localize o (gráfico de bitmap) que você deseja converter em um vetor.
  • Selecione a imagem inteira (Ctrl + A) e clique em Modificar - Bitmap - Rastrear bitmap. Em seguida, escolha as opções na janela que se abriu.
  • Exportar como * .ai (arquivo do Adobe Illustrator)
  • Abra no Illustrator e ajuste conforme necessário.
ricbax
fonte
4

Os documentos de uso do imagemagick têm uma boa explicação de como executar a detecção de borda e a conversão de varredura em vetor . Na seção edge_vector, que começa dizendo, essencialmente, para obter melhores resultados, não use imagemagick:

Os programas que podem fazer isso incluem: "ScanFont", "CorelTrace" e "Streamline" da Abobe. A maioria destes, no entanto, custa muito dinheiro. Mas uma solução gratuita é " AutoTrace " ou " PoTrace ". Outras sugestões são bem vindas.

Ambos os programas de rastreamento são simples de usar, mas requerem algumas configurações de pré e pós-imagem. Eles têm um número limitado de formatos de entrada e produz uma imagem vetorial que criará uma forma 'suavizada' da imagem de entrada. Eu prefiro o "AutoTrace", pois ele não escala o SVG resultante, produzindo uma espessura de linha padrão; no entanto, você não pode usá-lo em um 'pipeline'.

Para obter melhores resultados, é uma boa idéia garantir que alimentemos apenas uma imagem de bitmap básica, o que podemos garantir limitando a imagem de entrada, enquanto a convertemos em um formato de imagem que o rastreamento automático entende. Posso então converter essa imagem em uma imagem vetorial SVG.

Você pode executar o rastreamento automático on-line se quiser experimentá-lo.

DaveParillo
fonte
1

Sem ver a imagem, é difícil dizer, mas pode ser mais rápido redesenhá-la do zero, usando o jpg como guia e não a fonte. Você também terá uma imagem de referência que poderá usar novamente.

Obviamente, isso pode não ser uma opção se você não tiver as ferramentas ou suas habilidades de desenho não estiverem (tentando dizer isso educadamente) ao trabalho.

ChrisF
fonte
Não posso desenhar para a minha vida, então redesenhar não é uma opção. A imagem é uma crista.
Macha
0

Não é uma ferramenta gratuita, mas excelente de usar: CorelDraw. Ele possui uma função de rastreamento de bitmap para criar uma imagem vetorial e faz o trabalho muito bem. Teve muitos ótimos resultados com ele. Como em muitos logotipos, há menos uso de cores; portanto, pode ser uma boa idéia diminuir a profundidade da cor, isso também remove algum ruído de um gráfico irregular.

Antes de fazer isso, aumente o tamanho para cerca de 4x (ou mais) o tamanho do gráfico e reduza as cores, digamos 16 cores, se possível. Depois disso, aumente as cores e redimensione-as. Isso suavizará os limites. Uma ferramenta excelente é uma versão mais antiga do PaintShop Pro (eu uso a versão 7 de 2000), com muitos ótimos resultados, com destaque para a redução de cores.

Esses métodos são muito úteis para trabalhos de arte antigos (fotos), adesivos e logotipos para criar uma imagem vetorial e economizar muito trabalho.

Codebeat
fonte