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

今年六一儿童节的时候,我们的推文《六一儿童节,畅玩中国地图,学习趣味知识点!》中展示了一幅卡通风格中国地形地貌图,很多小伙伴来咨询这样的图是怎么做出来的,本文中,我们就来介绍下,如何使用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. Ubuntu的apt-get使用国内的源
  2. 《深入浅出MySQL:数据库开发、优化与管理维护(第2版)》一一第 1 章  MySQL的安装与配置...
  3. Razor master page
  4. 系统安装,重装与优化:chapter2 硬盘的分区与格式化
  5. 我们用力的活着却把自己丢了
  6. matlab读取文件夹下所有文件的字符串,MATLAB读取文件夹下所有文件的文件名并读取数据...
  7. 他们也曾在数学“苦海”里痛不欲生
  8. Linux中的sed命令,使用方法之一「替换字符串中的内容 」,以及「s/ / / 」和「s/ / /g」之间的区别
  9. 医学图像分割--U-Net: Convolutional Networks for Biomedical Image Segmentation
  10. python 安装talib包
  11. 一道经典的C++题,关于分钱的问题,适合新手阅读(黑客X档案论坛题目) [c#]
  12. 解决:Assign object to a variable before exporting as module default
  13. d3中元素拖拽drag实例
  14. 某银行无线网络频繁掉线重认证分析、解决方案及抓包经验分享
  15. [转]一个计算机高手的成长
  16. 对于嵌入式为什么要有uboot的深度解析
  17. 【CV语义分割】全卷积神经网络FCN(更新ing)
  18. 《网络游戏核心技术与实战》读书笔记
  19. 用ffmpeg进行音频格式转换、剪切、合并、音量调整等
  20. attribute与parameter区别

热门文章

  1. 抖音“何青绫”金融知识整理(部分)
  2. IOS 个推推送总结
  3. layui 表无法渲染问题
  4. 了解日本的必读书目,《菊与刀》
  5. 大数据Spark MLlib推荐系统
  6. knn之KD树深度构建原理
  7. 高通平台Bootloader启动流程【转】
  8. 显示ip地址html代码,37行代码实现爬取ip地址并显示到GUI上
  9. SMART 200PLC指针寻址
  10. (Ⅲ)使用七牛云作为图床获取外链方式总结(已更换为使用PicGO+腾讯云COS)