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: Map-Making TTT (Tips, Tricks & Tutorials)

Postby the.killing.44 on Sun Feb 22, 2009 8:31 pm

RjBeals wrote:try a little black outer glow. It does wonders to make the icons stand out. See image below. The only difference between the right from left is outer glow.

Image

Image


Again, courtesy of Rj
.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 LED ZEPPELINER on Mon Feb 23, 2009 10:04 pm

RjBeals wrote:This tutorial is not what I intended - but I'll post it anyway. These mountains sort of came
out abstract and sort of water-color painting style. But I'll post my screenshots and psd
anyway. I just sort of created these as I went.

I started with a background layer. I added a new layer and drew a curved line.
Image

I duplicated that layer, then flipped horizontal, then positioned to make the mountain.
Image

Then I duplicated that layer 9 times, and positioned those mountains so...
Image

Then I added a few smaller mountains.
Image

Then I adjusted the background colors so they were not a hard edge.
Normally a map wouldn't have a hard diagonal line for a border. Also, I didn't add the actual
border along the colors. I forgot, so it looks a little strange with the mountain borders.
Image

So here I took a 4 or 5 pixel brush and just painted black along the sides of the mountains.
I was being a little quick with my strokes so it would look a little natural. I actually like them
at this point. It looks like a pen and ink style map. Maybe in the Japanese tradition. (New Layer)
And.. looking back, I didn't need to adjust those backgrounds pattern, cause the black covered them anyway.
Image

But instead I added a color to that layer. A brownish color, which is meant to blend into the
color scheme of those 2 map background colors.
Image

I also did something similar to add highlights. This is another new layer. I dropped the opacity also.
Image

Okay here's where things take a turn. I didn't like the hard borders so I hid the border layer.
The mountains looked okay without. But I wanted them to blend into the map more, so I used
the smudge tool. I just smudged all the edges down to give the effect you see below.
I also added another black shadow layer, which was just a thick brush along the shadow side
of the mountains, lots of gaussian blur, blend as overlay, and opacity real low - like 10 or 20.
Image

Of course, to give it something special I added the grungy overlay to the whole thing.
I'm noticing that many of the newer maps in production have this effect, and they are
looking A+! Anyway - here's what I came up with. Not necessarily great for CC maps, but kind
of cool nevertheless.
Image
Image

Here's the file (zipped PSD CS3): http://www.rjbeals.com/files/mount-rjb.zip

Rj again
Sergeant LED ZEPPELINER
 
Posts: 1088
Joined: Tue Nov 25, 2008 10:09 pm
Medals: 11
Standard Achievement (2) Doubles Achievement (1) Triples Achievement (1) Quadruples Achievement (1) Terminator Achievement (1)
Assassin Achievement (1) Speed Achievement (1) Ratings Achievement (3)

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

Postby captainwalrus on Sun Jun 21, 2009 11:32 am

does anyone have a good tutorial for mountains in GIMP?
User avatar
Private 1st Class captainwalrus
 
Posts: 1031
Joined: Sun Nov 11, 2007 3:19 pm
Location: Finnmark
Medals: 5
Standard Achievement (1) Doubles Achievement (1) Freestyle Achievement (1) Fog of War Achievement (1) Ratings Achievement (1)

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

Postby ManBungalow on Sun Jun 21, 2009 11:35 am

captainwalrus wrote:does anyone have a good tutorial for mountains in GIMP?

I was about to ask the same question.
Image
User avatar
Colonel ManBungalow
 
Posts: 3248
Joined: Sun Jan 13, 2008 7:02 am
Location: On a giant rock orbiting a star somewhere
Medals: 84
Standard Achievement (4) Doubles Achievement (4) Triples Achievement (3) Quadruples Achievement (3) Terminator Achievement (2)
Assassin Achievement (2) Manual Troops Achievement (3) Freestyle Achievement (4) Polymorphic Achievement (1) Nuclear Spoils Achievement (2)
Fog of War Achievement (4) Trench Warfare Achievement (2) Speed Achievement (4) Teammate Achievement (2) Random Map Achievement (2)
Cross-Map Achievement (3) Beta Map Achievement (1) Battle Royale Achievement (1) Ratings Achievement (4) Tournament Achievement (2)
General Achievement (10) Clan Achievement (12) Tournament Contribution (3) General Contribution (6)

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

Postby the.killing.44 on Sun Jun 21, 2009 2:04 pm

ManBungalow wrote:
captainwalrus wrote:does anyone have a good tutorial for mountains in GIMP?

I was about to ask the same question.

viewtopic.php?f=127&t=73566&start=15#p1316716
Part 8.

.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 wcaclimbing on Sun Jun 21, 2009 2:11 pm

Just posting something I wrote out for Bryguy a few days ago.

wcaclimbing wrote:how to make realistic terrain (Oasis, Winter):

1. put all your terrain color on one layer. No textures, no shadows, no highlights, just green and brown and whatever colors you need to paint the land. Use different brushes and different opacities to get a good mix of color. Real terrain isn't just flat green. It has bits of brown and grey and black and tan and everything else. Get in just a bit of those colors and things will look much more realistic.
2. Add texture to your land using different textured layers above your terrain color layer. I've found that setting the layers to 'overlay' and using a very low opacity works well. But try out other settings also, you might find one that works better.
3. Use more overlay layers, paint in light/dark spots on that layer. The overlay will make it look more natural. make high parts of the terrain lighter, lower parts darker. Keep your brushes at low opacity so your highlights and shadows don't get too extreme as you paint them in. Build them up gradually with lots of low opacity strokes. An alternative to this would be to copy in different rock textures from your favorite stock image site (I like http://www.cgtextures.com/). Set those to overlay. Just don't over-do it or you'll have a mess of texture that doesn't look real.
4. add water in another layer above all your terrain and texture layers. Use more overlays to make believable slopes down to the water.
These are the most extreme basics. This will give you a good base to work with, but its up to the artist to make it look good.

just remember: DO NOT use built-in filters and effects to make your land look like it has hills and textures in it. That just makes it come out looking fake and too perfect to be real. Stick to overlaying texture images and painting by hand and things will look much more believable. The only exception to this rule is the 'Sandstone' option in the photoshop 'texturizer' filter. That one works well. But be sure to add your own stuff to it. Sandstone looks very boring by itself.
Image
User avatar
Private 1st Class wcaclimbing
 
Posts: 5598
Joined: Fri May 12, 2006 10:09 pm
Location: In your quantum box....Maybe.
Medals: 27
Standard Achievement (2) Doubles Achievement (2) Triples Achievement (1) Terminator Achievement (4) Freestyle Achievement (2)
Fog of War Achievement (2) Speed Achievement (1) Teammate Achievement (1) Cross-Map Achievement (2) Ratings Achievement (2)
Tournament Achievement (2) General Achievement (1) Clan Achievement (1) Map Contribution (1) Tournament Contribution (1)
General Contribution (2)

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

Postby captainwalrus on Sun Jun 21, 2009 8:42 pm

Thanks, that is great.
User avatar
Private 1st Class captainwalrus
 
Posts: 1031
Joined: Sun Nov 11, 2007 3:19 pm
Location: Finnmark
Medals: 5
Standard Achievement (1) Doubles Achievement (1) Freestyle Achievement (1) Fog of War Achievement (1) Ratings Achievement (1)

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

Postby bryguy on Sun Jun 21, 2009 9:12 pm

the.killing.44 wrote:
ManBungalow wrote:
captainwalrus wrote:does anyone have a good tutorial for mountains in GIMP?

I was about to ask the same question.

viewtopic.php?f=127&t=73566&start=15#p1316716
Part 8.

.44


lol That ones terrible... I hardly knew anything for GIMP when I made that... Maybe I'll make a revision soon (:

Here are some that I've found on the Cartographers Guild site. You may need to create an account to view all the resources in the tutorial (Pictures for example)

http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+gimp
http://forum.cartographersguild.com/sho ... tains+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 bryguy on Sun Jun 21, 2009 9:13 pm

wcaclimbing wrote:Just posting something I wrote out for Bryguy a few days ago.

wcaclimbing wrote:how to make realistic terrain (Oasis, Winter):

1. put all your terrain color on one layer. No textures, no shadows, no highlights, just green and brown and whatever colors you need to paint the land. Use different brushes and different opacities to get a good mix of color. Real terrain isn't just flat green. It has bits of brown and grey and black and tan and everything else. Get in just a bit of those colors and things will look much more realistic.
2. Add texture to your land using different textured layers above your terrain color layer. I've found that setting the layers to 'overlay' and using a very low opacity works well. But try out other settings also, you might find one that works better.
3. Use more overlay layers, paint in light/dark spots on that layer. The overlay will make it look more natural. make high parts of the terrain lighter, lower parts darker. Keep your brushes at low opacity so your highlights and shadows don't get too extreme as you paint them in. Build them up gradually with lots of low opacity strokes. An alternative to this would be to copy in different rock textures from your favorite stock image site (I like http://www.cgtextures.com/). Set those to overlay. Just don't over-do it or you'll have a mess of texture that doesn't look real.
4. add water in another layer above all your terrain and texture layers. Use more overlays to make believable slopes down to the water.
These are the most extreme basics. This will give you a good base to work with, but its up to the artist to make it look good.

just remember: DO NOT use built-in filters and effects to make your land look like it has hills and textures in it. That just makes it come out looking fake and too perfect to be real. Stick to overlaying texture images and painting by hand and things will look much more believable. The only exception to this rule is the 'Sandstone' option in the photoshop 'texturizer' filter. That one works well. But be sure to add your own stuff to it. Sandstone looks very boring by itself.


Oh hey I remember that. lol Haven't had time to really try it yet (Btw thanks for it (: )
Do you think you might be able to make a quick tutorial with pictures? That might help some members.
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 bryguy on Sun Jun 21, 2009 10:07 pm

Something I've noticed said about GIMP is that its not as good as photoshop: Missing key filters, Layer effects, etc etc etc.... well I've been getting around lately (lol If you looked for me you could probably find me across about a dozen+ places around the internet) and I've discovered that, while GIMP can't possibly work as well as Photoshop, it can get pretty dang close if you have the right things. Here are some things that will help.

First off, I suggest reading This Article by Blair Mathis at the Smashing Magazine site (If you don't feel like reading it, don't worry, parts of it may be quoted in this post). He has 8 things that will help greatly, but depending on what you do, it may or may not help as much.

After reading that (If you decide to), I suggest that you download the following:

*Pspi.exe (Linux and Windows only. No Mac compatible version yet. Homesite is here)
*Download the GIMP Layer Effects Plugin
*Add Photoshop Brushes

Those two things can greatly help you with making GIMP work closer to that of Photoshop.

Here is what the earlier reffered to Smashing Magazine article says about the Pspi.exe filter:
[quote=Blair Mathis' Article]The PSPI plug-in allows GIMP to use Photoshop plug-ins. This increases the number of filters available to GIMP and allows Photoshop users to not have to sacrifice their library. If an equivalent GIMP plug-in can’t be found, assembling a kit of Photoshop filters is an potential option.

To start, download the PSPI plug-in from Gimp.org
In the program folder, copy and paste the entire contents of the PSPI plug-in download into the Plug-ins folder. If you’re running Linux, make sure you copy both the PSPI plug-in and the PSPI.exe, or it will not work.
Restart GIMP and open the Filters menu. At the bottom, you will see a new entry: “Photopshop Filters Plug-In Settings.” Select that to open the Photoshop dialog box, and point it to the folder where your Photoshop plug-ins are located. Add all future Photoshop plug-ins to that folder.
[/quote]

After downloading, I highly recommend you go to This site. It contains many of the Photoshop filters in .8bf form, which is great, as this gives you many of those missing filters. Also, if you look around you can find various other filters that you can use. Just make sure they are in .8bf form ;)
Receiving an error about missing Plugin.dll? They have that also. Just download it and move it to the correct folder (Google it to learn how), and your problems should be fixed (:

Next, you should download the GIMP Layer Effects Plugin. This plugin gives you the same sort of effects as photoshop layers. Its a bit more work, but at least you'll now have those layer effects you've always wanted (:
Heres what the Smashing Magazine article says about the Layer Effects Plugin:
[quote=Blair Mathis' Article]Layer Styles are a beloved feature of many Photoshop users, and living without them can be a difficult adjustment. Layer Styles are called Layer Effects in GIMP and include: Drop Shadow, Inner Glow, Outer Glow, Gradient Overlay, Stroke, Bevel and Emboss, etc. These can be used to quickly apply effects to your layer(s) without having to jump through hoops.

Download the Layer Effects GIMP plug-in from Gimp.org. There are two versions: Script-Fu and Python. The Python version allows for live previews of the effects; the Script-Fu version does not. No matter which version you choose, save the plug-in in GIMP’s Plug-in folder and restart the program.
If you download the Python version, Layer Effects will be added under Image > Layer > Layer Effects. The Script-Fu version will be listed under Script-Fu > Layer Effects.[/quote]

Another thing that you can do is download photoshop .abr brushes. Starting with GIMP 2.4 (Either 2.4 or 2.2, sorry, cannot remember currently) GIMP has the added ability to use photoshop brushes, as long as they are in the default .abr brush form. Now those additional brushes that you've always wanted can be yours!
Heres what that article says:
[quote=Blair Mathis' Article]GIMP comes with far too few brushes; and the ones that are there are small, basic and not all useful. If you’re planning to author graphics, you’ll need a new library of brushes to accomplish anything. Installing brushes in GIMP is as simple as copying the brush file into the Brush folder and restarting GIMP.
Brushes can be downloaded from numerous locations, depending on what you’re looking for. That said, an excellent repository of free brushes of all types — including grunge, fire, splatter, stone and more — is at Blendfu.
[/quote]
Additional brushes can be found around the web if you're willing to search. Some such sites that may contain brushes are Brusheezy and DeviantArt

Need photoshop patterns? Download the Photoshop Pattern Loader (Linux/Windows) for GIMP. This script allows GIMP to open any photoshop patterns that are in .pat form. You will just need to save each pattern individually (One layer per pattern) to your patterns folder.

Seen a good photoshop gradient that you couldn't take your eye off of, or just wanted to make your own? Well, if your up to a bit of work, all you have to do is follow This Tutorial. It explains how to make that gradient that you've been eyeing, and even though its not specifically for how to make gradients in GIMP, it can help with that also.

Want some filters that were made for GIMP? I suggest downloading the Fx Foundry set. It has many various filters that may or may not be what you need. Otherwise, check out the GIMP Plugin Registry. They have many various plugins and scripts that that may be what you need.
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 el-presidente on Tue Jul 28, 2009 4:36 pm

I guess I'm just really bad with that sort of thing, but I couldn't get any of those to work. I couldn't get any of the new filters or anything.
Image
Private el-presidente
 
Posts: 158
Joined: Fri Sep 19, 2008 2:14 pm
Medals: 2
Standard Achievement (1) Ratings Achievement (1)

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

Postby bryguy on Wed Jul 29, 2009 10:35 am

el-presidente wrote:I guess I'm just really bad with that sort of thing, but I couldn't get any of those to work. I couldn't get any of the new filters or anything.


Hmm... Do you have a Windows, Linux, or Mac? Also, do you receive any errors?
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 MrBenn on Fri Nov 20, 2009 8:00 am

Subject: Central America [D] V9- Let's Finish This Thing! (p14) GP?

RjBeals wrote:LG asked if I would try and help with the mini-map. Here's something I threw together this morning...

Image

I start with a 1-pixel black round hard brush. Have the satellite map graphic on it’s own bottom layer. Zoom in a good bit and start tracing the borders. The “curviness” of the coastline is your call.

I’ve lowered the opacity of the base maps layer to about 35% - enough so I can see the image, but my new borders will stand out more.

I use a standard mouse. Try to move it your arm/wrist smoothly when tracing.

Also in Photoshop, you can move the canvas by holding the spacebar and moving your mouse. It helps when you’re zoomed in real close.

Click image to enlarge.
image

Click image to enlarge.
image


Next I’ll start a new layer for each of the bonus regions colors. You can either use a paint brush to color the regions, or the magic wand selection tool. I used the magic wand for this example. You can use the eye-dropper tool to match the big maps colors, or if you have a color pallet made, use that.

Click image to enlarge.
image


Now I have all my regions colored and on separate layers. I’m now going to ctrl-shift select all those layers so I end up with all the lands selected (First image below, before expanding by 1-pixel). Then I will go to Select > Modify > Expand by 1 pixel. It may be under a different drop-down menu, but you should find "expand" somewhere under the select menu. I will make a new layer and call it ALL LAND. I will fill this with a dark green. This layer is underneath the other color layers. I also add a very slight outer glow to this layer. This will give a well defined coast line and help the map stand out from the oceans.

Click image to enlarge.
image

Click image to enlarge.
image


That gives you your land. Next just play around with the font until you’re happy. I normally like crisp black text. I found it hard to position the text horizontally, so I tilted it all and liked how it looked.

Click image to enlarge.
image



:D
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 squishyg on Tue Oct 26, 2010 5:04 pm

using the tutorial i made my own avatar! it took me over an hour... :? but its a start!
Image
Visit CC on Facebook and Twitter!
Robinette wrote:
Kaskavel wrote:Seriously. Who is the female conqueror of CC?

Depends on what metric you use...
The coolest is squishyg
User avatar
Captain squishyg
 
Posts: 3146
Joined: Sun Jan 04, 2009 11:05 pm
Medals: 42
Standard Achievement (3) Doubles Achievement (2) Triples Achievement (2) Quadruples Achievement (3) Terminator Achievement (1)
Assassin Achievement (1) Manual Troops Achievement (3) Freestyle Achievement (1) Nuclear Spoils Achievement (3) Fog of War Achievement (3)
Speed Achievement (1) Teammate Achievement (1) Cross-Map Achievement (3) Ratings Achievement (4) Tournament Achievement (4)
General Achievement (2) Clan Achievement (1) General Contribution (4)

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

Postby RedFlyingGolf on Tue Oct 26, 2010 5:17 pm

squishyg wrote:using the tutorial i made my own avatar! it took me over an hour... :? but its a start!

Everybody starts somewhere :)
--
Here is a VERY good tutorial on how to make a good mountain:
http://www.cartographersguild.com/showt ... ns-in-Gimp
All credit to the author.
Image
High score: 1991 Captain
Achieved November 21th, 2010
User avatar
Private 1st Class RedFlyingGolf
 
Posts: 177
Joined: Sat Aug 28, 2010 1:22 pm
Location: You wish you knew.
Medals: 17
Standard Achievement (2) Doubles Achievement (1) Triples Achievement (1) Quadruples Achievement (1) Terminator Achievement (1)
Assassin Achievement (1) Manual Troops Achievement (2) Freestyle Achievement (2) Nuclear Spoils Achievement (1) Fog of War Achievement (2)
Speed Achievement (1) Cross-Map Achievement (1) Ratings Achievement (1)

PreviousNext

Return to Tools & Guides

Who is online

Users browsing this forum: No registered users and 0 guests

Login