AuthorTopic: My first isometric pixel art  (Read 7288 times)

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

My first isometric pixel art

on: November 21, 2016, 06:14:49 pm

Hey, any tips on how to improve this? I feel like it could be much better.

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1433
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: My first isometric pixel art

Reply #1 on: November 21, 2016, 06:35:42 pm
Throw some texture onto that slice! Buried cave network, basements, skeletons... anything that isn't just the grey void you got right now! I also reccomend working on the road gravel, right now it just looks like noisy grey flats. Add some texture and variance to the terrain!
Also, you need some more contrast on the edge bricks, I didn't even notice them at first because the shades are so close! You can also incorporate that brick to the edge of the river there!
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline CFKaligula

  • 0010
  • *
  • Posts: 101
  • Karma: +0/-0
    • View Profile
    • My Tumblr

Re: My first isometric pixel art

Reply #2 on: November 21, 2016, 08:04:16 pm


Look at what some lighter colours can do! It much easier to see the difference between different shades now.
I also feel like coloured outlines, or at least lighter outlines, could help this look better. Having inlines be the same colour as the outlines usually doesn't look very nice (for example the wooden boards)
You get in the bowl

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1433
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: My first isometric pixel art

Reply #3 on: November 21, 2016, 08:17:50 pm
Gotta disagree with the above poster, I like the sort of darker, unified color palette the original has. It looks like twilight-lighting, whereas the other looks slightly past noon because of the brightness.
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #4 on: November 21, 2016, 08:52:22 pm
I'm looking for a more dawn-looking and realistic image, I like using dark colors and low contrast.

I might do something for the dirt, I still have to think about what to add.

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1433
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: My first isometric pixel art

Reply #5 on: November 21, 2016, 09:29:32 pm
Looking much better, good stuff! And if you want ideas:
-sewers
-basements (already suggested)
-caverns
-plumbing
-rocks and plantmatter
-animals like moles

etc etc
There's plenty of stuff to be found underground!
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline dpixel

  • 0010
  • *
  • Posts: 267
  • Karma: +1/-0
    • http://pixeljoint.com/p/20306.htm
    • View Profile

Re: My first isometric pixel art

Reply #6 on: November 22, 2016, 12:05:39 pm
Needs some windows.  Looks like it's under construction. 

Offline CFKaligula

  • 0010
  • *
  • Posts: 101
  • Karma: +0/-0
    • View Profile
    • My Tumblr

Re: My first isometric pixel art

Reply #7 on: November 22, 2016, 12:29:48 pm

You don't per se have to use lighter colours, but if you have low contrast, using multiple colours becomes a waste if you can't even see them. In the picture i removed the outline in the dark places, and it's not even noticable at 100%.
You get in the bowl

Offline BadMoodTaylor

  • 0010
  • *
  • Posts: 160
  • Karma: +0/-0
  • I'm a nice guy
    • @LouBagelCombo5
    • View Profile
    • Lou Bagel: Combo Number 5

Re: My first isometric pixel art

Reply #8 on: November 22, 2016, 01:32:24 pm
I like it but what might be bothering me about it is: isn't internal edges typically done with the lighter shade in isometric pixel art?  Or at least if they are in the light source.  I think that is making it look less smooth overall.

(sorry, don't have time to try out an edit right now)
Here to learn pixel art.  Feedback always appreciated.

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #9 on: November 22, 2016, 06:34:31 pm

I have worked on some stuff, the cave doesn't convince me..

Offline TEETH

  • 0001
  • *
  • Posts: 28
  • Karma: +0/-0
    • http://pixeljoint.com/p/77463.htm
    • candyballad.tumblr.com
    • View Profile
    • My Game Progress Site

Re: My first isometric pixel art

Reply #10 on: November 22, 2016, 06:54:46 pm
I think the cave makes it too busy. maybe add some more detail to the water? the water way is a great add on by the way.

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1433
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: My first isometric pixel art

Reply #11 on: November 22, 2016, 07:13:32 pm
I'd say keep the corner intact and fix up the cave floor to be less flat!
I did a bit of that here, you might have to add an extra color but I tried my hardest to avoid that!


(I also added that basement idea so you could see what I meant about that!)
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #12 on: November 22, 2016, 10:43:34 pm

Thanks a lot for the ideas and feedback! I removed a few colors but maybe the water in the cave is kind of hard to see?

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1433
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: My first isometric pixel art

Reply #13 on: November 23, 2016, 01:57:35 am
   id say its way too noisy now. what color did you remove?
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #14 on: November 23, 2016, 04:55:55 pm

I think I fixed it, I gave the stone more texture and made it less noisy by turning bright into dark.

Offline dpixel

  • 0010
  • *
  • Posts: 267
  • Karma: +1/-0
    • http://pixeljoint.com/p/20306.htm
    • View Profile

Re: My first isometric pixel art

Reply #15 on: November 23, 2016, 06:11:15 pm
Recoloring suggestion and some window frames.  Maybe a foundation?
Also I think the lines at the cross-section of the framing/tutor-style wood takes away from the classic chunky style.

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #16 on: November 23, 2016, 11:28:14 pm
Thanks dpixel!

I added windows and a foundation. I also gave more detail to some stuff.

Offline Cyangmou

  • Moderator
  • 0011
  • *
  • Posts: 908
  • Karma: +3/-0
    • cyangmou
    • http://pixeljoint.com/p/32234.htm
    • cyangmou
    • View Profile
    • Pixwerk Homepage

Re: My first isometric pixel art

Reply #17 on: November 24, 2016, 01:52:27 am


focus on:

-using not too many black outlines next to each other, especially not if it's really crowded.
-By introducing a small palette, which has colors which contrast really well with each other you will have a much tighter control.
-use only one black color for all of those dark tones.
-if you have one black and good conmtrasting colors you can only set an outline on one side (like in the wooden framework in the edited house wall) - which then will add a lot of dimension to some details.
-Get rid of texture where it hurts the piece and flatten the colors, like on the ground. 
-If you want to use texture with that few colors, use bigger areas of the same colors, connecting together in massive blobs of colors. All those tiny details take a long time to draw, but aren't really as impressive, as solid basic forms.

Take my edits of the piece as a suggestion to underline the points i mentioned above.
"Because the beauty of the human body is that it hasn't a single muscle which doesn't serve its purpose; that there's not a line wasted; that every detail of it fits one idea, the idea of a man and the life of a man."

Dev-Art
Twitter

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #18 on: November 24, 2016, 08:02:43 pm

Thank you Cyangmou, that was extremenly helpful!
I have been working many hours on it.
« Last Edit: November 24, 2016, 08:41:50 pm by zoekmath »

Offline lpflicke

  • 0001
  • *
  • Posts: 22
  • Karma: +0/-0
    • View Profile

Re: My first isometric pixel art

Reply #19 on: November 24, 2016, 11:15:49 pm
Looks great now.
The colours have improved loads, even further showing the sunset/noon sort of lighting with the red tinted shade.
There's also lots less noise making it more readable but still shows the texture.
Only problems I see is that the foundation/base of the house blends in a bit with the path and the cave is not very noticeable from the low contrast.

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #20 on: November 24, 2016, 11:23:23 pm
I have been trying to fix the foundation blending with the path, any ideas how to do it?
And I maybe could add a source of lighting to make the cave more noticeable?

Offline Cyangmou

  • Moderator
  • 0011
  • *
  • Posts: 908
  • Karma: +3/-0
    • cyangmou
    • http://pixeljoint.com/p/32234.htm
    • cyangmou
    • View Profile
    • Pixwerk Homepage

Re: My first isometric pixel art

Reply #21 on: November 24, 2016, 11:31:54 pm
Lots of good edits and you really took it to the next level.
There is more you can do now though:



1) take out the noise of the water, it breaks the style

2) seperate the color of the roofs from the color of the water to get a better contrast

3) highlighting the front edges of the roofs will move them forward and make them look more like they overlap the house

4)
-added some cast shadow on the last house
-seperated the light on the ground plane, front plane is now brighter
added another gray

You really should consider using about an equal amount of colors for each ramp. The houseroofs have now 4, while other spots have 2 or 3, beef the ramps up to 4 as well.

5) more work on the ground box.
erased detail on the top plane and exchanged them with more planar ones which look cleaner.
seperated the bricks near the water in terms of contrast
added a cast shadow beneath the street

6) keep in mind that the water level should be constant throughout the piece
I added a brighter wood color to the sunlit planes
the inside of the last house is not visible, somehow i see now that you placed a box down there, which was eaten by blackness before
added some more detail to the street and added some front brick details to the groundbox - also used more interestingly differentiated shapes on them





also removed highlights in the shdow planes, which were distracting


regarding the cave: didn't even notice there was one, but i know now what you mean. Yeah it should be more lit up, like the inside of the house at the rear.
« Last Edit: November 24, 2016, 11:38:06 pm by Cyangmou »
"Because the beauty of the human body is that it hasn't a single muscle which doesn't serve its purpose; that there's not a line wasted; that every detail of it fits one idea, the idea of a man and the life of a man."

Dev-Art
Twitter

Offline BadMoodTaylor

  • 0010
  • *
  • Posts: 160
  • Karma: +0/-0
  • I'm a nice guy
    • @LouBagelCombo5
    • View Profile
    • Lou Bagel: Combo Number 5

Re: My first isometric pixel art

Reply #22 on: November 25, 2016, 05:42:24 pm
Wow!  First time coming back to this since the beginning and gotta say: so much progress and improvement!  Way to learn and apply it so quickly, it is looking good.

Decided to try my edit anyway even though I think it has already been pointed out.  Think I messed up a few spots but purpose was just to communicate the idea, not to show perfection  ;)



Depends on the style you are going for but using the lighted edges looks smoother and more pleasant to me.  In your recent posts the roofs are looking great but the wood still has a lot of outlining that I feel detracts from the piece.

Note: Not suggesting to create more colors but I had to create a couple new colors to demonstrate without completely reworking.
Here to learn pixel art.  Feedback always appreciated.

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #23 on: November 25, 2016, 06:20:26 pm
Thanks you both! I'm gonna delay a bit on the next update because I'll be adding more buildings making the image bigger, any suggestions?

Offline BadMoodTaylor

  • 0010
  • *
  • Posts: 160
  • Karma: +0/-0
  • I'm a nice guy
    • @LouBagelCombo5
    • View Profile
    • Lou Bagel: Combo Number 5

Re: My first isometric pixel art

Reply #24 on: November 25, 2016, 06:24:14 pm
If it were me I would keep editing and working on what you have until completely happy with it.  Adding more buildings and making it larger causes it to take longer when making edits and changes.  I would spend the time on perfecting first before growing.
Here to learn pixel art.  Feedback always appreciated.

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #25 on: November 26, 2016, 02:29:07 pm

Thank you so much, that feedback was really helpful, Cyang. Should I add anything more, or did I do anything wrong?

Offline Cyangmou

  • Moderator
  • 0011
  • *
  • Posts: 908
  • Karma: +3/-0
    • cyangmou
    • http://pixeljoint.com/p/32234.htm
    • cyangmou
    • View Profile
    • Pixwerk Homepage

Re: My first isometric pixel art

Reply #26 on: November 28, 2016, 11:12:49 pm
as shown in the earlier edits, i really would get a clear seperation between the 2 housesides in.

I  also think that dither on the street doesn't really work, bc. it looks more like a grainy texture, like gravel.

also considerin gthat the water beneath the houses seems to be in a canal, it shouldn't appear as bright as the wate routside in sunlight.

I also think that you lit up the inside of the house at the end too much.
"Because the beauty of the human body is that it hasn't a single muscle which doesn't serve its purpose; that there's not a line wasted; that every detail of it fits one idea, the idea of a man and the life of a man."

Dev-Art
Twitter

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1433
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: My first isometric pixel art

Reply #27 on: November 29, 2016, 01:17:11 am
This is all looking ages better, keep at it!
I'd actually advise against making the divide more clear, it gives it a very classic british house-cluster look, makes it look like a dense city block.
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline zoekmath

  • 0010
  • *
  • Posts: 111
  • Karma: +0/-0
    • minalejandro
    • Zielach
    • View Profile

Re: My first isometric pixel art

Reply #28 on: December 04, 2016, 04:26:46 pm

Thanks for the feedback!
I'm not sure about the street, what could I do to make it look better?

Offline Indigo

  • Administrator
  • 0011
  • *
  • Posts: 878
  • Karma: +0/-0
  • Artist, Indie Game Dev
    • DanFessler
    • DanFessler
    • http://pixeljoint.com/p/849.htm
    • DanFessler
    • DanFessler
    • View Profile
    • Portfolio

Re: My first isometric pixel art

Reply #29 on: January 16, 2017, 12:09:16 am
Excellent improvements! *Featured*

Offline unluckyhobo

  • 0001
  • *
  • Posts: 1
  • Karma: +0/-0
    • View Profile
    • hobotech studios

Re: My first isometric pixel art

Reply #30 on: April 05, 2017, 12:27:15 pm
That looks really nice, I have been meaning to do some isometric work myself I've always found it a little tricky. Good Job  :)

Offline Xer0bot

  • 0001
  • *
  • Posts: 36
  • Karma: +0/-0
    • View Profile

Re: My first isometric pixel art

Reply #31 on: May 15, 2017, 11:08:03 am
This looks really great, Im just trying to understand why the roofs look good. I mean it looks like fabric. But it looks good.

Offline BadMoodTaylor

  • 0010
  • *
  • Posts: 160
  • Karma: +0/-0
  • I'm a nice guy
    • @LouBagelCombo5
    • View Profile
    • Lou Bagel: Combo Number 5

Re: My first isometric pixel art

Reply #32 on: May 19, 2017, 12:29:35 am
Love it!  My only suggestion would be if there is a way to make some of the wood pillars/paneling a little cleaner.  Not sure how exactly, above my skill, maybe make smaller, use less colors, or break up the banding...not sure.  Specifically in the columns against the bright yellow walls in the light.
Here to learn pixel art.  Feedback always appreciated.