The 3rd Age

Battles of Gondor, the War in the South

Battles of Gondor, the War in the South

Converts BfME2 RotWK to the war in the south, bettween the armys of Gondor and Mordor. 4.0 released.

Button for The 3rd AgeButton for The Dwarf HoldsButton for The Elven AllianceButton for Helm's Deep Last HopeButton for GothmogtheOrcButton for BFME+Button for The Four AgesButton for HDR HeadquartersButton for Middle Earth CenterButton for Project Perfect Mod

Become an affiliate!

   

Quick Lists

Top Rated Popular New Updated Last Comments Users

Register and log in to move these advertisements down

How to create authentic looking mini-maps

Tutorial for Battle for Middle-earth BFME, Battle for Middle-earth II BFME 2, Battle for Middle-earth II: Rise of the Witch-king ROTWK

Avatar of m@tt

m@tt

Category: Graphics
Level: Intermediate
Created: Thursday April 5, 2007 - 9:07
Updated: Sunday February 20, 2011 - 7:35
Views: 16139
Summary: The detailed way to create mini-maps

Rating

Staff says

3.8

Members say

3.8

Average

3.8/5.0

9 votes

How to create authentic looking mini-maps
By m@tt (aka. mh_gollum)

Welcome to my first tutorial. You may have seen a tutorial on how to do this by Rohara over at worldbuilder.org, however that just uses photoshop effects and never really worked for me. This is how I do it...

What you need:
  • Worldbuilder
  • Photoshop CS2 or some imaging program that can edit the colours channels

  • Two options to start with:
  • Use the existing auto-generated mini-map
  • Use a overhead screenshot of the map (if bits cant be picked up by first option, such as in fortress maps). Press CTRL+F then zoom out and press the Print-Screen button (Prt Sc SysRq)

  • Open a new document in photoshop sized 512x512px. Copy in the image from one of the options chosen above.

    I have used a overhead screen shot of my map, Old Fords of Anduin:

    User image

    Create a new layer, select it, then select the pencil tool of width 4px and colour black. Draw round the most prominent features of the map, such as mountains and rivers.

    User image

    Next you need to emphasise the mountains and rivers. If you look at EA mini-maps, they do this. For the mountains, add sets of lines using a load of 3px anti-aliased lines.

    For the rivers, you have to make a arrow head shape using either a 2px pencil or 2px line without anti-aliasing, then copy loads of them all over the river. Try to clump them into groups of two and three like in this picture:

    User image

    Now create a layer below everything bar the original image. Go back to the one with the rivers on and use the magic wand tool to select all areas of water. Now go to the new layer and fill all the areas with black. Set the opacity of this layer to 20%.

    User image

    Next you should add in the rest of the lines, such as for paths and, if you want, wooden areas. Use a 2px pencil for this.

    User image

    Now create a new layer above the original image and below all the rest and fill with white. Press CTRL+SHIFT+E to merge everything.

    User image

    Now flip the image vertically and invert the colours by pressing CTRL+I.

    Then press CTRL+A followed by CTRL+X to cut everything. Go to resize image and resize to 128x128px. Now select the Channels tab and create a new channel and call it Alpha 1 (named by default). Paste (CTRL+V) into this new channel and resize the image to fit.

    User image

    Now go to the RGB layer and fill it with the colour #4c2c01 which is a brown colour. This means that the image is just this colour, except for the alpha layer.

    User image

    You'll notice that the image is slightly transparent round the edge. That can be sorted by going back to the Layers tab, creating a new one under the main one, and fill with the brown colour. Then press CTRL+SHIFT+E to merge.

    Now save as a Targa (.tga) file and call it yourmap_art.tga and you are done. Now test it out in game:

    User image

    Comments

    Display order: Newest first | Page: 1, 2

    lycan - Saturday November 24, 2007 - 8:08

    i have a cheat version for gimp.

    open up an already made parchment like this (on gimp)

    and just do the image stuff save over the original parchment one and BOOM! its done.

    lacrossman930 - Sunday November 18, 2007 - 9:40

    man this is hard i have gimp and paint can anyone make a tutorial for GIMP?

    MotWlRimli - Thursday July 19, 2007 - 14:31

    Very nice tutorial, helps very much.
    I take part in a bfme1 mapping contest, the maps will be released at www.sum-fanpage.de .

    {IP}Sauron - Wednesday June 27, 2007 - 6:13

    way better than that tutorial on worldbuilder.org :P

    m@tt (Team Chamber Member) - Monday June 25, 2007 - 14:21

    Done, eventually :P

    Bart (Administrator) - Monday June 25, 2007 - 7:37

    are you going to put the new one at the bottom? ;-)

    snoopyzero - Sunday June 24, 2007 - 12:42

    very very helpful thank you mh^^

    Bart (Administrator) - Sunday April 29, 2007 - 15:46

    can you replace the old image at the bottom some time? i'd really like to see the new one working

    Feudal_Knight - Wednesday April 25, 2007 - 16:48

    looks good to me... nice work ;)

    if i ever try mapping... im gonna use this tutorial :p

    Go to top

     

    "One site to rule them all, one site to find them,
    one site to host them all, and on the network bind them."

     
    9:11:24