Mobile app version of vmapp.org
Login or Join
Ravi4787994

: How do I make the inner outline of a stroke have a gradient on my map? Excuse any ignorance, I am actually a GIS Analyst (a cartographer) and do most of my work in GIS software. I am making

@Ravi4787994

Posted in: #AdobeIllustrator #Cs6 #Maps #Pdf #Stroke

Excuse any ignorance, I am actually a GIS Analyst (a cartographer) and do most of my work in GIS software. I am making a map where I need to create inner outlines, based off of an older map my work did:


That was done in ArcGIS, and while I know how to do it there, I don't think it looks good enough, I would like to do that inner outline as more of a soft gradient. I use Illustrator CS6 fairly often with my maps for the finishing touches but I don't have any formal training. I mostly try stuff until it looks right. After doing some playing around, I was able to come kind of close like the picture below:


I did that by making the region's fill brown, and selecting the Inner Glow tool (mode: normal, opacity 80%, blur 0.3 in, edge). However, problem with that is that the white part of the region is a white fill, so if I layer it on top of my map I won't be able to see all the stuff on the map underneath it.

Any suggestions on how to create that effect on the inside of the border in Illustrator? These borders are vector layers, specifically they were created in ArcGIS as vector polygons from a geodatabase, and I exported my map from ArcGIS as a pdf, and opened it up in Illustrator to work on this. I would appreciate any help!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi4787994

1 Comments

Sorted by latest first Latest Oldest Best

 

@LarsenBagley460

Here's an example that uses an opacity mask to create the opening and the inner outline. I'm using a red background just to clearly set apart the other objects that will appear above the background.


Create a white fill (no stroke) object. This will be the stand in for a region.

Select the white object and copy/paste in front (Cmd-C, Cmd-F), two times.
(The Layers panel will have three copies of the object. Each object will be in the same position.)

In the Layers panel, select the middle object (click the target selection button on the far right side) and fill it with the color that you want to appear as the inner outline (no stroke).

Select the top object and fill with black (no stroke). This is the layer that will mask the color layer and reveal the inner outline.

With the black object selected, use the Appearance panel to apply an Inner Glow effect.

In the Layers panel, select the top/black and middle/color objects (hold Cmd or Shift while clicking each target selection button).
In the Transparency panel, click the Make Mask button.

The result is an inner glow outline that matches the desired color and reveals the white shape that's sitting below. If the intention is to reveal the entire background, that's fine, too. Turn off visibility to the bottom/white shape and you'll see that the center of the shape is transparent.
If you need to edit the color or Inner Glow effect settings, just select the masked object. The masking object and color object will appear as one layer with it's name dash underscored. In the Transparency panel, click the "Release" button to release the mask and return to two separate layers.

In order to apply the black borders, you'll want to make another copy of the white shape, set fill to none and stroke to black, and then move that to the top of the stack.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme