Happy Map Tutorial (Photoshop)
#1
Doh!

*****************************************************************
HAPPY MAP TUTORIAL (PHOTOSHOP)
********************************************************************



Disclaimer



Open a new layer -- 640 x 480, transparency for background. Call this 'Water'.

Pick a pretty blue and fill it in with the paint bucket. Let this layer sit, we'll come back to it.
[Image: map1r.png]

Make a new layer -- call this 'Land'. Land is on top of water so the layer should be ON TOP of the water layer, too.

Fill this in with any color. You heard me, any color. It doesn't matter because in the next step it's all going to be moot anyway.


Go up to the toolbar and find 'Filters'. Select 'Render -- Clouds'.

You will see some blurry clouds where your random color once was. See what I meant by any color will do? Doesn’t matter.
[Image: map2g.png]


Go to filter and play around with the different options if you like at this step. I chose to give it a slight ripple effect here.


Go back up to Filter and select 'Brush Strokes -- Sumi-e'. Play with the stroke width and whatnot until you get something roughly like this:

[Image: map3g.png]

Go to Filter and select 'Sketch -- Reticulation'. Play with these settings. If you want some specific land mass structures here (and not 'random' ones), make sure to use your paint brush before this step so everything gets that soft look to it.
[Image: map4c.png]

Go to Filter and select 'Distort -- Ocean Ripple'. Play around until you get a map base that looks pleasing to your eye. Basically this one shifts the land masses slightly, depending on the settings. You can pinch them, too, and make some pop out more.

[Image: map5u.png]

Go to the Layer Options for this Land layer and give it a color overlay so that the land looks like land.

[Image: map8.png]

Get your Magic Wand tool out and start selecting non-land areas. The darker of the two I choose to be 'non-land' in this case. Hit DELETE once you have a selection, then systematically go around and choose places to kill. Little bits of dark spots, islands you may not want, etc. Clean it up with the erase tool if necessary.

[Image: map6o.png]

Go on up to Filter again and this time select 'Blur -- Gaussian Blur'. By default you'll probably have a horrible mess on your hands. We only want a SMALL AMOUNT OF BLUR here -- I went with 0.2.

This is only going to fuzz up the harsh lines.

[Image: map7.png]

Here is where you'll have variation. You can duplicate the Land layer and play around with layer properties/effects, textures, embossing, shadows, gradients, etc. until you like what you see. Aim for a realistic map or one that is more stylistic, it doesn't matter. Whatever suits your game.

Do the same thing with the Water layer to put in some shadows, ripples, details, etc.


This was my end result here:
[Image: map9.png]

You can see from this tutorial that with effort and a general ability to play with filters and be cool, you too can have beautiful maps for your game. Cheers!





Q&A:

Q: Damnit, Shiro! I wanted to see the layers at the end – how do you do all that?
A: I omitted this part because, a) I’m lazy, b) This is where the inner artist comes out to play and I didn’t want to stifle the creative beast you have hidden within your soul, yada yada yada, and c) I’m lazy. You, too, can have these results by playing with the built-in filters and layer options.

Don’t be like Shiro, children; laziness kills.

Q: Can you make me a map? Pretty please with cherries and everything?
A: No, why do you think I made this tutorial? Go be your own map-maker!

Q: I don’t have Photoshop....can you make a tutorial for GIMP?
A: I don’t have GIMP nor do I need it so...no. Most of the time photo-editing software share the same basic tools so you can most likely follow along if necessary. *shrugs*
Reply }


Messages In This Thread
Happy Map Tutorial (Photoshop) - by Shiroiyuki - 06-03-2010, 11:19 AM
Happy Map Tutorial (Photoshop) - by Shiroiyuki - 06-03-2010, 11:26 AM
Happy Map Tutorial (Photoshop) - by deValdr - 06-03-2010, 02:24 PM
Happy Map Tutorial (Photoshop) - by Kristovski - 06-03-2010, 03:39 PM
Happy Map Tutorial (Photoshop) - by ovan35 - 06-07-2010, 05:44 PM
Happy Map Tutorial (Photoshop) - by Shiroiyuki - 06-08-2010, 11:20 PM
Happy Map Tutorial (Photoshop) - by Ace - 06-08-2010, 11:30 PM
Happy Map Tutorial (Photoshop) - by Shiroiyuki - 06-08-2010, 11:56 PM
Happy Map Tutorial (Photoshop) - by Ace - 06-09-2010, 12:07 AM
Happy Map Tutorial (Photoshop) - by MagitekElite - 06-25-2010, 02:47 AM

Possibly Related Threads…
Thread Author Replies Views Last Post
Wink  RPG Developer Bakin: The Active Timed Battle System Tutorial JayRay 0 1,390 01-09-2023, 04:36 AM
Last Post: JayRay
   Tutorial: How to create a minimap in Smile Game Builder JayRay 1 3,458 05-11-2022, 11:38 PM
Last Post: JayRay
   Liberated Pixel Cup Tutorial DerVVulfman 2 7,223 08-30-2013, 03:23 AM
Last Post: DerVVulfman
   Simple Blood Tutorial ClockworkAngel 6 16,849 04-19-2012, 01:24 AM
Last Post: yamina-chan
   Shapeshifter Tutorial KasperKalamity 0 4,855 04-01-2012, 09:17 PM
Last Post: KasperKalamity
   MetalRenard's Music Tutorial Thread - Videos! MetalRenard 14 22,913 02-15-2012, 10:12 PM
Last Post: MetalRenard
   [Pixel Art] Cactus Tutorial Kain Nobel 1 9,303 11-01-2011, 01:04 PM
Last Post: MetalRenard
   Simple Recolors using photoshop Alpha-Mad 8 13,183 06-04-2010, 01:57 PM
Last Post: yamina-chan
   Shiroiyuki's Battler Tutorial Shiroiyuki 2 6,797 05-25-2010, 07:54 PM
Last Post: Shiroiyuki
   TUTORIAL TWO: OUTDOOR MAPPING(Port City) computerwizoo7 4 8,273 05-07-2010, 01:18 AM
Last Post: HakktHazard



Users browsing this thread: 1 Guest(s)