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

时间:2021-10-05
B站视频:av292866372
类别:AI教程
水平:普通
观众:4.1w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往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 备注「优优自学团」(无备注不通过哦)

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

60 收藏 314

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

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

复制本文链接
img

发表评论 已发布 5

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片