卡通风格地图以其趣味的符号设计、明丽的色彩搭配和清晰的主题呈现,成为一种独特的地图风格,目前不仅用于儿童绘本中,很多园区地图和室内地图也偏好使用这种风格。

今年六一儿童节的时候,我们的推文《六一儿童节,畅玩中国地图,学习趣味知识点!》中展示了一幅卡通风格中国地形地貌图,很多小伙伴来咨询这样的图是怎么做出来的,本文中,我们就来介绍下,如何使用SuperMap iDesktopX制作这种风格的地图。

这幅地形地貌图的分层非常明确,主要分为:地形底色、主要山脉符号、各地趣味符号和文字标签,下面依次讲解各类要素的表示方法。

一 地形底色

地形底色作为地图中面积最大的一类要素,奠定了整幅地图的基调。卡通风格地图重在表达地物的分布与走势,不会有特别准确的线条感,这就要求在处理数据的时候,不宜将数据处理的过于精细。

1 数据获取与预处理

从NOAA网站(网址为:https://www.ngdc.noaa.gov/mgg/global/global.html)下载全球DEM数据,原始数据为WGS 1984地理坐标系,转换数据坐标系为Sphere Mercator后,将中国及周边区域的DEM裁剪出来。

2 栅格重采样

通过栅格重采样,降低DEM分辨率,从而使提取出来的地形等值面更加概括,此处将DEM重采样到20000米。

3 提取等值面

中国地势西高东低,大致呈阶梯状,第一级阶梯的平均海拔在4000米以上,第二级阶梯海拔1000米~2000米,第三级阶梯海拔多在500米以下。在提取等值面时,等值距的设置需要考虑到三级阶梯的海拔分布特点,而不能使用均匀的等值距。

使用“提取指定等值面”功能,设置各等值面对应的值,并选择光滑方法为“B样条法”,使得提取出来的等值面线条更加光滑。

提取完毕后,将等值面裁剪到中国陆地面的范围。

4 制作专题图

对地形等值面按照高度的不同制作单值专题图,并赋予合适的颜色方案。对于地势较低的第三级阶梯,使用绿色与淡黄色,地势居中的第二级阶梯,使用淡黄色与黄色,而地势较高的第一级阶梯,则使用橙红色来表达。

二 卡通符号

这幅地图上的卡通符号包括山脉符号、各地特色趣味符号和地名符号,均可通过为点设置卡通符号的方式来实现。例如山脉符号的制作,在数据源中新建CAD数据集,绘制山脉点,为每个点符号设置风格相近又有区别的山形符号,调整符号的大小与位置,使符号自然聚合为山脉形状。

点符号使用Sketch、AI或者PS来制作,导出为svg格式后,再导入SuperMap iDesktopX点符号库中,svg符号可以保证在使用过程中随意设置符号大小,不会变形或模糊。

三 文字标签

对于高原、平原、盆地和半岛这类有具体点位的地名,标签的制作可以通过标签专题图来实现,其它标签使用CAD图层来制作。标签使用楷体,且使用较深的颜色,叠加在明亮的底图颜色上,让整幅图层次分明的同时,不会过于跳脱。

四 纸质纹理

选择一张牛皮纸纹理图片,导入数据源后,配准到中国周边区域,为纹理图层设置透明度为70%,叠加在地图的面域底色上,轻微的纸质纹理可以帮助提升地图质感。

至此,一幅卡通风格的中国地形地貌图就完成了,利用这种方法,也可以制作卡通风格的园区地图或者室内地图。

卡通风格地图教程来了,全网仅此一个!相关推荐

  1. 【Unity Shader实战】卡通风格的Shader(一)

    写在前面 本系列其他文章: 卡通风格的Shader(二) 呜,其实很早就看到了这类Shader,实现方法很多,效果也有些许不一样.从这篇开始,陆续学习一下接触到的卡通类型Shader的编写. 本篇的最 ...

  2. UE卡通风格游戏场景制作视频教程

    UE卡通风格游戏场景制作视频教程 UE卡通风格游戏场景制作视频教程 教程大小:4.53G 含项目文件 3840X2160 mp4 语言:英语+中英字幕(机译) 本教程是关于UE4卡通渲染游戏环境场景制 ...

  3. ant-design vue input通过那个事件可以获得输入框变化的值_VUE使用百度地图教程

    VUE使用百度地图教程 简介:传统的百度地图如果搭建在vuecli中就还需要再index.html的文件还需要配置script参数,这样使用起来就像是穿了一件不合身的衣服,总是难受,而且vue也不推荐 ...

  4. 图形引擎实战:卡通风格人物渲染技术总结

    目录 A. 背景介绍 B. 描边 C. 表面着色 c1. 头发渲染 c2. 身体渲染 c3. 面部渲染 D. 性能分析 E. 后期优化方向 本次角色渲染使用了Unity3D引擎,采用的URP管线.在介 ...

  5. 全网仅此一篇:工业级压力传感器设计及实现(华大半导体HC32L136)

    目录 1.项目概述 2.模组简介 2.1.NSA2862物联网专用桥式传感器调理芯片 2.2.Metallux ME501/ME505陶瓷压力传感器 3.驱动原理 4.项目实现 近期基于Metallu ...

  6. 动漫风html源码,CSS3动画制作一个卡通风格的404错误页面代码

    CSS3动画制作一个卡通风格的404错误页面代码(有动画效果) html> Css 404错误页 .error-container { text-align: center; font-size ...

  7. PHOTOSHOP绘制卡通人物简单教程

    PHOTOSHOP绘制卡通人物简单教程 一,用路径画出选区. 二,填充路径. 三,分层画出脸上各部位 . 四,按住CRTY点图层一,反选删除多余的部份. 五,用同样的方法用路径勾出身体各部位,填充相应 ...

  8. ArcGISPro制作辐射4风格地图

    不知同学们玩没玩过这个游戏,上次看到了好多脑洞大开的地图,好有意思,其中就有一个做的这个地图,所以我想着模仿着做一下. 看辐射小子是不是很熟悉 https://storymaps.arcgis.com ...

  9. unity 卡通风格渲染

    unity 卡通风格的渲染主要分成两个步骤,第一个步骤是给模型描边,第二个步骤是实现卡通着色的高光效果.这两个步骤同时也是对应的两个不同的pass. 第一个步骤首先要剔除正面,然后对背面的轮廓线进行描 ...

最新文章

  1. C++学习笔记13-类继承
  2. ckks方案优化最好的_站群如何优化才能提高SEO效果?站群优化方案有哪些?
  3. vc2010中开始执行不调试灰的_消防水炮调试,客户看到调试流程一刹那就满意
  4. mysql中怎么在列中使用时间函数_mysql中关于时间的函数使用教程
  5. 昨天习题答案大剖析!再接再厉
  6. 一个简单而强大的单片机内存管理器-不带内存碎片整理
  7. 自然语言处理-LDA建模代码
  8. LoadRunner 使用虚拟IP测试流程
  9. 文具订购(【CCF】NOI Online能力测试 入门组第一题)
  10. 2018年版北大中文核心期刊目录(2017最新第八版)
  11. abb机器人goto指令用法_abb机器人编程指令,机器人编程的程序指令
  12. linux 7查看网络流量,CentOS7 监控网络流量
  13. 台式计算机虚拟内存怎么设置,电脑虚拟内存怎么设置最好 电脑虚拟内存不足怎么解决...
  14. iOS 开发中的争议(二)--唐巧
  15. spark中的转换算子和行动算子区别(transformations and actions)
  16. 手机控制电脑远程开机,笔记本与老电脑都能实现
  17. LeetCode - OrderMap - 715.Range模块
  18. 小米电视显示服务器故障,小米电视常见的三大问题分析及解决方法
  19. java循环遍历队列_java实现循环队列
  20. 能够摧毁你的只有你自己

热门文章

  1. VTK 3D图像显示
  2. WebRTC实现一个网页在线录制视频
  3. 4. iconfont 字体图标无法正常渲染显示
  4. GSEA富集分析 - 界面操作
  5. 基于C+++FLTK实现(WinForm)超市收银系统【100010032】
  6. Java中在银行系统中有账户类型,进行基本存取款操作
  7. SpringBoot:错误Missing URI template variable XX for method parameter of type Integer
  8. 基于KMeans聚类算法的网络流量分类预测
  9. Docker操作命令示例
  10. 视频打开显示服务器运行失败,电脑打不开本地视频如何修复