Imagens Bitmap no Inkscape

Importação

Você se lembra do tópico Tipos de Imagem, não é mesmo? Então, já sabe que existe uma grande diferença no conceito base das duas formas de representação de imagens, mas mesmo assim é possível incorporar imagens bitmap na maioria dos formatos vetoriais, o que não é diferente no SVG.

Para importar uma imagem bitmap (como uma fotografia), clique no botão (importar) e selecione uma imagem no seu computador.

Note que esse elemento bitmap na verdade é uma referência a um arquivo externo. Clique neste bitmap com o botão direito e selecione "Propriedades da Imagem". Você pode ver na janela "Atributos da Imagem" o campo "URL" apontando para o arquivo que você importou. Sendo assim a imagem está sendo referenciada pelo SVG, mas não foi incorporada. Existe o lado bom e o lado ruim disso: o lado bom é que você pode, por exemplo, editar seu bitmap no GIMP e ao reabrir seu SVG verá o bitmap atualizado; o lado ruim é que ao enviar seu SVG para outra pessoa, você deve enviar o arquivo bitmap junto e mesmo assim pode não funcionar pois o caminho registrado no SVG pode ser inválido no computador da outra pessoa.

Avaliando o lado bom e o lado ruim da referência a btmaps, podemos concluir o seguinte: Durante a criação do seu trabalho, caso seja válido editar o bitmap, mantenha-o como referência e será fácil atualizar essa imagem sempre que preciso. Quando for finalizar seu trabalho ou enviar para outra pessoa ou outra máquina (por qualquer motivo), incorpore o bitmap ao SVG, para tornar-se independente do arquivo bitmap original.

Mas como incorporar bitmaps no SVG pelo Inkscape? É bastante simples... Vá no menu Efeitos > Imagens > Juntar todas as Imagens. Esse efeito coletará a informação contida no arquivo da imagem bitmap e a adicionará onde estaria a referência ao arquivo. Veja o resultado no exemplo abaixo:

Note que nada muda na imagem, muda apenas no arquivo SVG. Seu SVG naturalmente ficará mais pesado, afinal agora carregará mais informação.

Exportação

Para exportar uma imagem bitmap, baseada no seu SVG, clique no botão (exportar), defina as opções de exportação e defina o nome de arquivo para salvá-lo no seu computador.

As opções de definição de área são:

• Página - Exporta a área da página, ignorando desenho fora desta.
• Desenho - Exporta todo o desenho e apenas a área ocupada por ele. A página não importa.
• Seleção - Exporta a área coberta pelos elementos selecionados.
• Personalizado - Aqui você define o retângulo de exportação, definindo os valores numéricos logo abaixo.

Em "Tamanho do Bitmap" você define a dimensão de exportação da área que você já selecionou. Ao definir o tamanho em pixels o Inkscape já corrige a DPI, ao definir a DPI o Inkscape atualiza o tamanho em pixels.

Abaixo você vê o resultado da exportação do desenho definido no arquivo "sapo.svg" com 37 DPI (300x287 pixels):

Vetorização

Vetorização ou Trace é o nome dado a ação de criar uma imagem vetorial baseada em um bitmap. Existem softwares que automatizam esse processo, no caso do Inkscape a vetorização é feita pelo Potrace. A janela ao lado é uma interface criada pelo Inkscape para facilitar o uso do Potrace. Não é preciso sair do Inkscape nem instalar nada, já está tudo incorporado. Para vetorizar um bitmap, selecione-o e clique no menu Caminho > Traçar Bitmap.

Você deve ter notado que existem várias opções de métodos para executar a vetorização. Vamos focar em apenas dois: "intensidade de brilho" e "cores".

Vetorizando um Desenho

Para vetorizar um desenho use a opção "intensidade de brilho". Você pode usar essa opção em uma fotografia também, mas isso criará um resultado equivalente a transformar a foto em preto e branco (sem escala de cinza).

Veja no exemplo abaixo, que uma cabeça foi desenhada em papel, esboçada a lápis e definida a caneta, para vetorizar pelo brilho reajustamos o limiar para 0.500 possibilitando uma coleta mais adequada do desenho.

Ao clicar em "Ok", recebemos o resultado abaixo:

Todos os pixels com intensidade luminosa acima de 0.5 foram ignorados (como os traços de lápis e as dobras do papel amassado) e os que estavam abaixo disso (traços escuros da caneta) definiram a forma do elemento vetorial criado pelo Potrace.

Isso pode ser bastante útil para um desenhista de quadrinhos (que não tenha um tablet), possibilitando que ele desenhe em papel, escanei e vetorize, para colorir e imprimir com alta resolução.

É nesse tipo de trabalho que um vetorizador mostra seu melhor resultado, mas vejamos o que podemos fazer com fotografias:

Vetorizando uma Fotografia

Para fotografias devemos vetorizar por cores (aquela opção "cores" no quadro "Múltiplas buscas"). Não é viável (na maioria dos casos) ter todas as cores no resultado final. Sendo assim, temos que selecionar em "níveis" o números de cores que serão representadas. Cada cor é representada por um elemento e os elementos criados (um para cada cor) ficam sobrepostos como camadas (sobrepostos como camadas de cores e não efetivamente como camadas do Inkscape). Veja ao lado as "camadas" de cores criadas na vetorização da fotografia de um cachorro. (a foto do cachorro está no exemplo abaixo.)

Veja no exemplo abaixo, como o número de níveis de cores influência na qualidade da representação vetorial. A primeira imagem é a fotografia (JPG) do cachorro, a segunda é uma vetorização com 20 níveis de cores e a terceira uma vetoriazação com 4 níveis de cores:

(Fotografia de Michelle Callinan) Naturalmente, quanto mais níveis forem criados, mais pesado será seu SVG.

Retirando o fundo de uma imagem

As vezes queremos apenas um elemento da imagem, mas separá-la do fundo é uma tarefa cansativa. O Inkscape incorporou também o SIOX para fazer a separação de um elemento da imagem do seu fundo. Para isso você deve criar um elemento sobre o bitmap definindo o espaço ocupado pelo seu interesse. Não é preciso tanto detalhismo como no exemplo abaixo e você não deve tocar no elemento de seu interesse.

Veja um exemplo de uso abaixo:

Não esqueça de marcar a opção "SIOX sobre a seleção"!

Não é mágica... então em alguns casos será melhor separar seu elemento manualmente, em outros casos o resultado será muito melhor que neste exemplo. Este exemplo exigiu pouco trabalho de finalização. Apenas um elemento marrom foi criado para tapar os buracos deixados pelo SIOX.