Adventure Game Studio

Creative Production => Critics' Lounge => Topic started by: ThreeOhFour on Wed 05/09/2007 11:05:18

Title: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 11:05:18
Hi all.

Have just downloaded the Gimp and have decided to start trying out brushes, layers, and other fancy stuff rather than just plain hand pixels.

Have looked at a couple of examples and the like, then gave it a shot. Realised that I suck :p.

Here's a quick corridor I did in GraphicsGale:

(http://img240.imageshack.us/img240/9823/corridordu0.png)

And here's my Gimp edit:

(http://img523.imageshack.us/img523/2952/corridor2rz4.png)

I basically used the airbrush to smooth out the lines, with a little bit of the burn tool, used the dodge/burn tool to give the light a bit of brightness, and put a bluish layer over the top, then played around with the colour mix. I'm still not very happy with this - I was hoping to add atmosphere, but it isn't very atmospheric to me. Any help would be appreciated.
Title: Re: Adding atmosphere to my background
Post by: Gilbert on Wed 05/09/2007 11:15:09
I'm not an expect in these kind of thing, but I'll suggest to increase the contrast, so to make the darkening shades darker, it may help making the background more atmospheric.
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 11:30:30
Something like this?:

(http://img265.imageshack.us/img265/5899/corridor3ej0.png)

Upped shadow values, smudged to smooth shadows out.
Title: Re: Adding atmosphere to my background
Post by: Gilbert on Wed 05/09/2007 11:34:45
Yes, that's what I meant. Depending on how "atmospheric" you want, personally I think the constrast can be even higher.
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 11:37:50
Hmmm... is it overkill if I adjust the highlights as well? It is very contrasty now:

(http://img514.imageshack.us/img514/1489/corridor4iz1.png)
Title: Re: Adding atmosphere to my background
Post by: space boy on Wed 05/09/2007 11:46:22
My suggestion
(http://i192.photobucket.com/albums/z69/space_boy_album/corridordu0.png)
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 11:53:11
What sort of technique did you use to achieve that effect, space boy?
Title: Re: Adding atmosphere to my background
Post by: space boy on Wed 05/09/2007 13:12:58
1. Removed the shades from your original picture and added a new layer which I filled with black and set the transparency to 50%. Removed the unnecesary black with an eraser using a fuzzy circle brush 19x19(you can make straight lines by clicking one point then while holding shift clicking another point). Then softened the shadows further with gaussian blur 10x10.
(http://i192.photobucket.com/albums/z69/space_boy_album/cor02.png)

2. Duplicated the previous layer and set transparency to 30%. Removed some more black(lines connecting the lamps and opposite wall) using the eraser with a fuzzy circle brush 19x19, but without additional gaussian blur.
(http://i192.photobucket.com/albums/z69/space_boy_album/cor03.png)

3. On a third layer(30%-50% transparency) I darkened the area around the column and the farthest door by adding some black and softening it with a gaussian blur 40x40.
(http://i192.photobucket.com/albums/z69/space_boy_album/corridordu0.png)
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 13:27:41
Awesome! Thanks for the tips - these layer things are really useful, I guess. I've never actually used them before, so I'm keen to see what I can do with them. Will see what I can do with these tips!
Title: Re: Adding atmosphere to my background
Post by: nihilyst on Wed 05/09/2007 13:36:58
2x
(http://www.gwebspace.de/hassu-irc/andere/ben_help01.png)

- added more shadows
- changed the tone a bit
- added reflections on floor

Hope that might help you.

cheers
nihilyst
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 13:40:36
Nihilyst - I like those reflections, I'll definitely have a shot at adding those in. Also the redder tone looks pretty nice - I will have to have a shot at that.
Title: Re: Adding atmosphere to my background
Post by: InCreator on Wed 05/09/2007 14:02:42
Nice background. I think that with proper lights, it's atmospheric enough.

I used 3ds max to remake this simple geometry and add 2 lights. Personally, I'd use more lights, but this one is just for show. It took 4 minutes to make, anyway.
Result is here...

(http://www.increator.pri.ee/i/critshelp/atmo.png)

If you simulate your lights in 3d software first, you'll get alot more proper lights and it's easy to shade then.

Same image, posterized down to 10 levels and desaturated for light aid:

(http://www.increator.pri.ee/i/critshelp/atmo2.png)

Isn't it easy now to make lights realistic?

For this bg, add warning signs, more stuff on the walls. Maybe give floor some tiles or carpet or something. Otherwise, it looks too empty and flat. Also, note how doors look in 3D version: Usually doors don't look like they're painted onto wall, but are a bit inside the wall.
Title: Re: Adding atmosphere to my background
Post by: seaduck on Wed 05/09/2007 14:14:03
Hm... how about adding some lens flares, too  ;D

Now seriously, what this backgound really needs is some actual content... it's a corridor, sure... but there is not one single thing hinting to what kind of building, what era or country this is.

- I can see no materials, no decorations, not as much as a fly on the wall...
- the doors are just flat polygons... in which direction do they open? where's the handle or control panel or something?
- the ceiling is way off perspective
- the perspective is very aggressive, taking away screen area and forcing you to scale sprites beyond measure. Simple compositions are .. simple  ;)

[Yup, I'm back, and meaner than ever :P]
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 15:29:19
InCreator and Seaduck - thanks for your tips. I've done some more work - I don't know if I've got enough content in here, but I hope so. Please tell me your thoughts.

(http://img509.imageshack.us/img509/7176/corridor7hs9.png)

I am pleased with the shape this is taking, and it took me really only an hour, which I think is quite good.
Title: Re: Adding atmosphere to my background
Post by: nihilyst on Wed 05/09/2007 15:47:01
Wow, looks much better now.
Title: Re: Adding atmosphere to my background
Post by: space boy on Wed 05/09/2007 16:02:16
It does indeed. A bit too bright for my taste though so I added some shadows(similar technique as before. new layer, partially transparent, all black except the light radius, gaussian blur)
(http://i192.photobucket.com/albums/z69/space_boy_album/corridor7hs9.png)
Title: Re: Adding atmosphere to my background
Post by: nihilyst on Wed 05/09/2007 16:04:37
Now, that I look at it a second time ... hm, I could be wrong here ... but where I live, doorhandles are on the left side.
Title: Re: Adding atmosphere to my background
Post by: Candall on Wed 05/09/2007 16:06:55
Quote from: nihilyst on Wed 05/09/2007 16:04:37where I live, doorhandles are on the left side.

Doesn't that depend upon which side of the door you're on?
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Wed 05/09/2007 16:08:26
Space Boy - ah! Of course, I forgot that step. Ooops! Thanks for pointing that out. Nihilyst.... heh. Yeah, Candall's right.
Title: Re: Adding atmosphere to my background
Post by: nihilyst on Wed 05/09/2007 16:24:24
Now that you mention it ... yeah ^^
I definitely should leave my room more often.
Title: Re: Adding atmosphere to my background
Post by: Uhfgood on Wed 05/09/2007 18:58:09
Personally I think you need to tell us what kind of hall way is it.  Is it a hospital, prison, or some sort of administrative offices for something?

The top "trim" is neat and all but there's no place that has what looks like wall trim at the top.  Some utility cabinets and so forth are ok, although maybe what should be there instead is the cabinet for the fire hose and/or fire extinguisher.

The post looks out of place, firstly because it's brown, it might be painted white and it might be a bit bigger.  I could see another post inbetween the left door (along the wall) and the double doors at the end of the hall.

Also you might want a rather large ventilation duct towards the ceiling.

Also personally I would extend the floor in that completely black area, and then of course leave it in shadow.

I might not put lights over the doors but rather in the ceiling hanging down, again dependant on what kind of hallway it is.
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Thu 06/09/2007 01:17:27
Here's a quick before work edit with some shadows:

(http://img403.imageshack.us/img403/9360/corridor8tu0.png)

The corridor is meant to be like a staff only corridor leading to store rooms etc on a large ship. I realise it is rather large for this sort of corridor, but want to keep it this size for simplicity. The post is actually mean to be a pipe such as one would expect to find on a large ship.

I'm actually quite happy with this background now, but further crits are always welcome.
Title: Re: Adding atmosphere to my background
Post by: radiowaves on Thu 06/09/2007 08:58:56
Ehm, don't you think that light would reflect on floor. Unless there is no floor and the balck area is just vast emptiness.
Title: Re: Adding atmosphere to my background
Post by: Stupot on Thu 06/09/2007 09:00:16
Looks great, Ben.
All thats needed now is some bloodstains and pieces of brain splattered up the walls.
What kind of game is it for... if any?
Title: Re: Adding atmosphere to my background
Post by: ThreeOhFour on Thu 06/09/2007 10:24:41
Radiowaves - The floor is actually the dark grey/green part. Look up the far end and see how that wall joins on.

Screenshot for reference:

(http://img209.imageshack.us/img209/236/magsscreen2ua3.png)

Stupot - Glad you like it dude. It is for a game. There will be details soon, I promise.
Title: Re: Adding atmosphere to my background
Post by: space boy on Thu 06/09/2007 11:48:33
You should add a reflection for the guy in the finished game. Otherwise it's going to look weird.
Title: Re: Adding atmosphere to my background
Post by: Uhfgood on Thu 06/09/2007 17:15:06
Spaceship or ocean-going ship?

You might want to still change that "post" to be instead a large pipe, and probably going up to some pipes and girders along the ceiling.
Title: Re: Adding atmosphere to my background
Post by: radiowaves on Thu 06/09/2007 22:11:41
I don't get it, floor reflects door, which is dark, but the brightest part is left unreflected :D Ok, there is something, but the reflection of light must be clearly a lot brighter! Certainly brighter than door. Same goes with the wall which could be a bit darker further away from light.