Adventure Game Studio

Creative Production => Critics' Lounge => Topic started by: nihilyst on Wed 08/04/2009 21:02:43

Title: Background depth
Post by: nihilyst on Wed 08/04/2009 21:02:43
(http://www.longwayhome.de/down/landscape.png)

2x
(http://www.longwayhome.de/down/landscape.png)

Hi,

today I started making backgrounds again. So I took my old-fashioned tablet and started drawing. I wanted to do a landscape, like something you would use as an overview map. I'm quite satisfied with the sky and the overall look of the landscape, but it somehow looks very flat. I guess that has to do with the poor flat composition on one hand (including the rather sad use of a fence in the foreground) and with the use of colours and lighting on the other. Now, besides changing the complete composition, how can one add depth to an image?

Thanks in advance
nihilyst
Title: Re: Background depth
Post by: Andail on Wed 08/04/2009 21:25:59
A picture speaks a thousand words, so I present "colourdepth":
(http://www.2dadventure.com/ags/colourdepth.png)

(http://www.2dadventure.com/ags/colourdepth.png)

I have to say I really like your style, it's refreshing to see some traditional techniques once in a while.
Title: Re: Background depth
Post by: Moresco on Wed 08/04/2009 21:56:55

Very nicely done, Andail.  I always like to accompany the pictures with words, so here goes. 

nihilyst: Basically you just needed to present a color perspective and value perspective to create depth (I believe you've established some value already, but maybe you could do more) - which is how I know these terms, they go by other names however to other people.  Basically separating the foreground, middleground, and background...which is basically what Andail has done.   Most of the time, you'll find that your darkest darks are in the foreground and progress lighter as you move back towards the background.   Color perspective would show that from the foreground to the background, it goes warm to cooler color.    Very simple things to keep in mind.  And that's about all that I can add.


Edit by ProgZ:  No need to quote an image directly above your post.
Title: Re: Background depth
Post by: nihilyst on Wed 08/04/2009 23:11:21
ARGH! Now that you name it, I should have known it ;P

(http://www.longwayhome.de/down/landscape2.png)

(http://www.longwayhome.de/down/landscape2.png)

- Gave it a bit more colour depth and a new layer.
- Added some things: cave, bridge, wind facilities.
- Changed the tone a bit.

Thanks so far.
Title: Re: Background depth
Post by: Moresco on Wed 08/04/2009 23:15:47
haha nice wind power! energy conscious =p Woot.
Title: Re: Background depth
Post by: rbaleksandar on Thu 09/04/2009 06:48:58
Looks great ^^ But don't forget to put some road(s) in there :=
Title: Re: Background depth
Post by: Kaio on Thu 09/04/2009 08:51:25
I love it. Will the river be animated?
Title: Re: Background depth
Post by: Shane 'ProgZmax' Stevens on Thu 09/04/2009 18:02:49
I think the grass texturing and overall design is great, nihylist, but I would recommend focusing on the water texture and how the river winds through the hills, since right now it doesn't really resemble water to me but some tar-like substance.  I would focus especially on the river line, where it lacks convincing depth.  You can simulate this by adding some shoreline around the river and darkening one side, or if you don't want a shorline you could just make a somewhat deep outer edge to the left of the river line.  Try less saturated and dark blues for the areas of the water exposed to light, perhaps show a bit of transparency near the shorelines and some rocks partially exposed and that should make your water more visually compelling.

Edit:

I made a rough paintover to show you what I mean.  I couldn't change the blues as much as I wanted because they're tied to the sky texture, but the use of whites/light blues around the rocks and shoreline should get the point across.

(http://i485.photobucket.com/albums/rr218/ProgZmax/landscapecl.gif)
Title: Re: Background depth
Post by: nihilyst on Thu 09/04/2009 20:03:09
@progzmax: Thanks for the suggestions. I didn't really know what to do with the water the first time, so I guess it ended up rather "thick".

I gave it another shot:
(http://www.longwayhome.de/down/landscape3.png)
Title: Re: Background depth
Post by: TheJBurger on Thu 09/04/2009 20:38:40
I really like the small details you've added.

One other thing you can think about doing is adding some kind of foreground other than the black fence, although it may seem a bit arbitrary at this stage. The reason being the rest of the background seems a bit foreclosed from the subject's point of view.
Title: Re: Background depth
Post by: Shane 'ProgZmax' Stevens on Thu 09/04/2009 23:23:01
Water looks much better now!  I get a sense that it's flowing to different places instead of just one solid piece.  The more I look at the river, though, the more something about the perspective on it bothers me.  Would a river really sit that high on a hillside, I wonder?  I'm thinking it might look better if the river actually cut between two hills rather than carving itself along one, so in this case you'd only show the brief area where the river bends into the hills and then bring out the front hill so it's clear there's a gap there.  This could just be me.
Title: Re: Background depth
Post by: Jakerpot on Sat 11/04/2009 14:35:47
maybe some aa on the fence? I think it is looking like it's a pixel art thing, but the bg isn't. is it?
Title: Re: Background depth
Post by: subspark on Thu 16/04/2009 16:32:34
I think you could make the following improvements.
Title: Re: Background depth
Post by: nihilyst on Thu 16/04/2009 16:35:20
Hi, subspark,

thanks for the suggestions. When I have some time left, I'll see what I can do.

EDIT: No, I'm using ArtGem.
Title: Re: Background depth
Post by: Uhfgood on Tue 21/04/2009 20:12:46
No offense or anything but don't those windmills look HUGE.  I thought I was looking at mountains and stuff, not little mounds of dirt/grass :-)
Title: Re: Background depth
Post by: rbaleksandar on Tue 21/04/2009 21:04:35
Maybe that's the point ;) Depends on the storyline behind this background :)
Title: Re: Background depth
Post by: nihilyst on Wed 22/04/2009 01:55:22
These are wind generators. They ARE huge. Take a look:
http://upload.wikimedia.org/wikipedia/commons/b/be/Cuxhaven_groesste_windkraftwerk.jpg (http://upload.wikimedia.org/wikipedia/commons/b/be/Cuxhaven_groesste_windkraftwerk.jpg)

;)
Title: Re: Background depth
Post by: Uhfgood on Wed 22/04/2009 08:24:24
not really a good image to judge perspective on, that house or whatever looks really small, but then again it could be far away.  Need something to give it some scale.  In fact there should be something in the actual background that shows the scale, otherwise it looks confusing.  Like if the house is really tiny compared to the windmill, okay sorry WIND GENERATORS, in any case same difference :-)  Need something to show a good sense of scale.
Title: Re: Background depth
Post by: Misj' on Wed 22/04/2009 09:33:57
Quote from: nihilyst on Wed 22/04/2009 01:55:22These are wind generators. They ARE huge. Take a look:
I wasn't going to say anything, but it really bothered me as well from the beginning. It's not that (HAWT) wind turbines are huge...it's that the ones you drew are insanely huge for a wind turbine. I'll proof my point:

The trees you drew in the picture are - from the looks of it - possibly Swiss Pines (http://en.wikipedia.org/wiki/Swiss_Pine) or Norway Spurces (http://en.wikipedia.org/wiki/Norway_Spruce). It could be another member of the Pinaceae family of course, but from the looks of it these two trees are quite likely. A Swiss Pine has an average mature height of 25-35m (according to Wiki), and the Norway Spruce has an average mature hight of 35-55m. So let's for the sake of the argument use the smallest size for these mature trees: 25 m...then the hight of the trees surrounding the closest turbine is approximately 5 pixels. The hight of the 'stem' of the turbine itself is approximately 80 pixels, while the total height of that turbine would be 101 px (actually, if the sail were straight up it would be 106 px).

So that implies that the stem of the turbine is 16x taller than the Swiss Pine next to it...in other words: 16*25 = 400m (taking the sails into account we come to somewhere between 505 and 530m). It gets even bigger if the trees are tall Norway Spurces because than it would be 16x55=880m (or with sails: between 1111m and 1166m (so more than a kilometre tall)).

(http://www.2dadventure.com/ags/Misj_height_turbines.png)

Now from wiki I've also learned that the record holding HAWT wind turbines have an overall height of 198m (http://en.wikipedia.org/wiki/Wind_turbines#Record-holding_turbines). So that means that your turbines are at least twice as tall as they should be (even more, if the overall height included the blades, which is likely).

Now of course it is possible that we don't see Swiss Pines in this image, but much smaller members of the Pinaceae family (it is possible, but it should be noted that the Swiss Pine is one of the smallest members of the family itself), and that I over-estimated the size of the trees: in reality they are half the size (~12 meters). Well...that would mean that we are likely looking at White Spurces (http://en.wikipedia.org/wiki/Picea_glauca) that grow between 15 and 30 meters tall...however, first of all, they really look more like Swiss Pines, and secondly, it is unlikely that in a (seemingly) rough, untouched environment the trees don't grow beyond their minimal height, so one would expect these Spurces to grow to a size close to 25 m, which means that the same problem arises.

So I fully agree with Uhfgood, and say that the turbines are disturbingly huge...and are much taller (about double the size) than they are in reality.

Misj'

Ps. you can either make the trees taller (10-15 pixels rather than 5 next to the turbine) or the turbines smaller. That depends on the story.
Title: Re: Background depth
Post by: rbaleksandar on Wed 22/04/2009 09:48:00
If he makes the trees taller, he'll have to make the whole landscape bigger. Unless we don't know the story behind this background, you can never tell if it's too big or too small. It migt be from the future, it might be from another planet. BUT if it's supposed to be now on Earth - huge indeed.
Title: Re: Background depth
Post by: nihilyst on Wed 22/04/2009 15:05:43
C'mon, Misj', you're joking. Seeing a bunch of green pixels and talking about Swiss Pines? That's ludicrous. As far as we know, they could be 12 m tall. End of story.

Since there's some consensus here that they're too huge, I'll resize the trees.
Title: Re: Background depth
Post by: loominous on Wed 22/04/2009 16:41:49
Think you should keep them as is if you're happy with them. Perhaps they're really huge, perhaps the trees are really small.

One thing that bugs me, apart from the foreground, is that the trees don't feel like larger masses, but like separated individuals. Trees tend to form pretty much indistinguishable (at least at these distances) groups, and this is actually very handy when you paint them, as you can get away with scribbles.

Having them separated gives them a bit of the same feel as a kid drawing each individual hair on a character, making it feel sparse and odd, though of course at the same time nicely naive, so in the end it's a style choice.

Anyway, cool background!
Title: Re: Background depth
Post by: Hudders on Wed 22/04/2009 16:59:14
The wind turbines put me in mind of a giant flying island, with the propellers keeping it aloft.

I don't think they need to be smaller.
Title: Re: Background depth
Post by: poc301 on Wed 22/04/2009 17:04:14
Yes, very nice background.  Enormous turbines and bansai trees :)

-Bill
Title: Re: Background depth
Post by: monkey0506 on Wed 22/04/2009 17:28:23
I honestly don't think that turbines are so horrifically askew as what's been said. But it makes no difference at this point. It's a very good background, and it's evolved a lot from where you started.

It's definitely much better than anything I could ever pull off.

Whatever happened to the idea that art is interpretive anyway? It's always perspective this and that's too big and that's shaped oddly and blah blah blah. So what? Maybe the perspective is a bit off. Is it really that direly essential that it be corrected? People make it out to be a matter of life and death...just lighten up people. Can't you appreciate this awesome background for what it is?

I know this is the C&C board...but sometimes the way you position what you're saying just comes off as less "your image could be improved if you did..." and more "DO THIS NOW OR I WILL RAPE AND SLAY YOUR MOTHER!!11" I just think perhaps people could be a bit more conscientious about the way they critique the images here...IMO anyway...
Title: Re: Background depth
Post by: Uhfgood on Wed 22/04/2009 17:39:51
Note my suggestion was to add something to show a sense of scale, because it looks confusing to the viewer.  Something like a house or car or whatever that people have a good idea of the size of, so when they look at the wind generators they know it's supposed to be huge.
Title: Re: Background depth
Post by: Shane 'ProgZmax' Stevens on Wed 22/04/2009 21:28:19
I think the perceived size issues will be kept to a minimum as long as this is a non-interactive background.  If the character can walk around it (it doesn't seem suited to that purpose aside from the bridge) then you may need to make some adjustments, but if not, I think the depth and sense of scale look okay.  I would recommend doing something with the trees as Loominous suggested, though.  I thought they were those bramble-type bushes that grow next to beaches!
Title: Re: Background depth
Post by: subspark on Thu 11/06/2009 02:03:11
Heres an example of how you could use the trees to add depth to the scene in addition to correct scale ratios:
(http://www.shuugouteki.net/paul/Images/landscape3_sparkyedit2.gif)

These are just repeated photoshopped trees from a range of photographs but if you paint them by hand the scene will look simply outstanding.

Cheers,
Sparky.
Title: Re: Background depth
Post by: nihilyst on Mon 15/06/2009 22:12:18
This looks outstanding, subspark. If I have a bit of spare time to do some art again, I'll think about what you've done here. Unfortunately, hand-painted trees always have been one of my weak parts ;)

Anyway, thanks for the input.