[Award Winner] Atlas Walkthrough [Fractal Terrains & Illustrator]

[jswa]

Keep going, Rob!

I simply must know how to make an awesome atlas!

[HandsomeRob]

Alright I'm back.

Just to clarify, I am using Fractal Terrains (an old version), Adobe Illustrator CS2, and Adobe Photoshop CS2. Older versions of photoshop will probably work, but Autotrace is only available in Illustrator CS2 and later editions.

Step 5. The Creative Stuff
The first image I've attached below shows where I am now. I've added roads, trails, settlements, cities, boundaries, rivers, and labels to the map; and I've also finished drawing in the landcover polygons. It looks like the map is complete, but there are actually a few more steps to do before it is finished.

Step 6. Creating the Raster Background
To create my photoshop background image, I need to export four files from Illustrator. First of all I'll create a crop box from the outer map frame so that all of the exported images register correctly. The first image to export consists of all of the landcover layers. I'll export it at 300 dpi and in CMYK color, but I don't want layers. The second image to export is the relief layer (make sure you set the transparency back to 100% before exporting). This image should also be 300 dpi, and the color should be greyscale. The third image is the water layer (300 dpi, CMYK), and the fourth is the pink casings I've created below my boundaries (also 300 dpi, CMYK). Go ahead and open all four of these images in Photoshop.
Start with the landcover image. Change the color mode to RGB to open up some of the filters we'll use. Then use Filter > Brush Strokes > Spatter to fractalize the edges between landcover classes a bit. I will also go ahead and add a bit of Gaussian Noise to this layer as well. Set the transparency of this layer to 80% and add a layer of just white underneath it. Change the color mode back to CMYK. The next layer above the landcover should be your boundaries, which you can bring in using Image > Apply Image.
Next we will need to adjust our relief image a bit. Start by changing the color mode to Duotone, and select a tritone of pure cyan, pure yellow, and pure magenta. This will make the relief a nice gold color which looks better than black when multiplied with the landcover. You can then change the color mode to CMYK. Select all and get rid of some of the roughness of the relief by using Filter > Noise > Median, with a value of around 5 or so. I also like to Gaussian Blur this image a tiny bit as well. Now it can be brought in above the boundary layer. Set it to multiply and use a low opacity, around 25% or so.
Above the relief, bring in your water fills as a new layer. I'll add a slight inner glow to the water fills and my background image is done. Place it on the appropriate layer in your Illustrator file.
I've attached an image that shows where we are now; there are only a few more steps to go!

[HandsomeRob]

Step 7. The Graticule
Unfortunately, I don't know of an easier or more accurate way to do this step. To get a nice grid of latitude and longitude lines, I turn on the graticule image I created in FT way back at the beginning, and trace it with the pen tool. I really wish I knew of a better way to handle this step, but I don't.

Step 8. The Typemask
In order to prevent ugly crashes between type and linework, I've set up the layers in my Illustrator file to handle a clipping mask for type. To make this mask, create a new layer and copy all of your type into it. Outline the type (Type > Create Outlines) and give it a stroke (usually 1 pt). Outline the stroke (Object > Path > Outline Stroke). Now copy your map frame into this layer, select all on the layer, and Divide (using the Pathfinder pallette). Ungroup, deselect the outer frame, and delete. What you will have left is a compound path including the map frame and a half-pixel buffer around all the type objects. Move this into the Type Mask layer and set it as a clipping mask (Object > Clipping Mask > Make). The linework around type should disappear if you've done this properly.

And that's it! The final map is attached below. Thanks all and feel free to bombard me with questions.

-Rob

[Badger]

Well.... I did it.... I went and bought the Adobe Creative suite with Illustrator and CS 3 Extended .... so I expect I'll be trying this tutorial out soon... whenever I get it in the mail that is ... and then get it set up ...

Great tutorial by the way...

[aeronox]

Wow, getting Adobe CS for mapping.

$_$

[Badger]

ya.. not just for mapping, my wife and I have a publishing company we started, so it will have other uses...but $_$ is right... almost made me sick spending that much... however, it came in today and so far... it's money well spent. Well, spent, anyway

If I had spent that much on a program just so I could use it to make maps... well, I'd either be a little slow in the head or uber-rich... I'm working on the latter and I've always been the former...

[HandsomeRob]

Of course, if you can get it with an educational discount you would be silly to pass it up. I bought a full edition of CS2 for $200 when my wife was in school. That's a great deal. I think it retails for something like $1200.

-Rob

[RobA]

and I've also finished drawing in the landcover polygons. It looks like the map is complete, but there are actually a few more steps to do before it is finished.

...

Start by changing the color mode to Duotone, and select a tritone of pure cyan, pure yellow, and pure magenta. This will make the relief a nice gold color which looks better than black when multiplied with the landcover.

Can you provide a closeup of the polygons pre spatter at 100% opacity?

Also, what are your tritone curves?

(In case you haven't notices, I'm trying to duplicate your style in gimp/inkscape and wilbur for this month's contest...)

-Rob A>

[Sigurd]

Two Illustrator related questions:

1. You export an image that is 4800 pix across and put it in a file with your 10" by 16" frame. Do you crop everything outside the frame? Shrink to fit? How big a piece do you do at once? Do you play with the dpi?

2. Is 'autotrace' the same as 'livetrace'?



.

[vooood]

Step 6. Creating the Raster Background
To create my photoshop background image, I need to export four files from Illustrator. First of all I'll create a crop box from the outer map frame so that all of the exported images register correctly. The first image to export consists of all of the landcover layers. I'll export it at 300 dpi and in CMYK color, but I don't want layers. The second image to export is the relief layer (make sure you set the transparency back to 100% before exporting). This image should also be 300 dpi, and the color should be greyscale. The third image is the water layer (300 dpi, CMYK), and the fourth is the pink casings I've created below my boundaries (also 300 dpi, CMYK). Go ahead and open all four of these images in Photoshop.
Start with the landcover image. Change the color mode to RGB to open up some of the filters we'll use. Then use Filter > Brush Strokes > Spatter to fractalize the edges between landcover classes a bit. I will also go ahead and add a bit of Gaussian Noise to this layer as well. Set the transparency of this layer to 80% and add a layer of just white underneath it. Change the color mode back to CMYK. The next layer above the landcover should be your boundaries, which you can bring in using Image > Apply Image.
Next we will need to adjust our relief image a bit. Start by changing the color mode to Duotone, and select a tritone of pure cyan, pure yellow, and pure magenta. This will make the relief a nice gold color which looks better than black when multiplied with the landcover. You can then change the color mode to CMYK. Select all and get rid of some of the roughness of the relief by using Filter > Noise > Median, with a value of around 5 or so. I also like to Gaussian Blur this image a tiny bit as well. Now it can be brought in above the boundary layer. Set it to multiply and use a low opacity, around 25% or so.
Above the relief, bring in your water fills as a new layer. I'll add a slight inner glow to the water fills and my background image is done. Place it on the appropriate layer in your Illustrator file.
I've attached an image that shows where we are now; there are only a few more steps to go!

What I would like to know what color scheme did you use to export the climate/heightmap from FT as the background layer? I see some very nice brown and green colors - is that a FT color scheme for heightmap or was it a climate map?

And one more small question. Did you export the river layer from FT and traced or you have drawn the rivers yourself?