HOME | DD

Published: 2007-07-13 12:19:30 +0000 UTC; Views: 31663; Favourites: 300; Downloads: 1211
Redirect to original
Description
I made this tutorial long time ago, and im submitting it here now for every1 who is new to iso pixel art and need a little help------------
Okey, First, you start with the lines of the thing you want to color.. I have made a cube, with a piece missing..
Then you make a ramp. A ramp is just a few colors, next too each other that get darker or lighter.. you can just pick a color, add it to your ramp, go to the color chooser and put the arrow a bit down so you have a darker color, and so on..
I have used 5 colors
Than pick a light source.. This is where the sun is in my case..
Its above the top, so that should be the lightest place.. shade it with the color under the lightest color..
than the color under that for the right side (the sun is on the right side) and then the left side with the color under that..
Now we are going to highlight our lines.. The lines that are fold out, so we see the outside of the corner should be light, the folds in, so we see the inside of the fold (in my case where the piece of the cube is missing) should be darker.. Pick a color that is one shade lighter than the lightest shade of the 2 your line is between or the one darker than the darkes shade of the 2 its between.. Now for the lines that do not fold, but where just the ending is from the cube, we shade with the darkest color as well, and tadaah, we are done!
This can be done with every isometric object.
Warning:
There is no correct version or wrong version.. there are only beautiful versions and not so beautifull versions of shading.. This is just my way of shading, but that doesnt mean its the only right, or the best way to shade.. There are alot of styles, and every1 does something else.. but this is just a very basic example, and good to start with
Related content
Comments: 26
Midnight-Synesthesia [2017-12-01 01:36:10 +0000 UTC]
I beg to differ the correct version is what you are doing. The wrong version is what my High School had me doing.
👍: 0 ⏩: 0
eternallyendure [2011-11-23 10:59:24 +0000 UTC]
EPIC! I thank you from the deapth of my heart. I also pray that you become a great artist sometime.
👍: 0 ⏩: 0
Shockand-Awe [2011-06-29 19:01:33 +0000 UTC]
You don't know how much this helped; seriously thank you!
👍: 0 ⏩: 1
lollige In reply to Shockand-Awe [2011-08-30 16:28:42 +0000 UTC]
You are very welcome! View more of my work on my website: [link]
👍: 0 ⏩: 0
theartbook35 [2007-10-23 23:55:00 +0000 UTC]
Oh wow, the color chart I make for my pixels is called a ramp. I never knew that! See, I was just making it off the top of my head... lol. It's a very nice tutorial and I like it alot.
👍: 0 ⏩: 1
lollige In reply to theartbook35 [2007-10-24 12:27:18 +0000 UTC]
(Never make ramps like this, thisone SUCKS!.. allways use a lower saturation for darker colors, a higer for lighter colors, and maybe some hue shifts too.. that makes the picture more intresting..)
👍: 0 ⏩: 1
theartbook35 In reply to lollige [2007-10-24 16:08:52 +0000 UTC]
Good point. I like doing 'checkerboard shading' a lot, for the smoother gradations and to make newer colors. I made a tutorial last night, but I'm using the school's computer at the moment and it's on my computer at home. I might upload it tonight or tomorrow morning. I made a color wheel too, by just putting two different colors beside each other. It was fun.
👍: 0 ⏩: 0
Elaesis [2007-09-26 09:37:13 +0000 UTC]
thank you^^ this is helpful did you use the '
aint' program?
👍: 0 ⏩: 1
falafelkiosken [2007-07-28 20:53:29 +0000 UTC]
Nice, I've tried making some iso pixel art sometimes but I've never come so far, I'll read this when I feel the need to create some pixel art again
👍: 0 ⏩: 0
Vile-J [2007-07-17 16:32:11 +0000 UTC]
Marvelous, man. You could write a book about this, eh? By the way, your cube looks almost edible with it's smoothness. Like a big chiseled jello cube.
👍: 0 ⏩: 1
lollige In reply to Vile-J [2007-07-26 16:07:36 +0000 UTC]
Thank you
I have thought alot of writing a book/very large online tutorial, but im shure im way less experienced to write everything you will need.. But dont worry, ill write more things like this
👍: 0 ⏩: 1
Pleizure [2007-07-13 18:42:23 +0000 UTC]
I'm really new to iso, but I have to ask. On the sides that aren't face the light source, the edge in between them is light, when it would make sense to make it dark.
Anways, great tut, good jorb.
👍: 0 ⏩: 1
lollige In reply to Pleizure [2007-07-13 20:27:59 +0000 UTC]
light is allways coming from somewhere.. otherwise everything thats not pointed to the sun should be black.. so there is also light on those dark sides.. You highlight the corners, because corners, when you would zoom in very very very much, they are no corners, but they are sort of rounded off..
Now one small stripes of that rounded off thing should reflect the light right into your eye.. that makes it brighter than the other ones.. If you dont really get it I can make an example for you to show it..
👍: 0 ⏩: 1
Pleizure In reply to lollige [2007-07-14 19:34:14 +0000 UTC]
aw, thanks for that. but when I zoom in on that corner, all I get is ...
[link] your talking when you uber zoom in...
👍: 0 ⏩: 2
lollige In reply to Pleizure [2007-07-15 08:56:02 +0000 UTC]
yups.. and we are not talking about pixels, they will never get round but real life corners.. they would be very very very sharp if they would not be round.. the corners of your screen, the corners from your chairs, they are all a bit smoothed..
👍: 0 ⏩: 1
Pleizure In reply to Pleizure [2007-07-14 19:35:29 +0000 UTC]
*[link]
*unless your talking about when you do an uber zoom in.
👍: 0 ⏩: 0
ShoneGold [2007-07-13 13:23:35 +0000 UTC]
Thank you lollige, I am going to make a journal page with tutorials which I will add to overtime. This will certainly be going into it....great stuff!
👍: 0 ⏩: 1
ShoneGold In reply to ShoneGold [2007-07-13 13:26:39 +0000 UTC]
Is there any way you can add that commentary to the actual piece of work. I will be taking a thumb but people may not read your comments?
👍: 0 ⏩: 1