Page 1 of 4 1234 LastLast
Results 1 to 10 of 35

Thread: Procedural mapping style experiments

  1. #1
    Guild Journeyer gilgamec's Avatar
    Join Date
    Mar 2009
    Location
    Colonia Claudia Ara Agrippinensium
    Posts
    130

    Default Procedural mapping style experiments

    I've been experimenting recently with recreating various map styles with my procedural techniques. The first style I've attempted is from a 1914 Hammond atlas:
    Click image for larger version. 

Name:	jamaicaCropped..png 
Views:	346 
Size:	688.4 KB 
ID:	23103
    It was a cheap atlas, and it shows; registration is pretty iffy, there are ink blobs and stripped characters (there's supposed to be a dot in the middle of the "capital" star for Kingston, for example), and the label placement is pretty sloppy. Still, it's a fairly simple map, so a good first attempt.
    First off, I grabbed geodata of Jamaica's coastline, cities, roads, and rivers; these are from different datasets, so they don't quite mesh up, but the effect is there:
    Click image for larger version. 

Name:	jamaica01..png 
Views:	544 
Size:	63.6 KB 
ID:	23104
    The first thing I do is place the city circles; coastal cities are placed so the circles osculate the coastline (except for the capital). This is easy to do procedurally; just find the closest point on the coastline and move the circle towards or away from it:
    Click image for larger version. 

Name:	jamaica02..png 
Views:	149 
Size:	21.0 KB 
ID:	23105

  2. #2
    Guild Journeyer gilgamec's Avatar
    Join Date
    Mar 2009
    Location
    Colonia Claudia Ara Agrippinensium
    Posts
    130

    Default

    Next are the mountains. The original map uses crescents of short strokes to show the general "downhill" shape of Jamaica's ridge of mountains, and its highest peak (Blue Mountain). With geodata, we can grab this too:
    Click image for larger version. 

Name:	jamaica03..png 
Views:	930 
Size:	19.0 KB 
ID:	23109
    We place overlapping crescents along the ridgeline:
    Click image for larger version. 

Name:	jamaica04..png 
Views:	98 
Size:	26.5 KB 
ID:	23107
    and stroke them:
    Click image for larger version. 

Name:	jamaica05..png 
Views:	106 
Size:	27.4 KB 
ID:	23108
    This still looks pretty mechanical, though. We can improve the look a lot by adding just a little bit of randomness; it looks like the strokes on the original map were hand-engraved, so this isn't a stretch:
    Click image for larger version. 

Name:	jamaica06..png 
Views:	217 
Size:	28.3 KB 
ID:	23106

  3. #3
    Guild Journeyer gilgamec's Avatar
    Join Date
    Mar 2009
    Location
    Colonia Claudia Ara Agrippinensium
    Posts
    130

    Default

    Rivers and roads are next. Again, we can use our geodata to place them. The lines in the original map seem to be mere approximations; the actual road network is slightly different, and I can't find the north-eastern river in my river system data. (Or perhaps the roads have changed and the river dried up in the last century. Hard to say.) At any rate, the roads and rivers shown on the original map are:
    Click image for larger version. 

Name:	jamaica07..png 
Views:	509 
Size:	28.8 KB 
ID:	23112
    We will want to smooth them out. At this point, we have to slightly change the north-eastern road; in actuality, it seems to be a coastal road, but it has to be drawn a little bit inland (or it'lll overlap the coast).
    Click image for larger version. 

Name:	jamaica08..png 
Views:	180 
Size:	27.3 KB 
ID:	23110
    We add back in the mountains and change the line widths to match the original map:
    Click image for larger version. 

Name:	jamaica09..png 
Views:	149 
Size:	35.9 KB 
ID:	23111

  4. #4
    Guild Journeyer gilgamec's Avatar
    Join Date
    Mar 2009
    Location
    Colonia Claudia Ara Agrippinensium
    Posts
    130

    Default

    We can now try to get the colors and fills right. The atlas is a century old, and the paper is a little yellowed; at the same time, the inks aren't the deepest black. In addition, the fills (blue sea, pink land) have to be added.
    Click image for larger version. 

Name:	jamaica10..png 
Views:	126 
Size:	139.4 KB 
ID:	23113
    Finally, we add the rest: the sea routes and labels.
    Click image for larger version. 

Name:	jamaica11..png 
Views:	211 
Size:	264.9 KB 
ID:	23114
    Compare to the original map:
    Click image for larger version. 

Name:	jamaicaCropped..png 
Views:	193 
Size:	688.4 KB 
ID:	23115
    The colors are a little off; it looks like the inks have faded (or were never too dark to begin with). The font doesn't quite match (I used New Century Schoolbook, which is a good but not perfect match to Edwardian and late Victorian map typefaces). But even beside these two things, there's still something missing; a certain fuzziness, perhaps?

  5. #5
    Guild Artisan su_liam's Avatar
    Join Date
    Aug 2007
    Location
    Port Alberta, Regina(IRL: Eugene, OR)
    Posts
    798

    Default

    Well, in the original, the text was distressed to the point that, at least in thumbnail, you look like you have Port Autonio and St. Anus Bay. I really like the Anns/Anus thing. That, sadly is how I am...

  6. #6
    Community Leader Facebook Connected tilt's Avatar
    Join Date
    May 2010
    Location
    Trelleborg, Sweden
    Posts
    5,784
    Blog Entries
    2

    Default

    I don't think you're wrong about the fuzzyness, new map compared to old map - it would of course be contrasting. Also I feel your ocean lines are very opaque, they could use some dampening as right now it seems like they are fighting with the land for attention
    But the big difference is the faded vs non-faded look. But good work - very nice ... I'll just toss a rep in your direction
    regs tilt
    :: My DnD page Encounter Depot free stuff for your game :: My work page Catapult ::
    :: Finished Maps :: Competion maps - The Island of Dr. Rorshach ::
    :: FREE Tiles - Compasses :: Other Taking a commision - Copyright & Creative Commons ::
    Works under CC licence unless mentioned otherwise

  7. #7
    Guild Journeyer gilgamec's Avatar
    Join Date
    Mar 2009
    Location
    Colonia Claudia Ara Agrippinensium
    Posts
    130

    Default

    Well, I've fixed the colours; they're about as close as I can make them. It's still a matter of fuzziness, though, and the brutalized font. (St. Anus Bay, indeed.) Still, it's a nice style, if not especially ornate. I may use it on a bigger map at some later time. My next project in this thread, though, will be another atlas style.
    Click image for larger version. 

Name:	jamaica12..png 
Views:	377 
Size:	228.6 KB 
ID:	23166
    Click image for larger version. 

Name:	jamaicaCropped..png 
Views:	160 
Size:	688.4 KB 
ID:	23167

  8. #8

    Default

    I'm fascinated by this project - and impressed. There's something comfortable and familiar about the map and your recreation.

  9. #9

    Default

    What an utterly cool project. Rep on the way! I'm not sure why its so difficult to reproduce the colours...wouldn't a straight colour picker (say 3X3 average) in photoshop do it? To get the bleed on the lettering it might with worth trying an outer glow layer style using black / multiply / low opacity....might help?

  10. #10
    Guild Artisan su_liam's Avatar
    Join Date
    Aug 2007
    Location
    Port Alberta, Regina(IRL: Eugene, OR)
    Posts
    798

    Default

    Oops.
    Edited for weird double post. This didn't show up an hour ago...
    Last edited by su_liam; 03-25-2010 at 12:30 PM.

Page 1 of 4 1234 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •