Shop Mobile More Submit  Join Login
Bitmaps vs Vectors by Quasdar Bitmaps vs Vectors by Quasdar
Time: 2 hours
Made with Inkscape.

A little something to save us time explaining the differences to everyone.
Add a Comment:
 
:iconrockint765:
RockinT765 Featured By Owner Apr 5, 2014  Hobbyist General Artist
How do I make something a vector file in Inkscape?
Reply
:iconrockint765:
RockinT765 Featured By Owner Apr 5, 2014  Hobbyist General Artist
I want it to have no background and be able to zoom in and have it stay normal like vectors should. 
Reply
:iconngonium:
nGonium Featured By Owner Apr 24, 2014  Hobbyist Digital Artist
Not sure if I totally get you, pretty much anything DRAWN in Inkscape will be saved as a vector. So if you were to import an image than draw over that with tools like bezier curve and saved that file it would save it as .svg thus a vector. As long as you don't draw the background and don't let your fill go beyond the outline of your character/asset the background should be an alpha (or at least it should be recognized as an alpha when you export the drawing as PNG, make sure you don't export the reference image with that otherwise you'll leave raster artifacts in there. But I guess by now you already figured that out.
Reply
:iconrockint765:
RockinT765 Featured By Owner Apr 24, 2014  Hobbyist General Artist
I can only export the bitmap or save as a .svg for anything even close to what I want. Bitmaps don't zoom in, as shown in this image. Svg's have white backgrounds that I can't delete. Anytime I save a .svg file, even with the document properties set to have a transparent background, I get the white background when I try to upload an image anywhere. And, yes, I delete my reference image. I don't let my fill go beyond the drawing. It just doesn't work no matter what I do. Bitmaps are the only things that have no background, but I can't zoom in. In this image, it shows what type of files are vectors. Inkscape won't let me save any of these type of files other than .svg and it doesn't work.
Reply
:iconngonium:
nGonium Featured By Owner Apr 25, 2014  Hobbyist Digital Artist
Ah, well I think the white background you're referring to is the actual canvas correct? If so the reason that's white is because there's no reason for it to be an alpha. Considering a vector is a logical combination of lines and curves anything that isn't isn't read (of course besides the fill and strokes) by the program. So the background is actually transparent but rendered white I think. Bitmaps on the other hand do need a way to differentiate between white and transparent alpha. If you try to edit only a part of a bitmap that is full white, you can't with any tool or at least not in the place the lines where as the data of lines is no longer there. So it's normal to only be able to save .svg with a white background.

Also Inkscape is .svg only as it's an open-source program. .ai stands for Adobe Illustrator, .psd Adobe Photoshop and .fla Adobe Flash. Since Adobe is a commercial company with their own software, support and conversion of these filetypes isn't given to Inkscape for free so Inkscape sticks to the open .svg format. Most bitmap extensions used today are also open-source or free to use. 
Reply
:iconrockint765:
RockinT765 Featured By Owner Apr 25, 2014  Hobbyist General Artist
So, basically, what I want is impossible to get from a free program. Thanks for explaining how some of this stuff works!
Reply
:iconngonium:
nGonium Featured By Owner Apr 25, 2014  Hobbyist Digital Artist
Hmm, I'm still not quite sure when you would want an alpha layer to be visible as one. By that I mean like a grey-white checker board. The actual canvas fully functions as an alpha, if it doesn't you can bring up the document properties panel by pressing shift+ctrl+D, at least on Ubuntu Linux/GNU but the shortcuts should also work in windows. There you should see a tab that says page, if it doesn't automatically select it, select it. You should also (in that tab) see "background:" with the background colour after it. If this is a checkerboard with white on the right side this is normal and it means the background is working like a normal alpha. The white on the right side means that if you decide to crank up the alpha is will take that colour and therefor you can't change that to an alpha but again, as long as your alpha is set to 0 the white colour (or whatever you want to set it to) doesn't matter. 

However, if you only see one colour (no checkerboard) that means your settings are different so click on the colour and set the alpha to 0. I suppose this won't be in your case as when you exported it it used an alpha, so the settings should be as described in the first paragraph.

I also don't know if Adobe Illustrator (Ai) does have the option to make the canvas render as a checkerboard. But really only buy it if you're absolutely sure it's a necessity as there aren't any cases I could think of where it would be necissary to have it render as a checkerboard other than for aesthetic purposes while working, the export and data will still be the same as a vector made in Inkscape using Inkscape's alpha layer as it's set by default. 

I hope this wall of text may have cleared up any misunderstandings and that Inkscape will have enough features to get you going with that, and if not that another program does have the feature you're looking for.
Reply
:iconrockint765:
RockinT765 Featured By Owner Apr 25, 2014  Hobbyist General Artist
That made no sense. Sorry. I don't know what alpha means in art. Also, I have a mac. I am so confused… lol.
Reply
(1 Reply)
:iconblazechaser:
BlazeChaser Featured By Owner Jan 18, 2014
I have Illustrator CS6 and I've done my own artist logo and want to export in a vector. It is made with paths and I don't what format would be the best resolution to export it. Can anyone help with this please? :D
Reply
:iconmewtwo-ex:
mewtwo-EX Featured By Owner Jan 28, 2014
Did you already figure this out?

If not: Simply saving as an AI, PDF or SVG file will preserve your paths.  Exporting to PNG is good for web viewing though.  We always suggest doing at least 3000x3000, but it depends on what you intend to do with it.  File>Save for Web is the easiest way to get a specific resolution; File>Export is best for printing, since you set the DPI instead.
Reply
:iconblazechaser:
BlazeChaser Featured By Owner Jan 28, 2014
thank ya kindly :D
Reply
:iconsarahostervig:
Sarahostervig Featured By Owner May 14, 2013
aww i have inkscape but i can't figure out how to use it DX
Reply
:icongreen-dragon13:
Green-Dragon13 Featured By Owner Sep 26, 2013  Hobbyist Digital Artist
Reply
:iconane-mariee:
Ane-Mariee Featured By Owner Sep 16, 2013  Hobbyist Traditional Artist
I know :c
Reply
:iconparclytaxel:
Parclytaxel Featured By Owner Nov 4, 2012  Hobbyist Digital Artist
If you ask me, it's quite funny.
Reply
:iconsmakkohooves:
SmakkoHooves Featured By Owner Oct 10, 2012  Hobbyist General Artist
also jpg/Jpeg is the worse format ever.
Also, Png and gif are the only non-vector format that support the trasparency.
i for the non-vectors pic i use png format, it's the best.
Reply
:iconliggliluff:
Liggliluff Featured By Owner May 22, 2014  Hobbyist Digital Artist
Yes! People knows that JPG is the worst.
I only use it to save images that I will send to people quickly (showing something funny...), using less network.
But for serious work, I use PNG or SVG. I only use GIF for animations, as people often can't see aPNG (and bad support for it in software).
Reply
:iconlewleworange:
Lewleworange Featured By Owner Jul 21, 2013  Student General Artist
I've known for a fact PNG is the best and is the best quality. GIF normally comes very...uh...'pixelated'. I use PDN, and whenever I have a photo I'll upload I use PNG.
Reply
:iconmewtwo-ex:
mewtwo-EX Featured By Owner Apr 15, 2013
GIF is great, but limits you to 256 colors. So while it's lossless for those colors, it isn't an ideal format at all. Since PNG uses loss-less compression, it is by far the best for swapping raster images.
Reply
:iconbluari:
Bluari Featured By Owner Oct 4, 2012  Professional Traditional Artist
psd is also raster format from what I know o.O
Reply
:iconquasdar:
Quasdar Featured By Owner Oct 4, 2012  Hobbyist Digital Artist
True, it just has basic support for vector paths drawn with the pen tool.
Reply
:iconartofbalance:
artofbalance Featured By Owner Feb 19, 2013
can you help me? i was trying to upload a svg flie and i could 't upload it without useing a separate file for some reason.
Reply
:iconame-baki:
Ame-Baki Featured By Owner Jun 24, 2013  Student General Artist
just export the bitamp and put the .svg file link on the description
Reply
:iconbluari:
Bluari Featured By Owner Oct 5, 2012  Professional Traditional Artist
aha, yes, that's also true. yup, photoshop now have so many options
Reply
:iconlordzid:
lordzid Featured By Owner Sep 25, 2012  Hobbyist General Artist
you seem to know alot about this how do i know if im doing a vector or a bit map here is an example [link] sorry to bother you
Reply
:iconkitty-starry:
Kitty-Starry Featured By Owner Sep 19, 2014  Hobbyist General Artist
That's a bitmap, but a high quality one.
Reply
:iconquasdar:
Quasdar Featured By Owner Sep 26, 2012  Hobbyist Digital Artist
It's no problem :)

That all depends on what program you used to make it, and for some programs what tool you used to draw with.

Vector programs include Inkscape, Illustrator, Flash, Corel draw, Synfig, Photoshop and a few others.

Raster programs include Photoshop (it does both), MS Paint, Paint.NET and GIMP.
Reply
:iconlordzid:
lordzid Featured By Owner Sep 26, 2012  Hobbyist General Artist
I used Gimp
Reply
:iconquasdar:
Quasdar Featured By Owner Sep 26, 2012  Hobbyist Digital Artist
Gimp is good for pony drawing, but it isn't able to make vector drawings. For that we recommend checking out Inkscape.

To get you started, here's a guide to vectoring ponies with it [link]

A time lapse video of the process [link]

Useful hotkeys [link]

And my pony vector quality guide [link] :lol:
Reply
:iconlordzid:
lordzid Featured By Owner Sep 26, 2012  Hobbyist General Artist
Ohh i see i though vectoring was actually drawing the pieces
Reply
:iconbpen42:
bpen42 Featured By Owner Sep 1, 2012
Oh good, an image with examples I can show my friends when they are having trouble understanding.
Reply
:iconcuriouspony:
CuriousPony Featured By Owner Aug 31, 2012
It makes sense now! Thank you very much
Reply
:iconzhinevrilya:
ZhineVrilya Featured By Owner Aug 29, 2012
Hiya!

What about GIMP and .xcf files?

I have been watching FreeGimp's amazing pony speed drawings on YouTube ([link]). They look like vector drawings to me, but he uses techniques very different than what I have learned from the tutorials here.
Reply
:iconromansiii:
romansiii Featured By Owner Aug 29, 2012
GIMP cannot Vector

/enddiscussion
Reply
:iconzhinevrilya:
ZhineVrilya Featured By Owner Aug 31, 2012
Too bad! I want to concentrate on learning vectors. But maybe it wouldn't hurt to learn this method too. Look, there's a moose!
Reply
:iconromansiii:
romansiii Featured By Owner Aug 31, 2012
You just need some different software, Inkscape is free. I use Adobe Illustrator CS5, myself.
Reply
:iconzhinevrilya:
ZhineVrilya Featured By Owner Sep 1, 2012
Thanks! I guess it was kind of a noobie question, so thanks for answering. :)
Reply
:icontamalesyatole:
tamalesyatole Featured By Owner Aug 27, 2012  Hobbyist General Artist
As ~tacoroach said before, the comparison could be more... educative/didactic if you compare the two images under different circumstances (like the eye in Raster vs the same eye in Vector)
Reply
:icongodofcoffee:
GodOfCoffee Featured By Owner Aug 25, 2012  Hobbyist Digital Artist
thanks for reminder
Reply
:icontacoroach:
tacoroach Featured By Owner Aug 25, 2012  Hobbyist Traditional Artist
You should have done the same comparison with the zoom-in bubbles.
Reply
:iconchips13:
Chips13 Featured By Owner Aug 24, 2012
Now I understand.
Reply
:iconsharydow:
sharydow Featured By Owner Aug 24, 2012
Now let's explain what's a trace and what's an original vector! xD There will never end...
Reply
:iconthe-intelligentleman:
The-Intelligentleman Featured By Owner Aug 24, 2012  Student Digital Artist
Traced: Not original
Original: Not traced

I don't see what was so hard about that. :D
Reply
:iconromansiii:
romansiii Featured By Owner Aug 29, 2012
Not strictly true.

I trace my own sketches to make something original. It's all about context.
Reply
:iconthe-intelligentleman:
The-Intelligentleman Featured By Owner Aug 29, 2012  Student Digital Artist
People usually say 'traced' when it is directly from the show with little or no variation.
Reply
:iconnullcast:
Nullcast Featured By Owner Aug 24, 2012
Now for an edge case: is a curve-by-curve imitation of a reference a trace even if they never layer?
Reply
:iconthe-intelligentleman:
The-Intelligentleman Featured By Owner Aug 25, 2012  Student Digital Artist
Traced means node for node from the show. If you change the hair style/eyes but keep the pose, it is a referenced original. If you change nothing but the color/gradients, then it is a recolor. If there are no traced elements, then it is original.

But that's just me. Ask someone else and they might tell you differently.
Reply
:iconsmudgeypie:
SmudgeyPie Featured By Owner Aug 24, 2012  Hobbyist General Artist
awsomeeee by the way.. if you know how to use inkstape... how to you make the ellipse or whatever ode in the pen drawing thingy... to not be so cute when its at its 100% view? i can show you what i mean..
Reply
:iconquasdar:
Quasdar Featured By Owner Aug 24, 2012  Hobbyist Digital Artist
It's an embedded image, pixellated with Effect->Distort->Pixelate in Paint.NET. You can also enlarge it by an integer and use the nearest neighbor setting.
Reply
:iconsmudgeypie:
SmudgeyPie Featured By Owner Aug 24, 2012  Hobbyist General Artist
.....why did i say cute.. i meant.. big.. WTH FINGGERSSSS ^^; -awkwardly just stares at-
Reply
Add a Comment:
 
×




Details

Submitted on
August 24, 2012
Image Size
514 KB
Resolution
1920×1080
Link
Thumb
Embed

Stats

Views
17,786 (1 today)
Favourites
195 (who?)
Comments
59
Downloads
282
×