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

时间:15小时前
B站视频:av292866372
类别:AI教程
水平:普通
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

原图作者:EasyV数据可视化

教程作者:百图特攻队(授权转载)

交作业去这里→#跟我学习每日作业#

文章编辑:@雪寄草

关于教程

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

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

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

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

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

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

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

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

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

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

关键步骤提示

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

Step 01 地图网站介绍

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

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

Step 02 地图素材处理

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

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

Step 03 投影添加

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

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

最终效果图

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

想要来「跟我学习自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「跟我学习自学团」(无备注不通过哦)

学完这篇教程的人还在学…

收藏 2

非特殊说明,本站 gwxwl.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @跟我学习网 授权。

转载时请在文首注明,来源 gwxwl.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。跟我学习 保留追究相应责任的权利。

复制本文链接

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 

跟我学习网 365 天打卡计划

点击 #跟我学习每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 跟我学习网365打卡计划 – DAY 01 】,优秀作业将有机会被 @跟我学习网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片