Jump to content

 
Photo

Creating a faded/gradient transparency in Ill CS?

* * * * * 1 votes

  • Please log in to reply
7 replies to this topic

#1
David Medeiros

David Medeiros

    Hall of Fame

  • Validated Member
  • PipPipPipPipPipPipPip
  • 1,084 posts
  • Gender:Male
  • Location:Redwood City CA
  • Interests:Cartography, wood working, wooden boats, fishing, camping, overland travel, exploring.
  • United States

I want to create an effect where the shaded relief layer is faded into the background fill color as it moves away from the map. I know you can make a transparency gradient, but the only options I see are radial or linear (not relative to the shape of the image mask). I need a transparency mask or something, where the image fades as it approaches the edge of its mask. Any tips?

dave

(sorry for the incomplete shaded relief layer, its just a place holder as I work out this effect)

Posted Image

GIS Reference and Instruction Specialist, Stanford Geospatial Center.

 

www.mapbliss.com

 


#2
Nick Springer

Nick Springer

    CartoTalk Founder Emeritus

  • Moderator
  • PipPipPipPipPipPip
  • 939 posts
  • Gender:Male
  • Location:Crosswicks, NJ
  • Interests:Cartographic Design, Print Maps, Graphic Design, Web Development, Ultimate Frisbee
  • United States

I want to create an effect where the shaded relief layer is faded into the background fill color as it moves away from the map. I know you can make a transparency gradient, but the only options I see are radial or linear (not relative to the shape of the image mask). I need a transparency mask or something, where the image fades as it approaches the edge of its mask. Any tips?

dave

(sorry for the incomplete shaded relief layer, its just a place holder as I work out this effect)

David, check out this post http://www.cartotalk...?showtopic=2911 about opacity masks in Illustrator.

Nick Springer

Director of Design and Web Applications: ALK Technologies Inc.
Owner: Springer Cartographics LLC


#3
frax

frax

    Hall of Fame

  • Associate Admin
  • PipPipPipPipPipPipPip
  • 2,309 posts
  • Gender:Male
  • Location:Stockholm, Sweden
  • Interests:music, hiking, friends, nature, photography, traveling. and maps!
  • Sweden

David, you need to refer to the Illy help and any of the Illy books in your bookshelf on how to use opacity masks. I find it easiest to try to think first how you want the alpha transparency to look in a black and white fashion. In this case you can use blends or outer glow to achieve what you want.
Hugo Ahlenius
Nordpil - custom maps and GIS
http://nordpil.com/
Twitter

#4
David Medeiros

David Medeiros

    Hall of Fame

  • Validated Member
  • PipPipPipPipPipPipPip
  • 1,084 posts
  • Gender:Male
  • Location:Redwood City CA
  • Interests:Cartography, wood working, wooden boats, fishing, camping, overland travel, exploring.
  • United States

Thats a good link, very clear explanation of using the opacity mask. But what you'll see there is that they are limited to a linear gradient (from side of the objet to the other). And I think a redial (from center out, in a circle).

The effect I want is to see the shaded relief image in my background go from fully visible just outside the map area to faded or blended into the background color near the edge of the mask - in all directions. I though an inner glow on the mask element might do it, but so far I'm not getting it to work.

GIS Reference and Instruction Specialist, Stanford Geospatial Center.

 

www.mapbliss.com

 


#5
François Goulet

François Goulet

    Ultimate Contributor

  • Validated Member
  • PipPipPipPipPipPip
  • 688 posts
  • Gender:Male
  • Location:Mille-Isles, Qc
  • Interests:Cartography, History, Graphic Design and almost everything else...
  • Canada

Thats a good link, very clear explanation of using the opacity mask. But what you'll see there is that they are limited to a linear gradient (from side of the objet to the other). And I think a redial (from center out, in a circle).

The effect I want is to see the shaded relief image in my background go from fully visible just outside the map area to faded or blended into the background color near the edge of the mask - in all directions. I though an inner glow on the mask element might do it, but so far I'm not getting it to work.


Try Feather... I found it easier to use... I create a mask covering all my "map", use the orange piece to cut a hole in it (using Divide in the Pathfinder) and then, use a feather on my mask to gradually cover my green background. The mask have to be larger than what you want to cover since the fading will be on the contour also...

You could also import your watershed borders into Photoshop (simple copy-paste), and do your mask in it. Place the image in your opacity mask and voilà! Depending of your resolution, the file can be pretty heavy, but I had to use it once (due to some limitations in Illy) and it works well...

Hope it helps!

Attached Files



#6
Nick Springer

Nick Springer

    CartoTalk Founder Emeritus

  • Moderator
  • PipPipPipPipPipPip
  • 939 posts
  • Gender:Male
  • Location:Crosswicks, NJ
  • Interests:Cartographic Design, Print Maps, Graphic Design, Web Development, Ultimate Frisbee
  • United States

Try Feather... I found it easier to use... I create a mask covering all my "map", use the orange piece to cut a hole in it (using Divide in the Pathfinder) and then, use a feather on my mask to gradually cover my green background. The mask have to be larger than what you want to cover since the fading will be on the contour also...

I usually just use a Gaussian Blur

Nick Springer

Director of Design and Web Applications: ALK Technologies Inc.
Owner: Springer Cartographics LLC


#7
François Goulet

François Goulet

    Ultimate Contributor

  • Validated Member
  • PipPipPipPipPipPip
  • 688 posts
  • Gender:Male
  • Location:Mille-Isles, Qc
  • Interests:Cartography, History, Graphic Design and almost everything else...
  • Canada

I usually just use a Gaussian Blur


I feel stupid :huh: , but I actually never tried it... Someone at my old job though me the technique and since it worked, I never though about other ways to do it...

Thanks Nick!

#8
David Medeiros

David Medeiros

    Hall of Fame

  • Validated Member
  • PipPipPipPipPipPipPip
  • 1,084 posts
  • Gender:Male
  • Location:Redwood City CA
  • Interests:Cartography, wood working, wooden boats, fishing, camping, overland travel, exploring.
  • United States

Ok, I think I got it. This ended up being easier than I thought. Procedure is, place Relief, draw or copy the polygon you want to be the extent of the effect (where the image will fade out). Select both objects and make clipping mask. Select the Feather effect and your done.

Below is just my working example. I'll have to bring in a relief image that extends out further and adjust colors and transparencies. But you get the idea.

Thanks for the help.


Posted Image

GIS Reference and Instruction Specialist, Stanford Geospatial Center.

 

www.mapbliss.com

 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

-->