专栏名称: GISer last
GISer last 公众号 主要以分享互联网数据资源为主。也分享过GIS、FME等技术教程方法。我个人对于大数据资源、可视化制作、地图制图等方面有很大兴趣,也会分享个人的一些应用和教程。
目录
相关文章推荐
51好读  ›  专栏  ›  GISer last

【技巧】如何快速提供无背景地图,告别繁琐抠图!

GISer last  · 公众号  ·  · 2025-01-23 21:46

正文

在产品设计协作中,是否遇到过UI设计师抱怨接收到的地图带有白色背景,需要手动在PS中多做一步抠除操作的烦恼?别担心,今天就来分享一个简单高效的方法,让你的地图素材秒变透明背景,轻松提升工作效率! 直接上操作......

实 操

其实非常简单,但是没操作对的话达不到想要的效果,首先我们要达成一个统一的认识,那就是重新认识下PNG(Portable Network Graphics)图片,PNG格式支持透明度,主要通过alpha通道来实现。在PNG图像中,每个像素都有一个与之相关的alpha通道值,这个值控制了像素的不透明度,范围从0到255,其中0表示完全透明,255表示完全不透明‌。 这种设计使得PNG图像可以与各种背景无缝融合,特别适合用于网页设计和图形处理中‌。

了解了PNG图片的特性,那我们也就清楚了最终要输出的结果就是一张PNG图片。这个时候我没只需要将背景色设置为透明色就可以达到目的,操作如下图:

导出后的PNG图片,当你将其放置在其他图片或设计稿上时,会发现原本的白色背景神奇地消失了,地图元素与新背景完美融合,无需任何额外处理!

结 语

掌握了这个小技巧,不仅能让UI设计师的工作流程更加顺畅,减少不必要的重复劳动,还能提升整个设计团队的协作效率。记住,透明背景的PNG图片是设计素材交换中的“万能钥匙”,无论是网站设计、APP界面还是任何需要图形元素无缝融入背景的场景,它都能大显身手。下次遇到类似需求时,不妨直接导出透明背景的PNG图片,让设计更高效,创意更自由!


往期精彩推荐


地形图制作

交通可达性分析

设施服务区分析

人口重心迁移地图

ArcGIS制图之桂林山水


扫描二维码获取

更多精彩

凌晨GIS







请到「今天看啥」查看全文