vbGore Free Online RPG Engine

Revolutionizing Visual Basic ORPG Development
It is currently Tue May 21, 2013 9:37 pm

All times are UTC - 8 hours




Post new topic Reply to topic  [ 16 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: I tried pixel art
PostPosted: Mon May 25, 2009 8:15 pm 
Slave to the BB

Joined: Sat May 12, 2007 6:20 am
Posts: 3842
Location: Behind you!
Good, bad? Lol it was hard it took about 30 mins and I don't think its all that great but I tried. I used graphics gale just incase anyone was wondering.


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Mon May 25, 2009 9:17 pm 
Wizard of Xor

Joined: Thu Apr 19, 2007 9:42 pm
Posts: 249
Location: Unknown
I personally use ms paint, but its a good design for a first attempt im guessing?

Edit: I would highly suggest trying MS Paint


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Mon May 25, 2009 9:38 pm 
Slave to the BB

Joined: Sat May 12, 2007 6:20 am
Posts: 3842
Location: Behind you!
Graphics gale does everything that paint does and shows you a preview so you don't have to zoom out to see what it looks like. :P


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Tue May 26, 2009 12:47 pm 
Wozzle Woozle Wozniak

Joined: Sun Nov 16, 2008 11:54 pm
Posts: 86
Very nice, i'd try to section out the flame (Assuming its a flaming sword ) a bit more, by giving it a few individual "tentacles", If you know what I mean?, Cause right now it looks like a wobbly jelly sword :P

Its good though, the sword its self looks good.


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Tue May 26, 2009 7:43 pm 
Slave to the BB

Joined: Sat May 12, 2007 6:20 am
Posts: 3842
Location: Behind you!
It is a flaming sword. ^^ But I'm not sure what you suggested after that.


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Tue May 26, 2009 8:43 pm 
Wizard of Xor

Joined: Thu Apr 19, 2007 9:42 pm
Posts: 249
Location: Unknown
DO NOT save pixel art as a .jpg
it is the pixel artists law

Edit: heres a little tut that took me 12-15min to make.

Image

ok lets begin "students"...

Note before starting: When designing pixel art, it is highly reccomended that you use a template (I.E. a set of prepared colours) it saves time and gives you a basic outline of what colours your going to use, and if you need more shades it gives you a basis for those shades.

1 You want to start with a basic sword concept, mine is a little well more complex...

2 Add some basic details, I.E. lines suggesting cloth wrappings, cloth hanging off the sword handle or blade or wherever...

3* If you are planning on adding an effect, (in this case, fire..., use this step), start by drawing an outline of the area of the main body of your effect (draw around the sword.) then add little extra whisps for increased effect (not necessary, helps alot though)

4. This extra detail i'm adding makes it seem as if the sword is causing the effect around it. I start off by filling (bucket tool) the blade of the sword with a light grey. then i add the begining of a bunch of cracks on the blade (eventually to become lava-ish stuff)

5. & 6. continue adding some lighter shading to the lava cracks and slightly (not by much) make the lava cracks bigger by maybe 1-2 pixels depending on the weapon.

7. Remove the light grey background of the blade.

8. Make a copy of the sword without its lava cracks, and I personally use an older style of blade shading, which makes the metal look a little flatter, but if you dont like that you can always follow the lower halves of steps 8-12. To shade this way, begin by making a slight design (much like the shape of the blade) with your darkest metal colour and bring this up about 1/3 to 1/4 of the blade's hight. Do the same with your other metal colours. For the lower halves, follow the same steps but when finished erase a line along the edge of the swords outline on the side of the blade that the light is hitting.

9. Copy the Lava design onto your metalic blade.

10. Shade the handle of the sword, and taking any colour (used metalic colours), if your using cloth on the handle shade the cloth similar to the blade shading but DO NOT add the white line no matter which style of shading you're using.

11. Shade the Effect (in this case, fire) much the same way as you did the lava cracks, start right up against the blade and slowly and slightly move away from it adjusting the shading as you see fit, if you need to zoom out every once in a while, it helps to gauge whether you're shading the effect just right.

12. Now add an outline following the shading of your effect (where its darkest use a darker colour, lightest use a lighter colour) and then you're DONE.

Note: Now I didnt shade the fire effect exactly the correct way, but how i shaded helps to show, how to shade fire in general.


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Wed May 27, 2009 5:25 am 
Slave to the BB

Joined: Sat May 12, 2007 6:20 am
Posts: 3842
Location: Behind you!
I really wasn't to worried about quality because I drew that as a joke. The reason they say don't save it as a jpg is because jpg's antialiase everything. And ill looka t that tut when I get home.


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Wed May 27, 2009 1:16 pm 
=^.^= Kitty =^.^=

Joined: Tue Jun 03, 2008 11:01 pm
Posts: 963
Location: In Koredai
Nitemare60 wrote:
DO NOT save pixel art as a .jpg
it is the pixel artists law

Edit: heres a little tut that took me 12-15min to make.

Image

ok lets begin "students"...

Note before starting: When designing pixel art, it is highly reccomended that you use a template (I.E. a set of prepared colours) it saves time and gives you a basic outline of what colours your going to use, and if you need more shades it gives you a basis for those shades.

1 You want to start with a basic sword concept, mine is a little well more complex...

2 Add some basic details, I.E. lines suggesting cloth wrappings, cloth hanging off the sword handle or blade or wherever...

3* If you are planning on adding an effect, (in this case, fire..., use this step), start by drawing an outline of the area of the main body of your effect (draw around the sword.) then add little extra whisps for increased effect (not necessary, helps alot though)

4. This extra detail i'm adding makes it seem as if the sword is causing the effect around it. I start off by filling (bucket tool) the blade of the sword with a light grey. then i add the begining of a bunch of cracks on the blade (eventually to become lava-ish stuff)

5. & 6. continue adding some lighter shading to the lava cracks and slightly (not by much) make the lava cracks bigger by maybe 1-2 pixels depending on the weapon.

7. Remove the light grey background of the blade.

8. Make a copy of the sword without its lava cracks, and I personally use an older style of blade shading, which makes the metal look a little flatter, but if you dont like that you can always follow the lower halves of steps 8-12. To shade this way, begin by making a slight design (much like the shape of the blade) with your darkest metal colour and bring this up about 1/3 to 1/4 of the blade's hight. Do the same with your other metal colours. For the lower halves, follow the same steps but when finished erase a line along the edge of the swords outline on the side of the blade that the light is hitting.

9. Copy the Lava design onto your metalic blade.

10. Shade the handle of the sword, and taking any colour (used metalic colours), if your using cloth on the handle shade the cloth similar to the blade shading but DO NOT add the white line no matter which style of shading you're using.

11. Shade the Effect (in this case, fire) much the same way as you did the lava cracks, start right up against the blade and slowly and slightly move away from it adjusting the shading as you see fit, if you need to zoom out every once in a while, it helps to gauge whether you're shading the effect just right.

12. Now add an outline following the shading of your effect (where its darkest use a darker colour, lightest use a lighter colour) and then you're DONE.

Note: Now I didnt shade the fire effect exactly the correct way, but how i shaded helps to show, how to shade fire in general.

God has graced your thread. *is not worthy*


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Wed May 27, 2009 1:29 pm 
baka

Joined: Tue Jul 08, 2008 12:17 am
Posts: 2304
Location: England, UK
It would be nice if you could stick that tutorial into a thread in the Tutorials section. It's a great tut :)


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Wed May 27, 2009 6:07 pm 
Slave to the BB

Joined: Tue Jul 31, 2007 8:45 am
Posts: 3273
Location: United Kingdom
notexistant wrote:
The reason they say don't save it as a jpg is because jpg's antialiase everything.


....No


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Wed May 27, 2009 9:11 pm 
Wizard of Xor

Joined: Thu Apr 19, 2007 9:42 pm
Posts: 249
Location: Unknown
Kyori wrote:
It would be nice if you could stick that tutorial into a thread in the Tutorials section. It's a great tut :)


glad you enjoyed it


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Fri May 29, 2009 7:30 am 
=^.^= Kitty =^.^=

Joined: Tue Jun 03, 2008 11:01 pm
Posts: 963
Location: In Koredai
Darkfrost wrote:
notexistant wrote:
The reason they say don't save it as a jpg is because jpg's antialiase everything.


....No

Yes. >:D


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Fri May 29, 2009 4:49 pm 
13375p34k3r

Joined: Sat May 10, 2008 10:59 pm
Posts: 476
Location: Australia,NSW
I have never and will never save in a jpg

it actually ruins quality due to the lossy effect in it's nature.

but darkfrost is right, it may seem to antialise everything but it doesn't

if i remember correctly a jpg goes through a normalization process and not anti-aliasing


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Sat May 30, 2009 1:14 am 
baka

Joined: Tue Jul 08, 2008 12:17 am
Posts: 2304
Location: England, UK
VincentVardia wrote:
if wikipedia remembers correctly a jpg goes through a normalization process and not anti-aliasing

:wink:

Jpegs are useful for high quality (big canvas) photography. Those types of images can be HUGE filesize wise if they're saved as an uncompressed bitmap. Jpeg works very well for these types of things (especially where there's not a lot of sudden contrast, i.e. pixel art) because it lowers the filesize drastically without doing a lot (perceivably) to the quality.


Top
 Profile  
 
 Post subject: Re: I tried pixel art
PostPosted: Sat May 30, 2009 4:03 am 
13375p34k3r

Joined: Sat May 10, 2008 10:59 pm
Posts: 476
Location: Australia,NSW
i never used wikipedia xD

i actually payed some attenton in my IPT class


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 16 posts ]  Go to page 1, 2  Next

All times are UTC - 8 hours


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group