Map-Making TTT (Tips, Tricks & Tutorials)

How to make a map. Official Handbook, Guides, Tutorials and more...

Moderators: Cartographers, Global Moderators

Forum rules
Please read the Community Guidelines before posting.

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby DiM on Thu May 08, 2008 8:19 am

DiM wrote: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.

Image

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

Last edited by DiM on Tue May 13, 2008 7:33 am, edited 1 time in total.
“In the beginning God said, the four-dimensional divergence of an antisymmetric, second rank tensor equals zero, and there was light, and it was good. And on the seventh day he rested.”- Michio Kaku
Image
User avatar
Major DiM
 
Posts: 10387
Joined: Wed Feb 14, 2007 6:20 pm
Location: making maps for scooby snacks
Medals: 45
Standard Achievement (2) Doubles Achievement (2) Triples Achievement (1) Terminator Achievement (2) Assassin Achievement (2)
Freestyle Achievement (1) Nuclear Spoils Achievement (1) Fog of War Achievement (2) Speed Achievement (1) Teammate Achievement (1)
Cross-Map Achievement (2) Ratings Achievement (3) Tournament Achievement (4) General Achievement (4) Map Contribution (10)
Tournament Contribution (4) General Contribution (3)

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby bryguy on Thu May 08, 2008 10:14 am

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:

Image

hope thats not to confusing :D
Corporal bryguy
 
Posts: 4648
Joined: Tue Aug 07, 2007 8:50 am
Location: Lost in a Jigsaw
Medals: 11
Standard Achievement (3) Doubles Achievement (1) Quadruples Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2)
Cross-Map Achievement (1) Ratings Achievement (1)

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby bryguy on Thu May 08, 2008 10:43 am

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:

Image

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 :)
Corporal bryguy
 
Posts: 4648
Joined: Tue Aug 07, 2007 8:50 am
Location: Lost in a Jigsaw
Medals: 11
Standard Achievement (3) Doubles Achievement (1) Quadruples Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2)
Cross-Map Achievement (1) Ratings Achievement (1)

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby bryguy on Fri May 09, 2008 3:25 pm

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:

Image


I hope you enjoyed my tutorial, and congratz if u made it all the way through =D> :D =D> :D \:D/ :mrgreen: \:D/ :mrgreen:

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
Last edited by MrBenn on Tue Dec 30, 2008 4:00 pm, edited 10 times in total.
Reason: Added Spoilers
Corporal bryguy
 
Posts: 4648
Joined: Tue Aug 07, 2007 8:50 am
Location: Lost in a Jigsaw
Medals: 11
Standard Achievement (3) Doubles Achievement (1) Quadruples Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2)
Cross-Map Achievement (1) Ratings Achievement (1)

my borders (mini tut)

Postby Lone.prophet on Mon May 12, 2008 8:53 am

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

1, i made the continents in illustrator
Image

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

back in photoshop:

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

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

hope you liked it and learned something
Last edited by Lone.prophet on Mon May 12, 2008 10:29 am, edited 1 time in total.
Image
Captain Lone.prophet
 
Posts: 1467
Joined: Thu Oct 12, 2006 4:37 pm
Location: Your basement Muahaha
Medals: 19
Standard Achievement (3) Doubles Achievement (2) Triples Achievement (2) Quadruples Achievement (1) Terminator Achievement (2)
Assassin Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2) Cross-Map Achievement (3) Map Contribution (1)

Re: my borders (mini tut)

Postby RjBeals on Mon May 12, 2008 1:58 pm

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.
Image
User avatar
Private RjBeals
 
Posts: 2500
Joined: Mon Nov 20, 2006 5:17 pm
Location: South Carolina, USA
Medals: 21
Standard Achievement (2) Doubles Achievement (1) Terminator Achievement (1) Freestyle Achievement (1) Cross-Map Achievement (1)
General Achievement (7) Map Contribution (6) General Contribution (2)

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby bryguy on Tue May 13, 2008 1:56 pm

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 :D
Corporal bryguy
 
Posts: 4648
Joined: Tue Aug 07, 2007 8:50 am
Location: Lost in a Jigsaw
Medals: 11
Standard Achievement (3) Doubles Achievement (1) Quadruples Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2)
Cross-Map Achievement (1) Ratings Achievement (1)

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby bryguy on Thu May 15, 2008 7:33 am

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!
Corporal bryguy
 
Posts: 4648
Joined: Tue Aug 07, 2007 8:50 am
Location: Lost in a Jigsaw
Medals: 11
Standard Achievement (3) Doubles Achievement (1) Quadruples Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2)
Cross-Map Achievement (1) Ratings Achievement (1)

Re: Q&A: Map Making TTT (Tips, Tricks & Tutorials)

Postby DiM on Sun Jun 08, 2008 5:33 am

show: shortcuts for photoshop
Last edited by MrBenn on Wed Jan 21, 2009 3:09 pm, edited 1 time in total.
Reason: Added spoiler
“In the beginning God said, the four-dimensional divergence of an antisymmetric, second rank tensor equals zero, and there was light, and it was good. And on the seventh day he rested.”- Michio Kaku
Image
User avatar
Major DiM
 
Posts: 10387
Joined: Wed Feb 14, 2007 6:20 pm
Location: making maps for scooby snacks
Medals: 45
Standard Achievement (2) Doubles Achievement (2) Triples Achievement (1) Terminator Achievement (2) Assassin Achievement (2)
Freestyle Achievement (1) Nuclear Spoils Achievement (1) Fog of War Achievement (2) Speed Achievement (1) Teammate Achievement (1)
Cross-Map Achievement (2) Ratings Achievement (3) Tournament Achievement (4) General Achievement (4) Map Contribution (10)
Tournament Contribution (4) General Contribution (3)

Re: Map-Making TTT (Tips, Tricks & Tutorials)

Postby MrBenn on Tue Dec 30, 2008 3:57 pm

RjBeals wrote:
MrBenn wrote: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.
Image

Image

Image Image
Image
PB: 2661 | He's blue... If he were green he would die | No mod would be stupid enough to do that
User avatar
Lieutenant MrBenn
Retired Team Member
 
Posts: 7059
Joined: Wed Nov 21, 2007 9:32 am
Location: Off Duty
Medals: 67
Standard Achievement (3) Doubles Achievement (3) Triples Achievement (2) Quadruples Achievement (3) Terminator Achievement (2)
Assassin Achievement (2) Manual Troops Achievement (3) Freestyle Achievement (2) Nuclear Spoils Achievement (2) Fog of War Achievement (3)
Speed Achievement (1) Teammate Achievement (2) Cross-Map Achievement (3) Ratings Achievement (3) Tournament Achievement (2)
General Achievement (6) Clan Achievement (1) Map Contribution (7) Tournament Contribution (2) General Contribution (15)

Re: Map-Making TTT (Tips, Tricks & Tutorials)

Postby MrBenn on Tue Jan 06, 2009 9:29 pm

Subject: Route 66, ver 3 pg 2

WidowMakers wrote:Image
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
Image
PB: 2661 | He's blue... If he were green he would die | No mod would be stupid enough to do that
User avatar
Lieutenant MrBenn
Retired Team Member
 
Posts: 7059
Joined: Wed Nov 21, 2007 9:32 am
Location: Off Duty
Medals: 67
Standard Achievement (3) Doubles Achievement (3) Triples Achievement (2) Quadruples Achievement (3) Terminator Achievement (2)
Assassin Achievement (2) Manual Troops Achievement (3) Freestyle Achievement (2) Nuclear Spoils Achievement (2) Fog of War Achievement (3)
Speed Achievement (1) Teammate Achievement (2) Cross-Map Achievement (3) Ratings Achievement (3) Tournament Achievement (2)
General Achievement (6) Clan Achievement (1) Map Contribution (7) Tournament Contribution (2) General Contribution (15)

Re: Map-Making TTT (Tips, Tricks & Tutorials)

Postby MrBenn on Wed Jan 21, 2009 10:30 pm

ZeakCytho wrote: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...
Image
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.
Image

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
Image
PB: 2661 | He's blue... If he were green he would die | No mod would be stupid enough to do that
User avatar
Lieutenant MrBenn
Retired Team Member
 
Posts: 7059
Joined: Wed Nov 21, 2007 9:32 am
Location: Off Duty
Medals: 67
Standard Achievement (3) Doubles Achievement (3) Triples Achievement (2) Quadruples Achievement (3) Terminator Achievement (2)
Assassin Achievement (2) Manual Troops Achievement (3) Freestyle Achievement (2) Nuclear Spoils Achievement (2) Fog of War Achievement (3)
Speed Achievement (1) Teammate Achievement (2) Cross-Map Achievement (3) Ratings Achievement (3) Tournament Achievement (2)
General Achievement (6) Clan Achievement (1) Map Contribution (7) Tournament Contribution (2) General Contribution (15)

Re: Map-Making TTT (Tips, Tricks & Tutorials)

Postby bryguy on Thu Jan 22, 2009 10:27 pm

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 :)
Corporal bryguy
 
Posts: 4648
Joined: Tue Aug 07, 2007 8:50 am
Location: Lost in a Jigsaw
Medals: 11
Standard Achievement (3) Doubles Achievement (1) Quadruples Achievement (1) Freestyle Achievement (2) Fog of War Achievement (2)
Cross-Map Achievement (1) Ratings Achievement (1)

Re: Map-Making TTT (Tips, Tricks & Tutorials)

Postby the.killing.44 on Fri Jan 30, 2009 10:19 pm

Outlining Land Masses
Click image to enlarge.
image

Courtesy of RjBeals.

.44
User avatar
Major the.killing.44
 
Posts: 4737
Joined: Thu Oct 23, 2008 7:43 pm
Location: now tell me what got two gums and knows how to spit rhymes
Medals: 47
Standard Achievement (3) Doubles Achievement (3) Triples Achievement (2) Quadruples Achievement (2) Terminator Achievement (1)
Assassin Achievement (2) Manual Troops Achievement (2) Freestyle Achievement (3) Nuclear Spoils Achievement (1) Fog of War Achievement (2)
Speed Achievement (3) Cross-Map Achievement (3) Ratings Achievement (3) Tournament Achievement (3) General Achievement (3)
Clan Achievement (3) Map Contribution (2) Tournament Contribution (2) General Contribution (4)

Re: Map-Making TTT (Tips, Tricks & Tutorials)

Postby the.killing.44 on Sun Feb 01, 2009 9:59 pm

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

RjBeals wrote: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:

Image

Image

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.


Image

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.

Image

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


Image

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

Image

Good Luck!

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


.44
User avatar
Major the.killing.44
 
Posts: 4737
Joined: Thu Oct 23, 2008 7:43 pm
Location: now tell me what got two gums and knows how to spit rhymes
Medals: 47
Standard Achievement (3) Doubles Achievement (3) Triples Achievement (2) Quadruples Achievement (2) Terminator Achievement (1)
Assassin Achievement (2) Manual Troops Achievement (2) Freestyle Achievement (3) Nuclear Spoils Achievement (1) Fog of War Achievement (2)
Speed Achievement (3) Cross-Map Achievement (3) Ratings Achievement (3) Tournament Achievement (3) General Achievement (3)
Clan Achievement (3) Map Contribution (2) Tournament Contribution (2) General Contribution (4)

PreviousNext

Return to Tools & Guides

Who is online

Users browsing this forum: No registered users and 1 guest

cron
Login