AuthorTopic: GR#052 - Castle Wall shading - Texture  (Read 12634 times)

Offline Roots

  • 0001
  • *
  • Posts: 21
  • Karma: +0/-0
  • Engineers don't make for very good artists (-_-)
    • View Profile
    • Hero of Allacrost Homepage

GR#052 - Castle Wall shading - Texture

on: June 01, 2011, 08:09:07 am


Hi everyone. I'm pretty much a total beginner and I'm looking for some advice. I just created the tiles for the upper section of the wall that you see above. What I'm not quite understanding is how to properly shade/texture the middle section of the bricks. I understand light sources, etc. but I don't really get how to shade this properly to give it texture and depth. I've been playing around with it for a while now. In an earlier draft (see below) the "blobs" of the light/dark shades in the middle of the bricks were larger, but I didn't like the way this looked so I kind of cut up the blobs into smaller pieces to see what that would look like.




Could someone explain to me the proper way for shading something like this, and most importantly -why- you would shade it in that fashion? I'm really trying to understand why things are done a certain way, and not just how things are done correctly. Thanks.



Oh also (mandatory plug) this art was created for a role-playing game that I've been working on for a number of years. Check it out if you're interested (its playable).

Hero of Allacrost - http://www.allacrost.org

Hero of Allacrost, a 2D RPG for Windows, OS X, Linux
We are looking for additional pixel artists!!!

Offline Demian

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

Re: Castle Wall Shading Question

Reply #1 on: June 01, 2011, 01:24:32 pm
Hi!, these might not be the best examples but hope you get the idea behind them:





Pay attention how the individual mozaics have small variations on hue, saturation and/or lightness. You can do the same with your wall tiles, that will make them look a lot more real. GL!
^^

Offline vedsten

  • 0010
  • *
  • Posts: 125
  • Karma: +1/-0
  • boo
    • View Profile

Re: Castle Wall Shading Question

Reply #2 on: June 02, 2011, 02:20:55 pm
Hello, I've been struggling with that issue for a long time.

Usually, i would start by rigidly drawing the lines between the bricks. From there I'd start shading the blocks one by one, running into exactly the same problems that you do.
Some time ago I accidentally stumbled upon a method that has helped me a lot. I thrown together a quick mockup to illustrate.



#1 Rather than starting with the lines, you start with a blank canvas and loosely paint the tiles on. Don't be to nazi at here, the purpose is not to make a mathematically perfect grid.

#2 Clean it up a bit and make sure it tiles well

#3 Start sketching defining the individual blocks, popping in and out

#4 Pimp it!

#5 Offset it by 50% on both axis and pimp it again. Now, we have a base tile (you should clean it up more than I did).

#6 The irony with tiling work is that the more detail you put into that single tile, the more it will look tiled.
In order for this to look decent, we have to make a variation tile. Here, I just copy the finished tile and mixed it up (without touching the borders so I don't fuck up tiling)

The 3x3 grid is made up by these two finished tiles.

Really, I don't know if it's just me or what, but I find step #1 to be really important. When I start with lines, I tend to become a slave of them and that really hurts my pixeling.

Hope you can use it, keep up the good work,

Cheers

edit: Whoops, I made my grid 40x40, it's prob. gonna be harder to pull of at 32x32
« Last Edit: June 02, 2011, 03:02:30 pm by vedsten »

Offline lilwing

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

Re: Castle Wall Shading Question

Reply #3 on: June 02, 2011, 04:52:38 pm
Your tiles aren't bad, but there is always room for improvement.

The castles I've studied are typically not made of brick, and your walls looks like a lego palace. You need to have a look at different methods of masonry, like dry stone and fieldstone masonry. Those methods often employ a use of similarly-shaped stones, but with occasional imperfections of shape. Speaking of imperfections, a gritty texture will make them look a little more realistic - moss, lichen, chips and indentations in the stone, impurities (say the stone is limestone, but with deposits of red feldspar), and so forth.

It's hard to get that kind of detail when you're limiting yourself to a few tiles, but you can get a really nice look and still eliminate the grid with just three or four tiles. Vedsten's edit does a good job adding detail, but it still suffers the grid.
« Last Edit: June 02, 2011, 04:54:21 pm by lilwing »

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Castle Wall Shading Question

Reply #4 on: June 08, 2011, 10:36:47 pm
Fantastic tutorial! I agree with comments about taking it further with variations and details, and also starting out with different shapes instead of basic bricks but a great way to get stated.
I would like to see the tutorial extended.
As a beginner its hard to find decent tuts like this, so many baaad ones on google...

Offline Roots

  • 0001
  • *
  • Posts: 21
  • Karma: +0/-0
  • Engineers don't make for very good artists (-_-)
    • View Profile
    • Hero of Allacrost Homepage

Re: Castle Wall Shading Question

Reply #5 on: June 11, 2011, 11:49:23 pm
Wow, thanks a lot for the pointers! Especially that tutorial, that really helps me understand how to do this much better. Also sorry I was late with my reply; I just got back from vacation. I actually saw a lot of brick buildings on my trip (in Minneapolis) and observed many of the things that you fellows pointed out here and it gave me some great ideas. I think I'll start from scratch again and see what I can do.

Hero of Allacrost, a 2D RPG for Windows, OS X, Linux
We are looking for additional pixel artists!!!

Offline Roots

  • 0001
  • *
  • Posts: 21
  • Karma: +0/-0
  • Engineers don't make for very good artists (-_-)
    • View Profile
    • Hero of Allacrost Homepage

Re: Castle Wall Shading Question

Reply #6 on: June 12, 2011, 05:12:34 am
I started from scratch tonight following that little tutorial and here's the result.




I must say it looks much better. The only thing that bothers me is that now I've made what seems more like a stone wall than a brick wall. Which is fine, as I guess it makes more sense for a castle to be build from walls of this type. But if I wanted to make a brick wall, where the bricks were, in fact, all the same size, I'm not sure how it would come out looking. I could color the bricks differently to introduce variation, but it seems like I would be restricted from making bricks of different sizes (which is what my last wall tiles did). Any thoughts on that, or on this new wall I put together?

Hero of Allacrost, a 2D RPG for Windows, OS X, Linux
We are looking for additional pixel artists!!!

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Castle Wall Shading Question

Reply #7 on: June 12, 2011, 07:32:58 am
Way too many colours on the pillars and design needs some. Bricks are better but I think the highlights r too harsh and too plain white, pixels need to get cleaned up and too many jaggies. U need to recede the colours a bit and since it is casting a shadow its conflicting light sources.
I was looking at pictures of castles today and sometimes there are different height bricks on different rows too u can see if that looks any good.

Offline EyeCraft

  • 0011
  • **
  • Posts: 597
  • Karma: +2/-0
  • What are you scared of?
    • View Profile
    • Death By Dev

Re: Castle Wall Shading Question

Reply #8 on: June 12, 2011, 01:37:05 pm
Need to kill the contrast on the tiles to keep priority on the sprites;



Agree with everything Decroded mentioned.  :)