Breeze Tileset Tutorial (Warning: Image-Heavy!)

[Sonata]

Great! I'm looking forward to your future tutorials.

 

[ballow009]

waahhh...  :sad: I can't make any shading or color  :down: its too hard...
im good at drawing but i dont know how to color them and shade them >.<...

i read the tutorial almost 3 times...but still dont have any idea how to get them to life  :down:
nice tutorial  :thumb: ..Im reading it again  :lol:

 

[Grathea]

What exactly do you mean by that, ballow? Are you trying to make your own palettes? At this point, I'd just stick with the ones I'm suggesting. If you're referring to where to color... I'm lost. Try going through the tutorials in order, from top to bottom. I slowly get rid of some instructions later on, because by then you should understand them.

Why not post what you've got so far up here, and I'll take a look at it.

 

[ballow009]

ok...I'll post them here... >.< its a little bit ...childish graphic >.< maybe i'll post it if i got the time... Im in school today.

 

[Ocean]

http://i126.photobucket.com/albums/p117 ... leShot.png[/img]

K. What I think you should work on first is the colors. Specifically, the browns. Try to get away from thinking that if something is predominantly one color, that every shade it uses is the same color but brighter or darker. That's not the case. The color of the light source is what will determine what colors the highlights and the shadows go to.

For example, since it's outdoors, the sun is the light source. That makes it yellow. So for the highlights, they should have a bit more yellow in them. You don't need to make it pure yellow, but just yellower. For the shadows, you'll need the opposite color of yellow, which is purple. (Look up complementary colors in google if you're interested for other colors). So, the shadow colors should be more purple. It makes it more interesting than if it's just light brown, brown, dark brown.

For the tree trunks (and the leaves), I'd recommend you see what direction the light is coming from. Most people use top left light. So, the left part of the trunk would be bright, and the right part of the trunk would be dark. You don't need to apply a texture to the shadowed part either, though you can if you can pull it off. But yeah, when you're doing a texture, first see which parts are bright and which parts are shadowed before you go doing the texture. That way the object doesn't look flat but it looks more 3D.

More contrast with your colors would be good too. Not so much for grass and floor tiles, but with objects, you'll want each color to be seen.

 

[Sonata]

Thanks for the tips Oceans Dream! Would you mind giving me a little more help with tiles in a different style? I'll PM you as not to hijack Gratheo's thread.

 

[Grathea]

Thanks for the tips Oceans Dream! Would you mind giving me a little more help with tiles in a different style? I'll PM you as not to hijack Gratheo's thread.

No, please do. That way, others can learn from it as well.
On an unrelated note, I've finally got time to work on tutorials again. What do you guys want to see?
I'm leaning between a big set on indoors stuff (like the one on vegetation, but much longer) and a set of tutorials on various textures and how to use them. This one could be more adaptable, but it'd take a lot of writing, and not just art. Why don't you guys(the community) decide?

 

[Sonata]

Those ideas sound nice gratheo! And I guess, I will post them here, although the style isn't breeze. But hey It's your thread.

 

[Grathea]

Yeah, I've been thinking about diversifying this thread a little. Since I am doing tilesets for the HKCP, I thought it might be easier to just turn this into a general all-purpose tutorials thread.

Do you have any preference for either idea?

 

[Sonata]

Definately textures. They're a pain.

 

[Slorfae]

Wow, this is really terrific, Gratheo. I'm having a blast with this!

Now, this isn't Breeze, but it was made with your tutorial, so...
http://i121.photobucket.com/albums/o223 ... ywater.png[/img]
http://i121.photobucket.com/albums/o223 ... ample2.png[/img]http://i121.photobucket.com/albums/o223/Slorfae/example1.png[/img]

The stone path is not exactly mine, it's an autotile by someone else that I just edited to fit in with the rest. And, of course, on the water autotile the part that frames the actual water was the one you provided, the one by GR.

 

[___]

Your trees definitely need some improvement on perspective.  Right now it looks like I'm looking straight on at them, which in turn when meshed with the background seems as if they are leaning backward away from the camera.  Try drawing a circle using a shape tool in your graphics editor of choice; make it as wide as you want your tree and about 2/3rds as wide as it is high, and then do another one below that according to how wide you want your roots.  That will give you a guideline as to how to round out the base and leaves or "body" of your tree to get the perspective right.

 

[Slorfae]

Ah! I knew there was something wrong with the trees. It's the exact same problem I have when I draw trees (like on paper)... I seem to be of the mind that each branch is important, so each one should be visible. :P As a result, they're entirely 2D.
http://i121.photobucket.com/albums/o223 ... dtrees.png[/img]
Better?

 

[___]

Yeah those are a great improvement   I'd shift the highlighting forward and down a little bit on the leafy tree to give it more volume, the highlight on the top still indicates a vertical tree so even though your trunk and leaf line are saying perspective your lighting is saying flat.  I did this same exact thing on my first several trees before I got it all figured out, it's funny how your brain knows the way it should look but when you draw it there's some sort of disconnect between hands, eyes, and imagination.

Here's the first tree I built for a tileset:

http://img525.imageshack.us/img525/467/tykeoakbm2.png[/img]

I thought it came out great at the time but looking back I'm like, aaaagh!  You can see the fixed version in my trailer tykes tileset in my workshop.

 

[ramonbastos]

nice tuts =]
helped me alot, thanks

 

[FeeE]

Awesome!

its help me soo much.

thanks