
For this logo the color I chose for the banner template is #FF002A. Lets going ahead and use the Bezier Pen in Inkscape to manually draw in some shapes where shadows would typically be, then color it in however you’d like. However, certain areas you will need to fix the paths manually because they are slightly off.Now we’ll use the Edit Paths By Nodes tool to add a couple of fishtail ends to our banner. For most of the effect there will be no abnormalities. In any case the process in Illustrator is to import the image and then use the image trace with roughly the same settings as the image below. I'm not 100% sure if bitmap tracing in Inkscape will yield the same result. The low down, quick way is to use image tracing in Adobe Illustrator, it literally takes less than a minute compared to the more involved process of recreating the pixels using a grid. Whoever made this image used alternating row width of 7 pixels and 8 pixels which makes it slightly more involved of a process when making a grid for the pixelated effect. One thing I noticed when I zoomed in on the image is that there is an impreciseness with those squares in your image. I'm sure someone will swoop in and explain it in inkscape. I'm not proficient in the program, but it can be done in Inkscape. To still get the pixelated effect on tracing we have to first upscale the icon before importing to Inkscape. This guide will not lead to the desired result of a pixelated vector graphic when working on a very small icon source.

Make the following settings for preserving the pixelated square box appearance in the Mode, and in the Options tabs:

File - Import.: choose to "embed" the bitmap.Ĭhoose Path -Trace Bitmap.It comes with an inbuilt function to trace vector graphics from bitmaps. This powerful vector graphics application is free, cross-platform, and Open Source.
