DEV Community: Aditya Sharma

Inksacpe: Using Trace Bitmap for Vector Art

Aditya Sharma — Sun, 14 Nov 2021 12:08:06 +0000

Hi, Everyone!
Aditya here,

Nowadays to make our websites much cooler we use vector art and Sometimes we all get to that problem to find a cool vector art and it's quite a difficult task. As we jumped on the internet to get inspiration.
In my case, the vector art I like is mostly not modifiable and the vector art which can be modified mostly has a limited level of customization it does the job not give the satisfaction I need.

So, here comes the solution which can help is TRACE BITMAP.
Here you can Find It in INKSCAPE

If you guys are not familiar with inksacpe check out my previous post Link here :👇

https://dev.to/aditya11017/inkscape-alternative-to-adobe-illustrator-2mh3

Now what is it? How it works?

So, one of the features in Inkscape is a tool for tracing a bitmap image into a element for your SVG drawing.

You can find more on this link:

https://inkscape.org/doc/tutorials/tracing/tutorial-tracing.html
So, to understand this feature first we need to learn about:

2 different types of graphics

Raster – The image is made of those little, tiny color boxes we called “pixels”. We can see them when we zoom on to that image. Such as JPG, PNG, TIF.
Vector – The image is consistent with a series of coordinate points that control the look of the image on an X and Y-axis.
- Main Difference between Raster and Vector

Vector	Raster
they can be zoomed infinitely without quality loss.	they are best for retaining fine details.
they are best for illustrations	they good for images
.svg	.jpg, .png

Now how use Inkscape use to trace any vector art

Firstly we need to import our file,

Step – 1 Go to files tab > Import

Once image is imported then,

Step -2 Select Image then select Path Tab > Trace Bitmap

Then on the right hand size a new window open of trace bitmap,

Step -3 Chose Multiple scans > Colors > Set Scans to ‘8’ > Apply

"we will talk about details in next part"

With, these methods our vector file will be generated:🎊

You can goof around with your vector art change its color, size does as you like.👍

This vector art is as fully customizable as we like.💪

You now just need to save your vector art.
That’s it,

In the next part, I will discuss, how to convert our raster image into a vector image.

In, That part we will discuss trace bitmap and all other little details of Inkscape.

What you want to know more about Inkscape tell me in the comments.

Thank you,
Sorry for any mistakes.
I hope this post is helpful for you guys.
Take care
Bye.

Inkscape: Alternative to Adobe Illustrator

Aditya Sharma — Sun, 10 Oct 2021 10:44:23 +0000

Hi, Everyone!
Aditya here,
Today I want to discuss a topic which is vector ART, when I start making websites I found that my vector images are not up to the mark. So, I take a deep breath and dive into the internet for the everlasting search for perfect illustration.

What I find:

Interesting vector they are paid and sometimes cannot modify them as per requirement.
The free alternative is sometimes bland and blurry.

now, what to do?

Answer : Make your own vector.💪

How difficult it will be what I need is ms-paint.

Yes, That's what I thought 😅

Sorry, I was so wrong, do more google and, and the things escalate pretty quickly.

IT'S START TAKEING MORE TIME AND SOMETIMES IT'S FRUSTRATING!!!!

So, today I will talk about A powerful, free design tool Whether you are an illustrator, designer, web designer or just someone who needs to create some vector imagery.
Adobe Illustrator!! NO NO NO NO!! Not this One

👇 THIS ONE 👇

Inkscape 🎊

Inkscape is a very competitive, free and open source tool to Adobe Illustrator. A powerful vector editor, Inkscape has flexible drawing tools, various file format compatibility, powerful text tools and support for Bezier and spiro curves. It supports advanced scalable vector graphics features like markets, clones and blending.
This definition is copied from a random website. But, It's correct.

😁Sorry, I am not good with definitions.👍

Now, what I liked in Inkscape:

Easy.
Works with windows, Mac and Linux .
Editing svg with no watermark.
Easy import/export svgs and images.
Tracing illustration.
Great for logo design.
Absolutely FRREEE!!

But, But there is catch.
You have to learn it to how to use it, because it is quite powerful and it can perform very wonderful thing.

How to learn Inkscape?

Don't worry there are many tutorials you can find over the internet.

one channel I ❤️ is :

Logos By Nick

it is a great channel to learn Inkscape for beginners.

Also, I will be sharing what I learn by using Inksacpe but, next time.

Thank you
Sorry for any mistakes.
I hope this post is helpful for you guys.
Take care
Bye.

My First Post. 🚀

Aditya Sharma — Fri, 01 Oct 2021 12:03:57 +0000

My name is Aditya, this is my first post after joining DEV Community. Today I decided to try something new and hope to write some helpful articles in near future.