Pixelation

Critique => Pixel Art => Topic started by: rudydbooty on July 28, 2008, 07:38:58 pm

Title: my pixel art.
Post by: rudydbooty on July 28, 2008, 07:38:58 pm
here is one of my best pixel art pieces (i am just beginning pixelating ) :lol:

 >:D >:D

(http://rudydbooty.files.wordpress.com/2008/07/hi.png?w=60&h=60)

tell me how you like it !

New red Guy
(http://www.4freeimagehost.com/uploads/4d5957e15cc6.png)
Title: Re: Friends
Post by: cce on July 28, 2008, 07:54:44 pm
Well, they look actually quite nice but I think you could put more contrast on the shadows and maybe some AA on the mouth.
But they are still pretty minimalistic, I would say you should add some detail in them so it would be easier to read what are these guys made of.
Title: Re: Friends
Post by: rudydbooty on July 28, 2008, 10:11:49 pm
Thanks! :)
Title: Re: Friends
Post by: artisan on July 28, 2008, 11:20:56 pm
hopefully this should help you...

(http://img367.imageshack.us/img367/9751/quebsgv2.gif)

explanation.... first you need to work on your lines... sort out the shape as shown so that it seems to actualy be 3d not a flat thing.... next you need to shade your lines, look at the colours i used compared to what you used.

the colours i used are more interesting because i have switched hues in the shades, you can see the darker shades are more blue where as the lighter shade is more yellow i have done this because yellow is normaly more associated with light and the sun as blue is for night and shadow.

The way to shade your piece is to decide a light source... mine is top left for this and you can see if the light was comeing from the top left the light is where the light should be and the shadow is the opposite side too the light source.

then you can add some final touches... you can AA makeing it smother, add a thick border for style or if you wanted it round instead of square its easy with a simple modification of shapes.

study this and have a go at the whole process yourself useing this as a guide.. try to make the red one.
Title: Re: Friends
Post by: rudydbooty on July 28, 2008, 11:31:50 pm
K ill try


by the way you are really good with this I am impressed on how you gave me feedback wow! ;D


ok i did a re make of the red guy

(http://www.4freeimagehost.com/uploads/4d5957e15cc6.png)
i know he is better then the first

tell me how good he is now
Title: Re: Friends
Post by: Sherman Gill on July 29, 2008, 05:34:08 am
Better but his face is off center and you seem to have disregarded his explanation of hue-shifting.
Title: Re: Friends
Post by: rudydbooty on July 29, 2008, 03:46:32 pm
Ahh.. k thanks ill fix that
Title: Another little guy..
Post by: rudydbooty on August 03, 2008, 05:38:37 pm
here is a little guy
(http://rudydbooty.files.wordpress.com/2008/08/test-guy.png?w=60&h=60)

please tell me what i should change..?
Title: Re: Another little guy..
Post by: PypeBros on August 03, 2008, 08:23:47 pm
is that a hat he's got ? and if yes, how does it come i can see a specular highlight right where the hat should cast shadow ?
Title: Re: Friends
Post by: rudydbooty on August 03, 2008, 09:24:53 pm
Um... i don't know can you explain a little to me..
Title: Re: Friends
Post by: Ian on August 03, 2008, 09:31:25 pm
He's talking about the light blue highlight you put across the little guy's forehead.  When you wear a brimmed hat it casts a shadow on your face.  So having a highlight right where the hat would cast it's shadow is incorrect.
Title: Re: Friends
Post by: rudydbooty on August 03, 2008, 09:41:27 pm
Ouch really got burnt thanks Ian!!

ok i fixed it!


(http://www.4freeimagehost.com/uploads/7de20f446091.png)
Title: Square dude
Post by: rudydbooty on August 06, 2008, 06:48:19 pm
tell me if this guy is any good??

(http://www.4freeimagehost.com/uploads/c2b02fda4bb3.png)

any comments would be great!
EDIT

THIS IS ONE OF THE WORST PIECES EVEr!!!(please don't comment on this piece...)
Title: Re: Square dude
Post by: AlexHW on August 06, 2008, 07:01:12 pm
what is it?
give us some insight as to what you're trying to pull off here.
Title: Re: Square dude
Post by: ptoing on August 06, 2008, 07:22:01 pm
OK, STOP making new threads for stuff like this if you have a thread on the first page in the forum already. I merged the threads, and if you pull this again I will give you a strike.

Also, there is not much to comment on. It's a square with eyes and mouth/nose(?) and some rather bad beveled shading. I am sorry if I sound harsh, but I really think that you should be doing some fundamental practise in drawing and not pixelart. Sketch basic shapes like spheres, cylinders, cones, cubes and what not, and the go on sketching stuff you see lying around in your room, stuff outside, people whatever.

I know this is a really generic crit, but I think you really need to do that if you wanna get anywhere with your art.
Title: Re: Square dude
Post by: rudydbooty on August 06, 2008, 07:32:15 pm
Sorry... well this guy is a square guy


what i mean is that did i do the shading good or how would you guys do it...?

oh and thanks ptoing

for the comment!
Title: Re: Friends
Post by: artisan on August 06, 2008, 07:56:38 pm

explanation.... first you need to work on your lines... sort out the shape as shown so that it seems to actualy be 3d not a flat thing.... next you need to shade your lines, look at the colours i used compared to what you used.


look up to the image i posted to help you at first.... sort out your 3d shape with the lines...

some people here i know hate line art and create form using blotches of colour to help build the volume... however it seems you are useing line art...

so create a 3d shape with lines before shadeing or anything
Title: Re: Square dude
Post by: rudydbooty on August 06, 2008, 09:11:39 pm
Ahh thanks i know i am a beginner...

but i created this muffin vampire dude guy... with a weird body



but tell me what i should change


(http://www.4freeimagehost.com/uploads/77d03ea15347.png)
Title: Re: Square dude
Post by: chriskot on August 06, 2008, 09:32:17 pm
His distant leg is thicker than than the near one. Also, if you're going to make arms and legs that small, they could use a bit of extra detail. Right now they're so small that they almost just look like imperfections in a very bumpy sphere.
Title: Re: Square dude
Post by: rudydbooty on August 06, 2008, 10:17:07 pm
ahhh.. ill fix this tomorrow


maybe not...
Title: Re: Square dude
Post by: rudydbooty on August 09, 2008, 03:42:28 pm
ok i made a new guy so he looks alot better!

ill tell you about him.......

THE PIXEL MINUS!

(http://www.4freeimagehost.com/uploads/cd8efea933b7.png)
Newer one:
(http://www.4freeimagehost.com/uploads/9447d9e43925.png)

+abOut hIm+

he is called the Pixel Minus because he takes pixels and minus the size on them
so when there is a huge pixel dragon trying to kill him he can just minus the size on it and smash it.
Title: Re: Square dude
Post by: PypeBros on August 09, 2008, 05:10:14 pm
ok i made a new guy so he looks alot better!

The idea is not bad per se, but i have the feeling you should start to do something more artistic...

Give your characters a more interesting pose.
Allow them to have more than one colour (i mean colour, not shade)
Try out more lighting schemes, or more material. They all look to be made of the same "virtual clay" so far
Look for more interesting shapes. Don't stick to polyhedron with extensions for the feet
Give them an environment to live in.
Try out some more elaborated pixeling techniques such as AA and dithering.

 
Title: Re: my pixel art.
Post by: rudydbooty on August 09, 2008, 07:54:51 pm
ok i added some color .. and made his feet 1 pixel closer..

(http://www.4freeimagehost.com/uploads/cbbd671d8585.png)

here is the newer one

(http://www.4freeimagehost.com/uploads/f989ed77e73b.png)
Title: Re: my pixel art.
Post by: PypeBros on August 10, 2008, 10:58:54 am
no, that's worse, imho.
Right before, you had a dark character with some shading from a top-down crude light. A bit boring to look at, but correct.
now you added highlight where there was shadow, but still keep a bit of shadow there. That's just non-sense ...
Title: Re: my pixel art.
Post by: rudydbooty on August 10, 2008, 08:23:40 pm
Oh...



Well is this better?
(http://www.4freeimagehost.com/uploads/056ba159e89d.png)
EDIT:
(http://www.4freeimagehost.com/uploads/b77999286d2b.png)
Title: Re: my pixel art.
Post by: Keizgon on August 11, 2008, 12:23:13 am
You seem to have the habit of pillow shading your images. Take a look at the black clay baby from space (?), it shows horrible geometry. I remember when I use to do this when I was starting out because I had little concept of the light source. It did me wonders just to read a tutorial on how to do this:

http://www.natomic.com/hosted/marks/mpat/shading.html
http://www.derekyu.com/?page_id=225

There are of course other techniques to go with this, such as dithering, but it's best you first understand the light source (which is usually not in front or behind the image, but to an angle to show geometry). Read those tutorials and see if you can try again.

Also note, you seem to be too abstract in your designs. Try designing something simple for practice, like basic shapes (sphere, cube, cone, ...). Later try going to real objects you can study with a photo or sketch (snakes, rocks, ...). If you want to be creative, do it based on loosely real objects when you have the feel down.

Don't worry, you'll get there with some practice. :)
Title: Re: my pixel art.
Post by: rudydbooty on August 13, 2008, 09:31:26 pm
I read the Tutorial and i made this quick thing..

(http://www.4freeimagehost.com/uploads/12291637a304.png)
Title: Re: my pixel art.
Post by: AdamAtomic on August 13, 2008, 10:41:46 pm
what is it?   ???
Title: Re: my pixel art.
Post by: Keizgon on August 14, 2008, 12:49:01 am
Ok, first of all, if you don't know what it is, chances are that it's not even close to a shape. Don't make "quick things" that defy geometry. If you don't understand basic geometry, take a piece a paper and pencil and practice drawing by recreating simple shapes. Do this first before you try doing anything else. Get the grasp down, then try pixel art.

Secondly, I looked at your shading, it's just diagonal lines moving from left to right. Ok, glad you know where the light is coming from (top left according to your image), but let's do something new.

Picture below shows

A) How you're shading your image (follow the white lines). There wasn't any thinking involved concerning the shape. Take your time if you have to. There is no rush, the better you can do this slowly, the quicker you will become later on.

B) Here's an ugly yellow sphere and the very basic demonstrating of the lightings shape of it. I used these colors to show an example in poor shading. Look how everything is shaded (follow the black lines) in a ok spherical shape, but you can hardly tell due to the colors conflicting in lightness (aka value or luminosity on your graphics editor) and crazy saturation. If the light value is the same for each shade, decrease it on each, creating a bigger space between value (just don't get carried away). For example, if I have a red light value of 80, I might decrease it by 10 (or more if I have to) for the next shade. Now they have a space of 10, because it will be an 80 red lighting and a 70 red lighting. You can apply a similar effect to saturation (although it may take more playing around to get the feel you want).

C) Now look at this cylindrical shape. My light source is in the top left, obviously. It doesn't have a great angle, but that's ok, we're trying to understand how shading creates shape. Follow the black lines, as it selects each shaded piece as it gets darker (the first one is the darkest shade in mine, but I was trying to display design of the cylinder). Note that I use only 4 shades (those squares next to the shapes) for both the sphere and the cylinder. Try not to go over this number for now to keep things simple in the learning process.

D) You are probably wondering what that ugly cylinder with a red 'x' through it is. Well, from what you designed, I believe you were trying to create a cylinder (correct me if I am wrong) and I wanted to point out that creating two ends to a cylinder like this is impossible. Like I first said in this post, go draw some shapes on a piece of paper if you are having trouble with design.

(http://img294.imageshack.us/img294/2008/shapewc3.png)

Now this time, try recreating what I did with the cylinder by looking (don't copy paste) at how I designed it. After that, try creating a shape on your own (cube, sphere, ...).
Title: Re: my pixel art.
Post by: rudydbooty on August 16, 2008, 12:18:16 am
is this any better? shading?

(http://www.4freeimagehost.com/uploads/83afeb118b06.png)


i read the tutorial and it helped me alot!
Title: Re: my pixel art.
Post by: TomF on August 16, 2008, 07:12:56 am
What is it? What 3D shape is it supposed to be? Shade the object according to the volume. I think you'd really benefit from taking a pencil and paper and just drawing various shapes from life, and see how light hits their surfaces. You're still thinking in terms of 2D, draw with the solid object in mind.
Title: Re: my pixel art.
Post by: rudydbooty on August 16, 2008, 03:14:47 pm
Oh.. i made this thing  any good??

(http://www.4freeimagehost.com/uploads/d8cec80cfcb3.png)

or do i need to improve some more and work on other shapes??


EDIT:
(very SMALL EDIT)

(http://www.4freeimagehost.com/uploads/5389e6ec3f2a.png)



Title: Re: my pixel art.
Post by: JJ Naas on August 16, 2008, 03:51:50 pm
These are kinda hard to evaluate because they don't represent anything more recognizable than a blob with a thing on its head.. why don't you try yo make something that's clearly recognizable for everyone, like a house or a tree or character which isn't just made of same material all over, like the ones above. A character with clothes on and hair on it's head. And try to finish at least one piece instead of moving on to make a totally new pic after one or two edits.

You need to forget about the blob style for now and draw something more concrete looking and then later return to a more simplified style again. These forms are too simplified to be very useful in terms of trying to learn anything.
Title: Re: my pixel art.
Post by: Cure on August 16, 2008, 07:35:52 pm
I honestly suggest that you stop making pixel art for now.  Entirely.  You're not getting anywhere or any better.  As ptoing has said, you need the basics first.  Hit the sketchpad and improve on your fundamentals before rushing into a new pixel that has an uncanny resemblance to the last pixel you never learned anything from or took anywhere.

+apologizes if harsh, etc
Title: Re: my pixel art.
Post by: rudydbooty on August 16, 2008, 08:16:07 pm
K i will

thanks for the comments.

ill hit the sketch pad.
Title: Re: my pixel art.
Post by: rudydbooty on August 23, 2008, 11:13:20 pm
ok i have been working and working in sketch but i can't seem to get it i have tried on a few guys but no success


so i decided to make this robo dude...

(http://www.4freeimagehost.com/uploads/794cd01dc567.gif)

Robo dude 2
(http://www.4freeimagehost.com/uploads/59352fc82b18.gif)
( ill have to make him more alive when he breaths)
 :crazy:
Title: Re: my pixel art.
Post by: tomblifter on August 23, 2008, 11:21:38 pm
Why would a robot breath?
Title: Re: my pixel art.
Post by: Cure on August 24, 2008, 06:14:39 am
Why would a robot breathe?
fix'd

Call it an android and we can skip this logic stuff.  It's more like a heart beating than breathing.  He shouldn't inhale and exhale in a nanosecond, but I'm not sure how you could really make a believable breathing animation with such a simple shape.  Not much you can do to a rectangle.  If he had a chest and abdomen, however...
Title: Re: my pixel art.
Post by: rudydbooty on August 24, 2008, 06:12:17 pm
Ahh... Forget about the breathing well here is an edit on the ROBO

(http://www.4freeimagehost.com/uploads/45068cb29f3f.gif)


(i changed the shading a little bit and added the thing on top)

EDIT:

I tried to make him jump..

(http://www.4freeimagehost.com/uploads/f8b083151759.gif)
Title: Re: my pixel art.
Post by: Atnas on August 24, 2008, 06:47:50 pm
Ditch the detail and work on form. You have two dimensional shapes. The purpose of shading in the first place is to trick the eye into thinking something is three dimensional when it's really on a flat surface.

Look at your character from different angles, it might help you when figuring out how light casts itself on an object.

Here I've drawn your character's basic form, then applied it to your sprite. Think of the light as a mask over the detail. I changed the outline of your sprite based on the details (the plates) inside. The outline itself is a stylistic separator, and should in no way restrict form.

(http://www.lolipopsicle.com/linky/help/rudydbootyhalp.gif)

Edit: I forgot to mention, you have unnecessary shades in your palette. I used your palette, but I only used four colors. It's a common mistake to work zoomed in real close and think that some shades make it look better, when in actuality they are impossible to see far away.
Title: Re: my pixel art.
Post by: rudydbooty on August 26, 2008, 07:27:42 pm
Thanks Atnas.


I worked on it and this is what i have so far i think it's pretty good. What do you think?

(http://www.4freeimagehost.com/uploads/b19acda10fd0.gif)

Edit: i think i used 8-9 colors for the guy....

and here is the ROBO Leader
(http://www.4freeimagehost.com/uploads/0b4c96cd3926.gif)