The Daily Click ::. Forums ::. Digital Works ::. "Article"- Isometric Pixel art with style!
 

Post Reply  Post Oekaki 
 

Posted By Message

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
3rd January, 2006 at 23:57:52 -

OKAY. so Ive just spent the last 30 minutes making some pixel-art for an article, only to find the article upload section is unavailable? ANYHOW...

I was making a house for my rpg and decided to do a step by step diagram, to show its progress and to help those who find the whole Iso. Pixel art thing difficult, which it really isn't...really.
The steps aren't very gradual im afraid, but still it MIGHT help some people

1)Make a base area.Note information- Basic isometric, horizontal shapes go along in twos and up in ones.

2)Create a box! Make another base area above the orignal, "above" depending on how high you want your house! Join the corners with vertical lines and delete the inbetween lines.

3)Add a roof! For style and character, make some lines curved. Break the rules, they don't have to be perfect when adding character!

4)Add other details! Using the first technique, make windows, doors and chimneys, although my chimney is delibratley warped.

5)Add basic color, where light hits the house etc.I used a stormy-blue for slate-style tiles.

6)Add more details slowly and carefully, thinking about where the light source is coming from.

7)Um... add even more detail! pixels here and there. Perfection is the key but not always- Put the house in a location, mines in a grassy field with a muddy path leading to the door.

Final Image. Note simple background, lighter in color, black outline left around the perimeter of the sprite. Some green pixels used at the base of the house, as if the grass is growing long around the sides of the building!


Image

Hope this can help at least ONE person!



 
n/a

Silveraura

God's God

Registered
  08/08/2002
Points
  6747

Game of the Week WinnerKlikCast StarAlien In Training!VIP Member360 OwnerWii OwnerSonic SpeedThe Cake is a LieComputerChristmas Tree!
I am an April Fool
4th January, 2006 at 00:04:29 -

Very nice building sprite. I like how it turned out, but I had a little trouble fallowing the steps & use them from building more complex organic sprites.

 
http://www.facebook.com/truediamondgame

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 00:07:53 -

Thanks Brandon. Did you mean the way they're laid out, or as in the way I wrote them? As I said, they don't seem to be very gradual! Hopefully people can study the final image and realise how some effects are achieved, thats what I use to do. Buy game magazines, study the sprites in screenshots and eventually techniques began to click into place. Still, Im learning!

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 02:37:42 -

Your comment looks like an excuse to start yet ANOTHER argument. Showing my drawing off? My dear, if we're comparing it to your standards-then hell, everyone's showing off.

 
n/a

-Vinny-



Registered
  12/01/2005
Points
  436
4th January, 2006 at 02:38:16 -

lol, phizzy, i'm just curious as to what you expect in terms of description, like what exactly are you expecting him to describe?

digital dreams, that's a good method for quick iso building pixelling. also like brandon cassata said it's not very effective when it comes to organic sprites; not your fault though. it's mainly because they jsut require different methods, especially with the line art. colouring can be transferred over to many forms of pixelling, but line art can vary from subtle differences to great differences; for instance, the differences between fighting game characters and rpg characters varies greatly, even one rpg compared to another may have great amounts of differences or very little.

nice house though hint, since you already lightened the roof, it would be better to do the same with all the other darker lines: the window outlines and the exterior wood designs or whatever they're called

 
Vinny

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 02:41:01 -

Thanks sensation, at least your being helpful! Yeah i was going to but I couldnt be bothered to get picky, even though i babble on about perfection, in some cases, being the key. Its not really meant to be an in-depth article, I just wanted to produce and explain a diagram that showed progress, and that gave a reasonable pixel house.

 
n/a

Matt Boothman

The Nissan Micra of forum members

Registered
  20/09/2002
Points
  108

Game of the Week Winner
4th January, 2006 at 12:02:50 -

Can someone ban Phizzy? Any topic started by Digital Dreams turns into a flame-war because of him!

And as for the article - good! Maybe you could add it to http://www.klikacademy.com, or maybe if you had the time you could do a whole course (beware, this takes time). And so what if he's showing off his work? That's partly what these forums are for, and it's something everyone has done when they're particularly proud of a bit of work. Grow up Phizzy, and DD, just ignore him.

 
http://soundcloud.com/normbo - Listen to my music.

axel

Crazy?

Registered
  05/02/2005
Points
  4766

Game of the Week WinnerYou've Been Circy'd!
4th January, 2006 at 12:05:44 -

Any topic posted by anyone can turn into a flamewar when Phizzy's around.

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 13:12:04 -

Thanks noodle, Im glad someones finally seeing whats going on. Well I might do another "article" later on, for a tree or something perhaps. Yeah Ill post it on Klik academy sometime!! Probably later tonight!

 
n/a

The Chris Street

Administrator
Unspeakably Lazy Admin

Registered
  14/05/2002
Points
  50116

Game of the Week WinnerClickzine StaffAcoders MemberKlikCast StarVIP MemberPicture Me This Round 35 Winner!Second GOTW AwardYou've Been Circy'd!Picture Me This Round 38 Winner!GOTM December Third Place!!
I am an April FoolKliktober Special Award Tag
4th January, 2006 at 14:19:11 -

Phizzy, your final warning. Stop being an idiot.

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 15:32:01 -

Hmmm should i do a tree? Or perhaps another building...

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 17:04:03 -

You've just called everyone stupid bastards?

 
n/a

Flava



Registered
  30/07/2002
Points
  684

Has Donated, Thank You!Code MonkeyVIP MemberThe Cake is a LieThe Spinster
4th January, 2006 at 17:14:33 -

Can you blame him?
He just gave his opinion on your article and everyone starts ripping into him!

 
This is a signature. Have this one on me.

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 20:03:13 -

Its an opinion come sly, bitchy comment, thats what the people with sense have actually noticed,- the fact that hes doing it in all my threads and in many others to.

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 21:02:04 -

seriously now, leave the thread alone.

 
n/a

Hayo

Stone Goose

Registered
  15/08/2002
Points
  6944

Game of the Week WinnerHas Donated, Thank You!VIP MemberGOTM 3RD PLACE! - APRIL 2009Weekly Picture Me This Round 27 Winner!Weekly Picture Me This Round 41 Winner!Weekly Picture Me This Round 45 Winner!
4th January, 2006 at 21:11:33 -

Nice one, but really, it is not descriptive enough for n00bs who never did any iso gfx before.

 
www.hayovanreek.nl

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 21:45:25 -

yah, True. I tried to make it easy with the whole two pixels along and one up shit but it didn't work too well!

 
n/a

Klikmaster

Master of all things Klik

Registered
  08/07/2002
Points
  2599

Has Donated, Thank You!You've Been Circy'd!VIP MemberPS3 Owner
4th January, 2006 at 22:59:05 -

Hehe it does get a little more difficult after step 2 . But a very nice piece of pixel work! Me likes!

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
4th January, 2006 at 23:14:56 -

Thanks klikmaster!

 
n/a

colej_uk



Registered
  15/05/2002
Points
  1627
7th January, 2006 at 14:22:22 -

Its really nice pixel art, but I dont think its that helpful. You explain the stages of creating, but you dont actually tell people how to do all the detail and shading, for example if you say 'add windows!' It won't help people create windows any better.

Really cool pixel art though.

Image Edited by the Author.

 
-

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
7th January, 2006 at 15:04:58 -

but you see thats how I learnt. I studied different examples, I never looked at colouring techniques etc. I just realised where you have to place highlights and shadows, textures etc, by looking at different examples. Man its so damn easy if you just go around looking a pixel art all night!

 
n/a

Knudde (Shab)

Administrator
Crazy?

Registered
  31/01/2003
Points
  5125

Has Donated, Thank You!Clickzine StaffKlikCast StarVIP MemberGhostbuster!Dos Rules!I donated an open source project
7th January, 2006 at 16:25:06 -

That's a nice picture for sure, but it is almost useless as an article.

However, I fully rest the flame-warriness of this topic in Digital Dreams court. Phizzy made a REAL comment on what he thought you were doing, and you used it as an excuse to start a flamewar; then blame it on him. Nice try, but I can read.

 
Craps, I'm an old man!

Johan Hargne (Wartagon)

Lover Of Circys

Registered
  15/06/2003
Points
  1289

Game of the Week WinnerCROBASOFTVIP MemberPS3 OwnerWii OwnerMushroom
7th January, 2006 at 17:21:35 -

@Digital Dreams: It is an awesome final product indeed, but I'd like to see a few more steps between both 2 to 3 and 3 to 4. That'd give the artist a better overview to the artwork. But great work!

Image Edited by the Author.

 
Music Composer.
http://johan.hargne.se

Crobasoft
www.crobasoft.com

Gee



Registered
  07/01/2006
Points
  11
7th January, 2006 at 21:12:05 -

It looks awesome Digital D.,

Just one advice, get rid of the black outlines (if you want) and add more blending colors to get it a more realistic look rather than a pixel house. Don't get me wrong, it's just my thought.

Gee

 
n/a

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
7th January, 2006 at 21:24:30 -

thanks guys. Shab, Fairs fair, yes the first part of phizzys comment was fine, im sure he could have left the bit about an excuse to show off however.

 
n/a

Pete Nattress

Cheesy Bits img src/uploads/sccheesegif

Registered
  23/09/2002
Points
  4811
7th January, 2006 at 22:11:05 -

Phizzy presented a valid opinion. If you don't want a flamewar, don't respond to his comments.

 
www.thenatflap.co.uk

Ski

TDC is my stress ball

Registered
  13/03/2005
Points
  10130

GOTW WINNER CUP 1!GOTW WINNER CUP 2!GOTW WINNER CUP 3!KlikCast HelperVIP MemberWii OwnerStrawberryPicture Me This Round 28 Winner!PS3 OwnerI am an April Fool
Candy Cane
7th January, 2006 at 23:35:31 -

So you agree that I was showing off my work then?

 
n/a

Hayo

Stone Goose

Registered
  15/08/2002
Points
  6944

Game of the Week WinnerHas Donated, Thank You!VIP MemberGOTM 3RD PLACE! - APRIL 2009Weekly Picture Me This Round 27 Winner!Weekly Picture Me This Round 41 Winner!Weekly Picture Me This Round 45 Winner!
7th January, 2006 at 23:43:11 -

DD, do you know what "opinion" means?

 
www.hayovanreek.nl
   

Post Reply



 



Advertisement

Worth A Click