Map-Making TTT (Tips, Tricks & Tutorials)

[DiM]

never underestimate the power of personalized brushes. create a shape of how you think a tree looks from above. let's say a star shape. now take that brush and set the background and foreground to 2 foliage colours (dark green and yellowy green) then do the following:

shape dynamics>
> size jitter 100%
> minimum diameter 0%
> angle jitter 0%
> roundness jitter 68%
> min roundness 25%


scatter> adjust as you please dependng on what you need

colour dynamics>
>fore/back 100%
> saturation 50%
the rest at 0%

and check smoothing.

then go ahead and paint what you need adjusting the brush size according to the height of the viewpoint.

after you paint put on some drop shadow and even bevel if it suits your need. but keep the bevel at a minimum.

here's a quick example. i didn't bother making a custom shape so i used a flower one. it looks rather bad on large trees but it works for small ones as the details are hard to spot.



and here's the file http://www.sendspace.com/file/9g965g

[bryguy]

ok i had some free time, and recently i figured out how to make a decent looking landscape with inkscape, ill include a picture i drew up 5 minutes ago at the end.



OK first, open X-11 and Inkscape

Click the Rectangles and Squares tool

Make a box, it can be any size

Choose a color for the box from the color swatch (the thing at the bottom of inkscape that has all the many colors you can use), for this example im using green.

Now using the Freehand tool, carefully draw some water onto the map, and give it a nice looking blue color. (You dont have to create a new layer for this, since Inkscape uses layers inside of layers)

After thats done, decide where your light source will be, for this example im using the lower right corner

Now draw along the coast of the water, just a little on the land and a little in the water

Now if that side is facing towards your light source, fill it with al lighter color than your square (so if your square is green, make what you just made light green) If it is facing away from your light source, make it darker than your square (dark green if your square is green)

Repeat until u have done that for the entire coastline

Now if you have done that correct it will look crappy so far. But dont worry, we're gonna fix that.
Click your lightened and darkened areas, and using the lower selection along the top bar, move it until it is under the water, yet still visible on the land. Do that for all the coast

Now it should look a little better, but not all that good, but dont worry this is the final step
Click a lightened or darkened area, and in the upper right corner of inkscape, click the little paintbrush (it will be next to a T)

Now once u have clicked that, using the sliding bar that is under Blur, modify the blur until it looks good (i use about 12.5%)
Now repeat that for each of the lightened/darkened areas, and if u did it right, it should look something like this:



hope thats not to confusing

[bryguy]

OK same landscaping thing as before, but in the GIMP this time


OK open GIMP

Create a new image, im using 600x600 for this one

Click the Paintbrush tool, choose a nice color (green again this time) and fill the whole picture with it (or if your lazy just use the Bucket Fill tool)

Now create a new layer, and on this layer, draw some water, i suggest using a large brush to get the basic area, and then zooming in to 400% or more and using a smaller brush and smoothing it out

Once thats done, choose your light source (lower right corner again here)

Now create a layer BELOW the water layer, but above the grass layer

Now choose wether your gonna start with the areas getting hit by light, or in the shadows.

Once you've chosen, if u chose the shadowed area, then grab the Airbrush tool and set the color on it to black or dark green. Then select a Circle Fuzzy Airbrush and change the pressure to 10, and the rate to 88. Now start coloring along the shore parts that are facing AWAY from your light source.

Once done, if u chose your grass color to be green, then keep the same airbrush, but change the color to light green. And then do the same thing that u did for the shadowed areas, but do it to the areas facing TOWARDS the light source.

Now if u did it right, it should look something like this:



Remember, i spent like 5 minutes drawing this, so if u work at it longer u could get better looking results

Also, for airbrush sizes, i suggest using:

Circle Fuzzy (19)

and on the scale bar, move it up to 2.21

Hope this helps

[bryguy]

ok, with some toying and messing around, i have figured out....


How to make a O.K. looking fantasy world/map using both GIMP & Inkscape

Note: You will want to save a bit, cause for some reason (at least for me) every once in a while X-11 will crash, taking all your unsaved work with it. And save it as a .xcf, or .psd
Note 2: Sometimes X-11 is called XQuartz
Note 3: You must have Inkscape and GIMP for this

Part 1, making the land:

show

Part 2, Adding Castles:

show

Part 3, adding a desert (optional):

show

Part 4, adding food resources (optional):

show

Part 5, adding signs of life:

show

Part 6, Adding hills (optional, although i mostly suggest u skip this step):

show

Part 7, How to make a village:

show

Part 8, making a mountain (optional, but good to learn)

show

Part 9, converting it into a map:

show

Part 10, coming up with bonuses/unique gameplay:

show

If done correctly, you should have something like this:




I hope you enjoyed my tutorial, and congratz if u made it all the way through

also, here my file if u want it:

XCF:

http://www.fileden.com/files/2008/5/13/ ... xample.xcf

PSD:

http://www.fileden.com/files/2008/5/13/ ... xample.psd

[Lone.prophet]

ok gimil asked me how i did the gulfs border wel here is a minitut

1, i made the continents in illustrator


2, i make all borders in illustrator ( i think its a 2 pixel brush thoough it could be something in close)


back in photoshop:

3, i give the border a outer glow of white with noise set on overlay


4, i do an apply image blur it a couple of times and set the layer to darken


hope you liked it and learned something

[RjBeals]

Sure it's not the most efficient way, but I really like the look of your borders Lone.prophet. It just must be hard to make adjustments on the fly.

[bryguy]

How to create custom GIMP brushes

ok with my last tutorial finished, i have time to create this tutorial on how to make custom brushes.


First, create a new image, with any size settings

Draw what you want your brush to look like

Do the following:

File: Save

but u have to go through the following folders to get it as a brush, do this:

Find the GIMP application folder

Now to find the right folder, heres what folders to go through in order:

Contents
Resources
Share
Gimp
2.something
Brushes

And save it as a .gbr

now you should have your own custom brush

[bryguy]

ok took me forever to find anything for this, but:


Adding font to GIMP 2.X (X being any number)


OK i found this on the internet, and here is the original link: http://raygunrobot.com/archives/The-eas ... -with-GIMP


But unless u dont want to scroll through what that guy has to say, im gonna put it in short:

First, know where your fonts that are used in places like Word are

Bring up GIMP

Go under File: Preferences

Scroll down all the way to the one that says Folders, and click the little triangle next to it

Now scroll down to Fonts

Once thats chosen, click the little image that looks like a page with a corner bent

Now it will have a little area for u to right where u want it to get some more fonts from, click the Folder button

Now a window will come up, now work go through your files to your folder were your fonts are kept throughout your computer

Hit ok

Then hit the ok in the bottom right corner

Restart GIMP

There ya have it! no more trouble with getting fonts that you really want in to GIMP!

[DiM]

show: shortcuts for photoshop

[MrBenn]

I want to redraw the territory borders, as I want them to look fresh and crisp. At the moment I think they look a bit jaggedy and distorted (as well as inaccurate in 1 or 2 places like N Ireland).... I think this will be a major major task, as my couple of attempts at redoing the border have taken ages, and not been overly successful... Any suggestions on how to do this quickly, easily and efficiently would be warmly received.

I like to use a solid black 2-pixel brush with a hardness of 100% (Opacity 100% & Flow 100%). This gives a good well defined smooth border. I will sometimes outline the entire bonus region in a 3 or 4 pixel brush also, just to keep it separated even more. Zoom in close on your original map and trace the borders. Yes it will take a while, but most likely not as long as you think. How accurate you keep it is up to you.

[MrBenn]

Subject: Route 66, ver 3 pg 2

I just use this method because you get the smooth look and the stokes are editable in realtime.

And even if you don't use it or think it is appropriate for this project that is OK.
It is just another way to do the same thing and I just wanted to share it with everyone.

http://www.fileden.com/files/2007/6/15/ ... trokes.psd

[MrBenn]

I've been messing around with some mountain drawing on Photoshop trying to make mountains similar to your Wales map, but can't seem to get it right. Could you tell me how you did them?

...I ended up practicing drawing single mountains, much larger than I thought I'd need - there are lots of ways to give the appearance of depth by adding shading or curved lines to your peak...

There is a way of converting these into brushes in PS (I think you can do it in other programs too, but not sure how)... you need to make sure that you've got a transparent background, and that you have your mountain selected. I think there's a Define Brush command on the Edit menu... that will add the drawing as a new brush to the end of your list of brushes...

The difficulty I had with drawing the mountains so large, was that the lines ended up being too thin when I rescaled...

I ended up starting a new image, 50x50px, and then drawing the mountain in there at the size I was going to use it on the map... but I zoomed in massively before drawing it, to get a more accurate drawing with the mouse - the bonus of doing it this way is that the thickest edge of the mountain is the same size as my territory borders, so I could get them to blend seamlessly!

I must have had hundreds of attempts at drawing small mountains before settling on this one.


It was then simply a matter of using the brush to draw a mountain wherever I wanted one! I filled in some of the gaps, by drawing a mountain somewhere near where it needed to go, and deleting some of the 'arm' to make it fit (and give perception of depth). All I did then, was select it with the lasso tool, and drag it into place - with lots of undoing and redoing in between!

Hope this helps

MrBenn

[bryguy]

Whoah, its been forever since I posted in here...


oh well, I had a thought and I thought I would share it


Borders in Gimp


Okay I dont know if any of you GIMP users have ever noticed this, but in GIMP, it is especially hard to make good, smooth borders. The paintbrush tool, with the default brush, makes smooth lines. But as soon as you try a small 1 px brush, it gets all pixely. You could try the Circle Fuzzy (03), except that random intervals it will turn out pixely or have a small bump. If u want, u could always try the airbrush tool, but idk why in the world you would do that, as it usually has lower opacity.

The third (or fourth if u prefer) option is the pen tool. I dont know how many of you have ever used it, but if you have, you may think Im crazy. If you havent, go ahead and try it. Draw fast at first, and then try sloooooooowing doing.

See why u might think Im crazy? The pen tool in its default mode is inconsistent. Draw fast, you get a thinner line. Draw slow, you get a really big and thick line. How in the world would you get the borders all drawn at the same speed?

Well, luckily, you dont have to. Bring up the pen tool. You should see (on the toolbox window) a lot of different sliders. Theres size, angle, size again, tilt speed, etc. Right now we are going to focus on the second size, and the speed, both of which are under the second header, named Sensitivity.

To get the brush to come at the same size, no matter what the speed, you have to adjust the Speed to 0. That tells GIMP to not adjust the size of the pen by what speed your going. Now try drawing a line. Go slow, then fast, then slow. It should all be the same size. If u want, u can change the size (under the sensitivity header) to 0. That makes the pen tool its actual size. Now, when u adjust the size under the Adjustmant header, it will be its rightful size.

Now to draw your borders, just zoom in a bunch, 400%+, and draw your lines quickly. Otherwise your hand gets all jittery and your borders get lots of little bumps.

I hope that helps for next time your creating borders in GIMP

[the.killing.44]

Outlining Land Masses

Click image to enlarge.

Courtesy of RjBeals.

.44

[the.killing.44]

Another one from Rj:
Topic: Map Tutorial: Add grunge to bring maps to life

I think a lot of people can draw shapes to make a map, but they are lacking those tricks of how to take the map to the next graphic level. To give it that something extra. I like to use grunge overlays on my maps to give them a gritty natural feel. Here's how I do it (I use photoshop CS3, but the technique can be used in other software as well).

First do a google search for GRUNGE or better yet, a DeviantART search. I did, and found this on the first page of results:





At this point, you should have the map drawn. This simple map has a border layer and a land layer. The ocean was the background layer.



Here I've added 2 grunge layers. One for the land, and one for the ocean. For the land, I added a layer mask to mask out just the land. Check out the blending settings also. Experiment with different styles - depending on the hue of your land, the settings will have different results.



Then add some layer styles to give the map some flare.



And you end up with this. The grunge layer is not overwhelming. Just enough to make the map a little more realistic.



Good Luck!

[DOWNLOAD ZIPPED PSD HERE]
http://www.rjbeals.com/files/grunge/grunge-00.zip

.44