AI教程！大厂的设计师怎么做可视化地图？

视频地址：https://www.bilibili.com/blackboard/html5player.html?aid=292866372&as_wide=1

原图作者：EasyV数据可视化

教程作者：百图特攻队（授权转载）

交作业去这里→#优设每日作业#

文章编辑：@雪寄草

关于教程

你有被支配着做过地图的体验么？

上图是国内知名数据可视化公司袋鼠云出品的可视化地图作品。

作品中将地图和数据结合，可以非常直观的展示相应的信息。

今天我来提供一个思路，教大家如何做出类似上图中的效果。

首先，我们可以准备好2个地图链接。

• 链接1：获取矢量svg地图素材
• 链接2：获取卫星地图

地图链接具体的使用方式可查看视频。

接着我们可以将矢量地图和卫星地图结合，在Ai软件中进行处理（具体操作可查看视频），最终得到类似于上图中的效果。

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 地图网站介绍

在两个地图网站，可以分别获取特定区域的版图描边和立体地形素材，通过后续在AI中的操作可以组合成可视化的地形。

Step 02 地图素材处理

在地形素材上叠加一层蓝色矩形，然后调整混合模式，可以改变地图的颜色。然后修改SVG素材的描边和颜色，可以得到基本的地图造型。

Step 03 投影添加

通过剪贴蒙版制作出投影的效果，然后根据信息传达的需要添加文字和圆点装饰即可。

最终效果图

来源：https://uiiiuiii.com/illustrator/1212434300.html
图文来源于网络，如有侵权请联系删除。