Adventure Game Studio

Creative Production => Critics' Lounge => Topic started by: Dave Gilbert on Mon 09/01/2006 03:54:09

Title: WIP - ship room (help with shading)
Post by: Dave Gilbert on Mon 09/01/2006 03:54:09
Hi all.  Thanks again for the help with my other BGs. 

(http://www.davelgil.com/ags/shipside.gif)

Bleh.  I spend three-and-a-half hours on a background and it looks like some 13 year old kid vomited it up in ten minutes. 
As this is for MAGS, I am going for as simple-and-fast as possible, but I think that shading could improve it immensely.  Any tips appreciated.
Title: Re: WIP - ship room (help with shading)
Post by: Evil on Mon 09/01/2006 04:29:47
I think these all could be in one thread.

(http://img.photobucket.com/albums/v458/evil1359/boat_shading.png)

Just a quick one.
Title: Re: WIP - ship room (help with shading)
Post by: Khris on Mon 09/01/2006 04:32:33
Here's my shot at it:
(http://www.2dadventure.com/ags/redraw_dav.png)2x

I've used this at 40% opacity, in case you wanna modify it:
(http://www.2dadventure.com/ags/redraw_dav_shading.gif)
Title: Re: WIP - ship room (help with shading)
Post by: Darth Mandarb on Mon 09/01/2006 05:24:31
Weee!!  Fun with shading!

(http://www.twin-design.com/ags/help/davegilbert_help03.png)
Title: Re: WIP - ship room (help with shading)
Post by: ScottDoom on Mon 09/01/2006 05:47:56
*zooms in on Darth's image*

Darth... How do you get your gradients like that? Do you just choose a few colors, and the sprinke a mix between them and copy/paste along the border? Do you do it all by hand? Do you have a certain tool in a certain program that does it for you?
Title: Re: WIP - ship room (help with shading)
Post by: MrColossal on Mon 09/01/2006 05:52:42
as far as I know he does it like I do it, Scott

http://kafkaskoffee.com/tutorials/gradients.shtml
Title: Re: WIP - ship room (help with shading)
Post by: Dave Gilbert on Mon 09/01/2006 14:23:35
(http://www.davelgil.com/ags/shipside2.gif)

Realized that the walls should be white. :-o  Kept the floors wooden and incorporated the floorboards and shading.  I'm not 100% happy with the shading but Khris thank you for giving me a nice head start.
Title: Re: WIP - ship room (help with shading)
Post by: Babar on Mon 09/01/2006 14:32:39
The porthole looks out of perspective or something. Seems like it doesn't fit with the rest. Sorry I can't be more specific.
Title: Re: WIP - ship room (help with shading)
Post by: Sam. on Mon 09/01/2006 15:10:44
Im unsure about this, but would door like that REALLY be on the outside of a boat, where they could rot or catch fire? Would the doors not be metal? They just lok out of place, like someone took a halway from a hotel and put it on the water.

If this is true, looks nice!
Title: Re: WIP - ship room (help with shading)
Post by: DonB on Mon 09/01/2006 15:28:29
Nice pica, you seem to pull of nice backgrounds very fast..

========
I asked Darth also one day how he pulled out the gradients.. he told me this:

As to how I create the gradients.
I select the area and do a full color gradient (using photoshops standard gradient tool) and then I copy just the selected area into a new image and convert it to indexed color (5-6 colors) and then copy it back into the original image.Ã,  That's all there really is to it!

Good luck all!
Title: Re: WIP - ship room (help with shading)
Post by: Miez on Mon 09/01/2006 19:58:00
Quote from: Dave Gilbert on Mon 09/01/2006 14:23:35
(http://www.davelgil.com/ags/shipside2.gif)

Realized that the walls should be white. :-o  Kept the floors wooden and incorporated the floorboards and shading.  I'm not 100% happy with the shading but Khris thank you for giving me a nice head start.

Nice one, Dave. However: nothing screams "big ship" more than a lifeboat on some davits (sp?).  :)
Title: Re: WIP - ship room (help with shading)
Post by: Phemar on Wed 11/01/2006 16:14:21
I asked Darth once as well, he said this:

Quote
There are three methods I use most frequently (I'm sure there are more, these are just mine!).

I use photoshop, so it may vary if you use another program!

Here's what I do to achieve the look you linked to in your PM:

- I fill the area with a solid color
- Then I select the area I wish to fill with the magic wand tool
- I create a new layer
- I then fill it with the full color gradient (still just that area selected)
- Then I cut that area out (Ctrl X or Ctrl C - I use X so it removes it from the layer, but keeps the layer intact)
- I paste it into a new document (Ctrl N)
- Convert it an Indexed Colored Image (Local (perceptive))
- I usually use 5-8 colors (you have to play with it to achieve the right look/feel)
- Select the dither type (noise, pattern or diffuse)

That's all there is to it!

The other methods ...

I do sometimes have to do them by hand.  Like, for instance, if the angle is off or the space is too small, etc.  That's a painstaking process which, unfortunately just takes time and practice to do it right!

Another method I use is to select the area I want to affect.  Fill it with one of the end values (the lightest or darkest color I wish to use in the gradient).  Then I use a large paint brush set to "dissolve" with a flow of about 2-5% and just layer in the other colors.  This one also takes time and practice but you'll get the hang of it!

You've got the skill, that's for sure!

Let me know if you have any questions and happy dithering :)