Dundjinni Logo Dundjinni Logo Dundjinni Logo

Forums

Active Topics  :  Memberlist  :  Search  :  Help  :  Register  :  Login
Help Dundjinni! Rate This Website at RPG Gateway

Questions
 Dundjinni Mapping Software - Forums : Questions
Subject Topic: Using Photoshop to add shading. Post ReplyPost New Topic
Author
Message << Prev Topic | Next Topic >>
lonefox
Henchman
Henchman
Avatar

Joined: 12/29/2005
Posts: 36
Posted: 07/15/2006 at 9:33pm | IP Logged Quote lonefox

I've made a few maps now that included lots of photoshop shading. I thought they turned out better than just popping the map out of dundjinni. Here's how I did it.

First, the examples:
Skyway Garden
War Tower
Abandoned Barn

1. Create the map in Dundjinni (duh). When you're finished, export it as a raw bmp. Load the BMP in photoshop. Here's the map I'm using. It's quite simple and just an example.



First off, select the inside of the building using the marquee tool. I don't like to select the walls, but it's your choice.


Now, invert the selection and then hit copy and paste the copy onto a new layer. We're going to brighten up and make the copy glow, so that it appears to be sunny outside.


Under Image > Adjustments, select brightness/contrast. Adjust the levels so that it appears significantly brighter, but retains the color. I like +35/+45 for outside areas.


Now, it's pretty bright but it doesn't have that shine effect it should. That's the easy part. Use Filter> Blur> Gaussian Blur.


Change the opacity of the top layer to something that makes the image glow, but not so much that your eyes can't focus on details. It's all about experimentation.


Lock the top layer and select the original. Once again, select the inside of the building, but this time don't invert the selection. Copy and paste it onto its own layer.


Adjust the brightness and contrast again. I tend to use less harsh values when darkening an area.


Here's where it gets a bit complicated. I'm going to stop adding text to the pictures and typing it all onto this forum post. It turns out I'm lazy.

Unselect everything. Switch to a round marquee and then select round areas of the map where you have light sources such as candles and torches.


Apply a feather effect on the selection by going to Selection> Feather and choosing a value. It depends completely on how soft you want the light to be. I used 20.


Now, using the marquee tool, deselect parts of the circle that the light wouldn't effect, such as walls. You can do this by choosing the polygonal lasso tool, and then holding ALT while selecting areas that don't belong.


Once feathered, hit delete on your keyboard to erase the feathered selection from the current layer. Now, with the selection still active, switch to your original picture. Copy the selection and paste it on a layer ABOVE the building interior that we made in step 5.


Hit ctrl+b to bring up the color balance of the new layer. Alternatively, choose image> adjustments> color balance. Now, play with the colors until you get something that matches the light source.


OPTIONAL
Now comes an optional multitasked step, but one that doesn't take long. Duplicate the color balanced layer and place the duplicate on a layer above the original. Apply another gaussian blur and then adjust the opacity of the layer once again. It's basically a repeat of the steps you did before to add a 'shine' effect to the light.


OPTIONAL
Here's something I do sometimes when I feel like it. Hit ctrl+a to select the entire map and choose edit> copy merged. Paste the merged selection onto a layer above all others, apply a tiny gaussian blur and adjust the opacity. I love shiny, smooth maps.






And that's the basic setup. Of course, it can get much more complicated, like when you're doing a dusk map and the sun is setting or rising to the east or west. But that's a completely different tutorial, since it's a bit more complicated than layers and selections.

Also, there's alot of ways to do what I just showed, using brushes and other photoshop tools. I usually use a combonation, but I thought I'd keep this simple.
Back to Top View lonefox's Profile Search for other posts by lonefox
 
Kepli
Djinni (Admin)
Djinni (Admin)
Avatar

Joined: 01/04/2005
Location: Netherlands
Posts: 16844
Posted: 07/16/2006 at 12:53am | IP Logged Quote Kepli

Very nice Lonefox

__________________
You can never have enough vines - Vines are good - Vines help you - Vines are cool ...
Back to Top View Kepli's Profile Search for other posts by Kepli Visit Kepli's Homepage
 
benwax
Legend
Legend
Avatar

Joined: 12/11/2004
Location: United States
Posts: 2406
Posted: 07/16/2006 at 5:57am | IP Logged Quote benwax

Gulp.....Wow Lonefox. I've either got to start learning photoshop, or stop posting maps soon.

These are WAY cool!!! Love the effects. Somewhat intimidated by Photoshop but it looks like I'm going to need to "get over it," to stay up with the young turks like yourself.

Fabulous work, and thanks for the informative but painfully humbling tutorial!!!

Ben
Back to Top View benwax's Profile Search for other posts by benwax
 
lupha
Legend
Legend
Avatar

Joined: 10/12/2005
Location: United States
Posts: 314
Posted: 07/16/2006 at 7:58am | IP Logged Quote lupha

wow, great tutorial! Thanks!
I have a question, though. When I copy a section of map and then paste it, it makes a new layer, which is great. But how do I make sure that the section pastes in exactly the same place that it was? Sometimes it appears in its own layer, but shifted down and to the right a little. Do I need a special paste command, or hold downa key, or what? I'm using PS,CS2.
Back to Top View lupha's Profile Search for other posts by lupha
 
forumLurker
Legend
Legend
Avatar

Joined: 03/31/2005
Location: United States
Posts: 3938
Posted: 07/16/2006 at 9:23am | IP Logged Quote forumLurker

Excellent tutorial, Lonefox! Thanks for posting it.
~lurker~

__________________
WARNING: I may or may not be lurking at this moment. Please be advised.

"Well, I'm the Forum Lurker. I'm not Sneak Man. I'm not Hidey Boy. I'm the Forum *Lurker*."
Back to Top View forumLurker's Profile Search for other posts by forumLurker
 
lonefox
Henchman
Henchman
Avatar

Joined: 12/29/2005
Posts: 36
Posted: 07/16/2006 at 1:13pm | IP Logged Quote lonefox

lupha wrote:
wow, great tutorial! Thanks!
I have a question, though. When I copy a section of map and then paste it, it makes a new layer, which is great. But how do I make sure that the section pastes in exactly the same place that it was? Sometimes it appears in its own layer, but shifted down and to the right a little. Do I need a special paste command, or hold downa key, or what? I'm using PS,CS2.


Make sure that you don't deselect when you paste. Photoshop pastes the copied selection into the center of the current selection, so if you leave the area selected and hit paste, it should copy onto the exact same area of the map. Tell me if that's what the problem was.
Back to Top View lonefox's Profile Search for other posts by lonefox
 
lupha
Legend
Legend
Avatar

Joined: 10/12/2005
Location: United States
Posts: 314
Posted: 07/16/2006 at 2:02pm | IP Logged Quote lupha

Oooh!! cool, thanks! that was definitely it wow, that's been plaguing me for weeks. Glad to hear it's so simple. Thanks again for the Tutorial, really nice.
Back to Top View lupha's Profile Search for other posts by lupha
 

If you wish to post a reply to this topic you must first login
If you are not already registered you must first register

  Post ReplyPost New Topic
Printable version Printable version

Forum Jump
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum

Powered by Web Wiz Forums version 7.6
Copyright ©2001-2003 Web Wiz Guide

This page was generated in 0.4375 seconds.
Contact - About Us - Privacy Statement - Legal Notices - EULA
Copyright © 2003-2007 Dundjinni Enterprises, Inc. All Rights Reserved.