Como transformar uma imagem de pixel no logotipo de vetor no Inkscape?

17

Não sei se estou no lugar certo, mas gostaria de saber como transformar uma imagem de pixel criada em um logotipo de vetor?

Eu uso esta imagem para meu favicon do meu site pessoal. E se você tiver alguma recomendação de software , eu trabalho no mac. Eu prefiro usar um código aberto.

Imagem em pixel

Guillaume Vincent
fonte
3
Você está tentando manter a aparência pixelizada ou está tentando suavizá-la?
Brendan
: Também relevante desenhos pixel de tamanho ** no vetor
JohnB
O pequeno problema é que a imagem não está bem formado não são quadrados perfeitos quando o zoom.
Adam Schuld
@brendan eu quero manter a aparência pixelizada
Guillaume Vincent

Respostas:

16

Inkscape

Este poderoso aplicativo de gráficos vetoriais é gratuito, multiplataforma e Open Source. Ele vem com uma função integrada para rastrear gráficos vetoriais de bitmaps.

Estas são as etapas envolvidas:

  1. Arquivo - Importar ... : escolha "incorporar" o bitmap.
  2. Selecione o bitmap incorporado.
  3. Escolha Path -Trace Bitmap ... . Isso abrirá a seguinte caixa de diálogo:

    insira a descrição da imagem aqui

  4. Faça as seguintes configurações para preservar a aparência da caixa quadrada pixelizada no Modo e nas guias Opções :

    insira a descrição da imagem aqui

    • Marque Cores .
    • Escolha 11 Digitalizações para as 11 cores da sua imagem de origem.
    • Assinale a pilha digitaliza para ter um objeto por cor empilhado acima um do outro.
    • Desmarque Suavizar cantos e Otimizar caminhos para caixas quadradas resultantes.
    • Clique em Atualizar para uma visualização, OK para rastrear o bitmap.
    • Mova o gráfico vetorial ao lado do bitmap para comparar o resultado (aqui o rastreamento vetorial selecionado está no lado direito):

    insira a descrição da imagem aqui

    • Copie o objeto de vetor para um novo desenho e salve em um formato de arquivo de sua escolha.

Nota:

Este guia não levará ao resultado desejado de um gráfico vetorial pixelizado ao trabalhar em uma fonte de ícones muito pequena. Para ainda obter o efeito pixelizado no rastreamento, precisamos primeiro aumentar o ícone do ícone antes de importar para o Inkscape.

Takkat
fonte
Uma coisa que estou curioso sobre o @Takkat é se a mesma anormalidade está em seu rastreio e no Illustrator. Se você olhar para a minha resposta, verá que o olho não é exatamente uma linha reta - é o mesmo no Inkscape ou o Inkscape faz isso melhor?
Adam Schuld
@AdamSchuld: no Inkscape, é a opção "otimizar caminho" que precisamos desativar para obter linhas retas em vez de Beziers. No entanto, pode não haver ângulos retos de 100% (difícil de testar). Acredito que exista uma opção semelhante no Illustrator (mas não posso testá-la no meu sistema de código aberto aqui).
Takkat 16/08/13
3

Não sou proficiente no programa, mas isso pode ser feito no Inkscape. Tenho certeza de que alguém entrará e explicará isso no inkscape. Uma coisa que notei quando ampliei o zoom na imagem é que há uma imprecisão nos quadrados da imagem. Quem criou essa imagem usou largura de linha alternada de 7 e 8 pixels, o que a torna um pouco mais envolvida em um processo ao criar uma grade para o efeito pixelizado.

A maneira mais rápida e rápida de usar o rastreamento de imagens no Adobe Illustrator, leva literalmente menos de um minuto, em comparação com o processo mais envolvido de recriar os pixels usando uma grade. Não tenho 100% de certeza se o rastreamento de bitmap no Inkscape produzirá o mesmo resultado.

De qualquer forma, o processo no Illustrator é importar a imagem e, em seguida, usar o rastreamento da imagem com aproximadamente as mesmas configurações da imagem abaixo. Isso produzirá um efeito rígido de pixel. insira a descrição da imagem aqui

O efeito foi ampliado. Na maior parte do efeito, não haverá anormalidades. Ampliado

No entanto, em algumas áreas você precisará corrigir os caminhos manualmente, porque eles estão um pouco desligados. Pequenas anormalidades

Adam Schuld
fonte
obrigado @AdamSchuld, escolhi a solução de código aberto Takkat. Mas você responde pode ajudar os usuários do illustrator.
Guillaume Vincent
Sua resposta foi melhor! Ainda bem que pude ajudar #
Adam Schuld
0

Não é necessário usar gráficos vetoriais quando você deseja uma aparência de pixel-y. Você pode usar apenas GIMPpara melhorar o seu PNGarquivo. Aqui está como:

  1. Abra seu arquivo em GIMP
  2. Selecione Image>Scale Image
  3. Altere as configurações para aumentar seu arquivo
  4. Exporte seu arquivo com upscaled como outro PNG(pressione Ctrl+ Shift+ Eou selecione File> Export)

No entanto, se você estiver extrudando o ícone de pixel Blender, precisará usar o Inkscapemétodo

RetroAsgardiano
fonte