Rasterizando uma imagem de forma rápida e simples

11 de dezembro de 2011

Programas utilizados: Gimp e Inkscape
Rasterizar uma imagem é transformá-la, convertê-la, em vetor, ou seja, transformar uma imagem comum em uma imagem com pixels ou pontos, também conhecida como raster. Diferente da renderização, no processo de rasterização – o qual é mais rápido e simples – há uma transformação da imagem ou imagens geométricas para pixels .
O objetivo deste simples texto é demostrar como transformar uma imagem qualquer em uma imagem vetorizada e chapada, depois de ser desagrupada, decomposta, em várias imagens.


Parte 1 – Remoção do fundo com Gimp

Comece escolhendo uma imagem para dar início a rasterização. Uma dica é utilizar imagens que não contenham muitos detalhes no fundo, quanto menos, melhor e mais fácil, pois o fundo da imagem deverá ser removido. Para o recorte da imagem será utilizado o aplicativo Gimp.
*Lembrando que o recorte não precisa ser perfeito. Para realizar tal processo, será usada uma ferramenta bem simples chamada Seleção contínua, conhecida também como “varinha mágica”.
Abra a imagem no editor de imagens Gimp, clique na varinha mágica, escolha um Limite, recomendo algo entre 15 a 30 – teste e veja qual limite remove o fundo sem remover a imagem.

Rasterizar imagem 01

 

*A ferramenta de seleção contínua pode ser utilizada várias vezes no mesmo lugar.
Após a utilização da “varinha mágica”, caso seja necessário, utilize a borracha para remover algum vestígio de fundo solto na imagem – geralmente ficam alguns pedaços soltos.

Rasterizar imagem 02

 

Terminado a remoção do fundo, salve a imagem com extensão .png, por exemplo: img-original.png

Rasterizar imagem 03

 

Parte 2 – Rasterizar a imagem com Inkscape

Essa parte irá transformar a imagem, foto, comum em um desenho vetorial.
*Lembrando que após converter a imagem em vetor, essa poderá ser “esticada” para qualquer tamanho que não perderá a qualidade.
Abra o Inkscape e vá em Arquivo, Importar (deixe marcado a opção embutir) e clique em OK.

Rasterizar imagem 04

Em seguida selecione a imagem e clique em Caminho, Rasterizar bitmap (marque a opção Cores e em Níveis escolha 8). Você poderá clicar no botão Atualizar para obter uma prévia da imagem rasterizada.
*Em níveis, você poderá escolher um valor entre 2 a 256, mas experimente algo entre 3 a 14. Lembrando que os níveis são referentes a camadas, ou seja, 2 níveis = 2 camadas, 256 níveis = 256 camadas.
Definido a quantidade da camadas (níveis) – no meu caso escolhi o valor = 8 –, clique no botão OK e feche a janela de rasterização bitmap.
Proceda da seguinte maneira: clique sobre a imagem selecionada, segure-a e arraste-a para o lado. Esse momento você estará com 2 imagens, a original e a rasterizada. Apague ou arraste a imagem original para fora da área visível e deixe apenas a imagem rasterizada.


Rasterizar imagem 05

O próximo passo será desagrupar as imagens, nesse caso foi escolhido 8 níveis ou camadas, então, logo depois do desagrupamento, terão 8 imagens disponíveis. Para desagrupar, selecione a imagem e tecle [SHIFT+CTRL+G], clique fora da imagem e logo em seguida proceda da mesma maneira que ocorrera acima, selecionando a imagem de cima e arrastando-a para o lado, nesse caso, 8 imagens irão sair (desagrupar).

Rasterizar imagem 06

Finalizado, selecione a imagem que deseja salvar, clicando sobre a mesma e acesse Arquivo, Exportar Bitmap, marque a opção Exportar somente selecionados, escolha um nome e local para salvar a imagem e clique em Exportar.
*Para trocar a cor de uma imagem, basta selecioná-la e escolher a cor que desejada clicando na paleta de cores no rodapé do Inkscape.

Abaixo um exemplo da imagem acima rasterizada:

Balu

Agradecimentos a Bruno Gonçalves pela dica.

29 Comentários

  1. Paulo Corrêa "Creto"

    Vocês dois juntos são imbatíveis!!!

    E eu vou colecionando o aprendizado, valeu Tales e BigBruno.

    Responder
  2. Paulo Corrêa "Creto"

    Vocês dois juntos são imbatíveis!!!

    E eu vou colecionando o aprendizado, valeu Tales e BigBruno.

    Responder
  3. Antonio Marcos

    Excelente!

    Responder
  4. Antonio Marcos

    Excelente!

    Responder
  5. elias silva eliassilva2009@gmail.com

    através desse tutorial rápido vou passar a usar o linux só por causa do gimp obrigado valeu pela dica vcs são mesmo incríveis uma otima semana.

    Responder
  6. elias silva eliassilva2009@gmail.com

    através desse tutorial rápido vou passar a usar o linux só por causa do gimp obrigado valeu pela dica vcs são mesmo incríveis uma otima semana.

    Responder
  7. Marineusa

    Bom dia Tales.
    Vi um tutorial que era possível inserir uma imagem no Inkscape e transformá-la em formato texto, mas não encontro mais este tutorial. Sabe me dizer se isso é possível e como fazer? Agradeço.
    Marineusa

    Responder
  8. Marineusa

    Bom dia Tales.
    Vi um tutorial que era possível inserir uma imagem no Inkscape e transformá-la em formato texto, mas não encontro mais este tutorial. Sabe me dizer se isso é possível e como fazer? Agradeço.
    Marineusa

    Responder
  9. Tales

    Olá, pode fazer da forma como descrito aqui, apenas o nome mudou no inkscape, você deverá ir em Caminho e escolher “Vetorizar bitmap”, pode deixar marcado “tons de cinza” ao invés de cores.


    Marineusa:

    Bom dia Tales.
    Vi um tutorial que era possível inserir uma imagem no Inkscape e transformá-la em formato texto, mas não encontro mais este tutorial. Sabe me dizer se isso é possível e como fazer? Agradeço.
    Marineusa

    Responder
  10. Tales

    Olá, pode fazer da forma como descrito aqui, apenas o nome mudou no inkscape, você deverá ir em Caminho e escolher “Vetorizar bitmap”, pode deixar marcado “tons de cinza” ao invés de cores.


    Marineusa:

    Bom dia Tales.
    Vi um tutorial que era possível inserir uma imagem no Inkscape e transformá-la em formato texto, mas não encontro mais este tutorial. Sabe me dizer se isso é possível e como fazer? Agradeço.
    Marineusa

    Responder
  11. Tales

    Marineusa,

    Creio que sim! Eu já fiz isso com várias imagens, porém ela é transformada em vetor e não em uma fonte de texto.

    Responder
  12. Tales

    Marineusa,

    Creio que sim! Eu já fiz isso com várias imagens, porém ela é transformada em vetor e não em uma fonte de texto.

    Responder
  13. Luís Fonseca

    Grande tutorial!

    Responder
  14. Attense

    can you crush lasix viagra sildigra super power buy online india MILWAUKEE Growing up in an abusive home, Angelica Belen found comfort and safety behind the locked door of a bedroom or bathroom

    Responder
  15. idiodsnof

    That the state law claim in this case seeks damages for unjust enrichment and therefore is not directly related to the benefit plan, does not demand a different result stromectol over the counter nz

    Responder

Enviar Comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *