Pixel art vs. Vector art?

Forum for the creative side of the game development process: art, music, storyline, gameplay, concepts, etc. Any sort of relevant discussion is welcome here.

Moderator: PC Supremacists

User avatar
Moosader
Game Developer
Game Developer
Posts: 1081
Joined: Wed May 07, 2008 12:29 am
Current Project: Find out at: http://www.youtube.com/coderrach
Favorite Gaming Platforms: PC, NES, SNES, PS2, PS1, DS, PSP, X360, WII
Programming Language of Choice: C++
Location: Kansas City
Contact:

Pixel art vs. Vector art?

Post by Moosader »

I'm honestly getting really sick of doing pixel sprites and tiles for my games. This is a big reason I haven't really done anything lately, is because I can't get myself to make the resources for my games, and I hate having colored boxes as placeholders. ;P

I was thinking about doing the whole 3D-model-prerendered-2D-sprite thing (ie Diablo), but I have like no skillz in 3D modeling. Something that might make it easier to make animated sprites is to use Flash, but then I'd have to put time into getting rid of the antialiasing around the images so I don't get a crappy white border.

Anyway, here's a couple of quick comparisons:

Image
Yay clean scaling!
Obviously, it wouldn't be a Vector in the game, but I could save different scales if I need to have different sizes of a sprite.

Image

Does this sort of reduce the quality? I know pixel art is great and nostalgic when done right, but agh, I hate pixels.

(all these graphics were drawn with a mouse... x_x)
User avatar
Bakkon
Chaos Rift Junior
Chaos Rift Junior
Posts: 384
Joined: Wed May 20, 2009 2:38 pm
Programming Language of Choice: C++
Location: Indiana

Re: Pixel art vs. Vector art?

Post by Bakkon »

Is there a way to render your artwork in Flash to have alpha transparency in the anti-aliasing? That would remove any white edges and extra time spent doing alterations by pixel. I really love the art style in Castle Crashers and I'm pretty sure they did a lot of their work in Flash, possibly Illustrator.
User avatar
Moosader
Game Developer
Game Developer
Posts: 1081
Joined: Wed May 07, 2008 12:29 am
Current Project: Find out at: http://www.youtube.com/coderrach
Favorite Gaming Platforms: PC, NES, SNES, PS2, PS1, DS, PSP, X360, WII
Programming Language of Choice: C++
Location: Kansas City
Contact:

Re: Pixel art vs. Vector art?

Post by Moosader »

I'm not sure, I haven't been able to find anything. Plus, I'm using Flash 4, which is pretty old, and hard to find info for.

I can set it to 'fast render' and then it comes out like this:
Image

It might be passable at a smaller size, if I fix the eyes and other small details.
User avatar
dandymcgee
ES Beta Backer
ES Beta Backer
Posts: 4709
Joined: Tue Apr 29, 2008 3:24 pm
Current Project: https://github.com/dbechrd/RicoTech
Favorite Gaming Platforms: NES, Sega Genesis, PS2, PC
Programming Language of Choice: C
Location: San Francisco
Contact:

Re: Pixel art vs. Vector art?

Post by dandymcgee »

I think Vector art would be easiest to scale then export.

Another really awesome tool I've found uses an algorithm to scale images either 2x or 4x using anti-aliasing rather than MSPaint-style multiplying each pixel by 4.
http://scale2x.sourceforge.net/

It's good for using smaller tiles (like SoM's 16x16's) in your 32x32 tile game without losing the entire illusion of pixel art.
Just thought I'd put it out there as something for power-of-2 resizes. ;)
Falco Girgis wrote:It is imperative that I can broadcast my narcissistic commit strings to the Twitter! Tweet Tweet, bitches! :twisted:
User avatar
RyanPridgeon
Chaos Rift Maniac
Chaos Rift Maniac
Posts: 447
Joined: Sun Sep 21, 2008 1:34 pm
Current Project: "Triangle"
Favorite Gaming Platforms: PC
Programming Language of Choice: C/C++
Location: UK
Contact:

Re: Pixel art vs. Vector art?

Post by RyanPridgeon »

You could always use PNGs to store and load your sprites.

Flash can export to PNG with an alpha channel, which would solve your problems, and is also what I do :)

I dont know what API you're using, but I posted a function that loads a PNG into openGL over in the Code Snippets forum.
Ryan Pridgeon
C, C++, C#, Java, ActionScript 3, HaXe, PHP, VB.Net, Pascal
Music | Blog
User avatar
Pickzell
Chaos Rift Junior
Chaos Rift Junior
Posts: 233
Joined: Sat May 16, 2009 10:21 am

Re: Pixel art vs. Vector art?

Post by Pickzell »

If only vectors weren't used to rape cartoons, they'd be a lot less gay, but still pretty gay.
I'm an altogether bad-natured Cupid.
pritam
Chaos Rift Demigod
Chaos Rift Demigod
Posts: 991
Joined: Thu Nov 13, 2008 3:16 pm
Current Project: Elysian Shadows
Favorite Gaming Platforms: Amiga, PSOne, NDS
Programming Language of Choice: C++
Location: Sweden

Re: Pixel art vs. Vector art?

Post by pritam »

Vectors are great for cartoons because they don't require an extensive use of colors/detail, but you can make greatly detailed drawings with vectors with some limitations unless you mix it with bitmaps.
User avatar
Moosader
Game Developer
Game Developer
Posts: 1081
Joined: Wed May 07, 2008 12:29 am
Current Project: Find out at: http://www.youtube.com/coderrach
Favorite Gaming Platforms: PC, NES, SNES, PS2, PS1, DS, PSP, X360, WII
Programming Language of Choice: C++
Location: Kansas City
Contact:

Re: Pixel art vs. Vector art?

Post by Moosader »

RyanPridgeon wrote:You could always use PNGs to store and load your sprites.

Flash can export to PNG with an alpha channel, which would solve your problems, and is also what I do :)
Not Flash 4, apparently. @_@ What version are you using? Maybe after I pay off my credit card... and save for like a billion years... I can afford a newer version. D:

Fear the vector drawings
http://moosader.deviantart.com/art/CoH- ... s-78440241
http://moosader.deviantart.com/art/CYAN ... u-82212204
User avatar
Pickzell
Chaos Rift Junior
Chaos Rift Junior
Posts: 233
Joined: Sat May 16, 2009 10:21 am

Re: Pixel art vs. Vector art?

Post by Pickzell »

I'll "send you" a copy of MX if you want too...
And if someone wants to lecture me on why piracy is bad, go fucking insane. I always love those mini-rants. ;)
I'm an altogether bad-natured Cupid.
User avatar
Moosader
Game Developer
Game Developer
Posts: 1081
Joined: Wed May 07, 2008 12:29 am
Current Project: Find out at: http://www.youtube.com/coderrach
Favorite Gaming Platforms: PC, NES, SNES, PS2, PS1, DS, PSP, X360, WII
Programming Language of Choice: C++
Location: Kansas City
Contact:

Re: Pixel art vs. Vector art?

Post by Moosader »

I'm trying to stay away from piracy, as it can really hurt one's career. >_>
User avatar
Bakkon
Chaos Rift Junior
Chaos Rift Junior
Posts: 384
Joined: Wed May 20, 2009 2:38 pm
Programming Language of Choice: C++
Location: Indiana

Re: Pixel art vs. Vector art?

Post by Bakkon »

Does your university have any deals on software? Or maybe a computer lab on campus that has a newer version installed?
User avatar
RyanPridgeon
Chaos Rift Maniac
Chaos Rift Maniac
Posts: 447
Joined: Sun Sep 21, 2008 1:34 pm
Current Project: "Triangle"
Favorite Gaming Platforms: PC
Programming Language of Choice: C/C++
Location: UK
Contact:

Re: Pixel art vs. Vector art?

Post by RyanPridgeon »

I know that Flash MX can do PNG transparency, and maybe Flash 5, so unluckily for you it looks like you were one version short :(

Im sure you can find MX on ebay for like $30 ?
Ryan Pridgeon
C, C++, C#, Java, ActionScript 3, HaXe, PHP, VB.Net, Pascal
Music | Blog
User avatar
Pickzell
Chaos Rift Junior
Chaos Rift Junior
Posts: 233
Joined: Sat May 16, 2009 10:21 am

Re: Pixel art vs. Vector art?

Post by Pickzell »

RyanPridgeon wrote: Im sure you can find MX on ebay for like $30 ?
No, I checked back in November expecting that too(I didn't want to pirate it), and when I finally found one copy it was $450. That's why I pirated it :p

I actually did have a legit copy of Flash 8 but I deleted thinking I was going to stop doing animations. Go me.
However if you can get a job involving Flash, you'll get it for free.
I'm an altogether bad-natured Cupid.
AngryPie
Chaos Rift Newbie
Chaos Rift Newbie
Posts: 4
Joined: Mon May 18, 2009 5:59 pm
Current Project: Designing RPG system
Favorite Gaming Platforms: SNES, XBox, PC
Programming Language of Choice: C / C++

Re: Pixel art vs. Vector art?

Post by AngryPie »

Have you tried Inkscape? It looks like a good vector graphics editor if you don't need animation features.
User avatar
Moosader
Game Developer
Game Developer
Posts: 1081
Joined: Wed May 07, 2008 12:29 am
Current Project: Find out at: http://www.youtube.com/coderrach
Favorite Gaming Platforms: PC, NES, SNES, PS2, PS1, DS, PSP, X360, WII
Programming Language of Choice: C++
Location: Kansas City
Contact:

Re: Pixel art vs. Vector art?

Post by Moosader »

I do very much need the animation feature, otherwise I'd just do pixel art.
Or something for animating pixel art that doesn't suck as bad as Graphics Gale.
Post Reply