Preserving Pixelation (for pixel art in vector art)?

Post questions on how to use or achieve an effect in Inkscape.
Zukaro
Posts: 3
Joined: Mon Apr 14, 2014 1:24 pm

Preserving Pixelation (for pixel art in vector art)?

Postby Zukaro » Mon Apr 14, 2014 1:37 pm

So recently I decided I wanted to get a new keyboard (a nice mechanical keyboard). But I didn't want the super key to have the Windows logo, nor did I want the Ubuntu logo (the OS I use, although thinking about switching to another Linux). So I decided that I wanted to put the logo for a fictional (hopefully real one day, we'll see :P) company that I came up with as the super key. But I only had the logo as pixel art (as I do pixel art), and the place said vector graphics are preferred. So I went ahead and taught myself Inkscape and converted my original pixel art from this:
Image

Into this:
Image

However, I want to move the words into the image and cut out the centre (like in this image):
Image



I want to preserve the pixelated lettering though, so I was wondering how I could achieve this? I'm just trying to cut this part out of the image, so if I don't have to convert the original to vector graphics that'd be nice (also wondering if there's a proper way to centre it, normally I just count pixels when doing pixel art (and I did centre it again this time, and I did count pixels :P but I had to count the physical pixels on my monitor cuz that's what I do :V and since it's vector, I'm not sure how accurate that would really be anyways)).

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Preserving Pixelation (for pixel art in vector art)?

Postby Lazur » Mon Apr 14, 2014 7:18 pm

Hi.

Did you try the auto-trace with colours, three steps, AND unsetting any smoothing, path optimising?
If the original image's aliased lines were made by two or more px sized squares, it would work nicely.
If it was like on the second image, it would work with two colours, and the lettering would probably be cut from the dark part already.

For making the text on top be a hole -if it's a separate path-, reverse that path's direction and combine it with the one below.

This auto-trace may not be 100% accurate, but produces an image that could work well.

Off topic:
On a side note, fox has an occult reference to the beast.
Numerology explains it all:
Image
So it may be a wise choice for a company running big in the current market, but not for the people's benefit -with promoting satanism in a way.

Zukaro
Posts: 3
Joined: Mon Apr 14, 2014 1:24 pm

Re: Preserving Pixelation (for pixel art in vector art)?

Postby Zukaro » Tue Apr 15, 2014 12:47 am

I managed to figure it out right before I went to bed :P. It seems that resizing the original art so it wasn't at it's smallest form (where each letter was only 1px thick) made it work. This is what I have now (I'll be cutting out the logo from the centre later).

Image
http://fc03.deviantart.net/fs71/f/2014/ ... 7ee3ka.png
(it appears it gets cut off on the forums so click the link if you wanna see it)


However, I don't know how to cut the centre of the image using the other image. :V
(been looking online but I can't seem to find anything on that)

Zukaro
Posts: 3
Joined: Mon Apr 14, 2014 1:24 pm

Re: Preserving Pixelation (for pixel art in vector art)?

Postby Zukaro » Tue Apr 15, 2014 3:32 am

Nevermind, I figured it out. :P :3

Image

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Preserving Pixelation (for pixel art in vector art)?

Postby bartovan » Tue Apr 11, 2017 7:24 pm

I'm having a similar problem but can't get it right.
I want the left image (a 15x15px bmp I imported into inkscape) to be vectorized without any smoothing at all. The vector image needs to look identical to the original.
In the trace bitmap dialog it looks perfect (I use brightness cutoff 0.650), but when I press OK, it turns out as the right image.
Making the imported bitmap bigger doesn't help.
trace_pixel_01.PNG
trace_pixel_01.PNG (40.2 KiB) Viewed 1832 times
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Preserving Pixelation (for pixel art in vector art)?

Postby Lazur » Tue Apr 11, 2017 8:41 pm

A larger raster image does help.
-Resized the original with gimp to 45 px / 45 px, with no interpolation set.-

pa2.svg
(5.26 KiB) Downloaded 182 times

User avatar
bartovan
Posts: 191
Joined: Sun Feb 09, 2014 4:14 am
Location: Belgium
Contact:

Re: Preserving Pixelation (for pixel art in vector art)?

Postby bartovan » Tue Apr 11, 2017 10:53 pm

Lazur wrote:A larger raster image does help.
-Resized the original with gimp to 45 px / 45 px, with no interpolation set.-

Great, that does it! Thanks :)

For the record: as I also wanted to do this by command line, I found this to work, using potrace:
Install Imagemagick and potrace.
Then on CLI do (for an image called bitmap.bmp):

Code: Select all

magick mogrify -path DESTINATIONPATH -format bmp -filter point -resize 45x45 bitmap.bmp
potrace -s -n -a 0 --flat DESTINATIONPATH/bitmap.bmp

(More information on the -sample option of imagemagick in the usage manual).
Portfolio bartovan.com
Tumblr / Instagram / Pinterest / Facebook / Twitter / OpenClipArt
Shop at Society6 / RedBubble
Using latest stable Inkscape on Ubuntu (current stable release) and Win 7.


Return to “Help with using Inkscape”