前段时间接了一个手绘地图的项目,手绘的图片尺寸比较大,导致加载等待时间很长,最后使用了瓦片地图的技术,切成很多小的切片,按需加载速度提升很明显。
粉丝4691获赞4.5万

三十秒学会画地图,四步完成。第一步,找一个自己喜欢的景点,我们这里学海峡文化艺术中心,降低透明度,简单描个线。 第二步,关闭参考图层,把所有建筑填上固有色。第三步,确定光着方向,画上阴影。第四步, 不单调的画面加上花花树木,再来一个简单的排版就完。

明星卡通的手绘地图绘画过程第一步,标注点位,绘制线路和建筑的草稿。 整个地图的植被、山树木也可以同步进行,表现出整个地势的变化。 继续涂呀涂,涂呀涂, 类似的小房子可以复制粘贴错落。 若有志就可以加上景点名称,设计一下边框字体也要根据画风来选择设计标题的样式, 调整一下画面就完成了。

好,我们首先选一张自己喜欢的这个底色,然后就准可以准备开始画了。画之前我是对照了我们这边的一个导航,然后根据导航的它的大体的位置开始绘画。首先的话我们先选择一个工具啊,我用的就是这个直线,然后根据导航的位置把那个路的大概的情况先把它画出来确定, 因为我的这个垫子是在一个桥,是在一个桥的下面,如果有略微的差别,大家先不要介意啊,可以根据呃自己再把这个 a p p 打开,然后慢慢的精确的去画 好。这是一个路的大概的情况,这是一个桥,导航上会显示这个路是什么路,然后我们可以点击添加文字,添加文字输入好了以后不要着急点完成,先把这个呃路的名字放在这个路上面啊,然后可以调节这个字体的一个大小,包括 字间距、行间距,还有线框的这个粗细,他都是可以调整的。然后我们的右下角这个 a 这个地方是字体,你喜欢哪个字体你就用哪个字体,这个都是没有问题的,然后他的字体就会更改,然后包括这个字体的颜色,他也是可以更改的。嗯,点击红色,他会变成红色,我这个地方就是用的黑色。 好,然后我们在这个地方他也有这种小标签,你点到这里他会有很多的这个小图标,还挺可爱的。这个地方我们有一个楼盘,然后输入这个楼盘的名称, 我们这个楼盘的名称叫龙胜金鳄御府。好,也是一样的啊,先把这个名称给拉过来,拉到你想让他待的这个位置啊,然后我们去调这个字体的大小, 我们因为这个是个桥啊,然后我们可以看到这里还有很多的工具,因为我不是很熟悉,所以我就选用的比较简单,我用了这个椭圆形,然后点击这个桥 地方,然后,哎,他可以自己慢慢的来调整一下,我这个不一定很满大家的意好了,然后给一条线,这个这个有点丑,对了,我的垫子在这个地方,因为这里有一个路口, 好在这个路上面这个是我的店子,那我就会把这个路的名字把它添加进去,是万家铺 好,然后我的店子在这个地方我先导入了一张图片,这个地方可以用相册导入,我导入了我店子的一个门头的一个照片,完成他这个地方可以选择一个你想裁剪的一个方式,我就选择的圆形剪裁,然后你自己可以拖动大小啊,点击完成, 完成,完成以后可以把这个缩小,缩小,缩小,缩小,这就是我店的一个位置。好,然后我的店是做一个融合料理的, 所以我在旁边可以添加很多小的标签,嗯,饭来一份,如果位置不好看,大家可以调整哦,店子要开业了的话,你就写欢迎光临,但是因为我的店才没有开业,所以我就想写一个, 敬请期待。然后这个是必须要调自间距的哦,让他显得可爱一点点, 活力一点点。我们可以加一个什么标签呢?啊?这有很多,我们可以就加一个这个闪闪发光的小爱心吧,点在这里, ok, 我所在的城市是岳阳,所以我在这个右下角 添加了一个岳阳站,好,岳阳站,然后大家可以根据自己的一个情况去设定更多的内容。哦对了,自己的 logo 店名一定要添加上去,有福,希望每一个创业的小伙伴都是有福之人。 右上角这个箭头它会有很多,我刚刚用了导出 j p 七这个模式,我觉得图像有点不清楚,所以我选择保存到相册。好,是的,那么这张图片就已经成功保存到相册了。

这个客户是四月一号那天抖音添加我的,问我能不能接手绘地图?当然可以啦,手绘地图其实是不难的,只是需要花的建筑比较多而已。像这张手绘地图总共有花了有将近二十个建筑。 一般客户会提供建筑照片,像这样我们根据提供的建筑照片仿画一下,然后放到对应的地图的建筑位置就可以了。根据地图把真实的地图路线以及客户比较在意的地点标注,好 像这张手绘地图客户要求有两条河流和几个山峰,景区需要着重的标注一下。标注完这张手绘地图就完成了,我们来看看吧, 叫狗。


给一个反骨街画地图都画的差不多了,突然解放爸爸要求改角度,讨厌,让我冷静两秒钟 就只有穷坏了。没什么大不了的,谁叫我脾气好,毕竟还要靠甲方爸爸养活,处理成古怪效果,加上地名写首诗就 ok 了。你们猜猜我收了多少钱?

这种能定位、能导航的智慧地图,您知道怎样实现的吗?今天我来大揭秘,这是我们做的其中一个公演项目,这种智慧地图有很多有意思的功能,今天我先重点解密手绘地图部分,下期咱们解密程序部分,此过程过于专业,请耐心看完,点赞并关注。 地图灰之前,我们采集组一般需要去现场采集相关资料,这里主要是指景区的路线资料,需要专业的设备打点记录。然后就是利用无人机倾向 拍摄多角度的景点点位图片,方便后期插画时进行绘制,以及记录每个点位的位置坐标。此过程又累又有激情,没点体力还真搞不来。每次为了某个夕阳或者是一个造型, 起早贪黑,最后看到美景被一张张记录下来的那一刻,这一切都是值得的。此后就该插画组登场了,插画组把 采集组同步的信息进行整理,同时先绘制出草图,然后每位插画师分组绘制景点点位,每个景点均需要对比真实实景,一比一精细刻画。最后组长把所有插画师绘制的点位组件拼接到一张路线图里,同时保证所有的点位及路线与真实地图 坐标保持一堆。经过九九八十一步,一张完整的手绘地图就这样完成了。是不是一张手绘地图没有看上去那么简单?下一期我们来揭秘智慧地图程序版的搭建过程。

你敢信五分钟可以守护一个城市地图。在这个视频中,我将跟大家一起编程,从零开始做一个大地图,介绍家乡的作品。这个作品特别适合参加比赛,因为家乡不同,角度不同, 每个人都可以做出独特的创意作品。另外还可以参与点亮地图的活动,你的家乡等你点亮。没有编程基础,不知道什么是编程的小伙伴也可以通过视频感受一下什么是图形化编程,欢迎大家一起来编程,体验编程的乐趣。话不多说,开始编程。 本集我们主要是实现绘制地图,并且导入到 scratch 中,实现大地图的功能。我们采用的是一款叫益智地图的软件,大家可以去搜索一下。打开益智地图的官网,需要首先登录和注册一下,登录成功之后我们就可以去 去创建新地图了,这个地方可以起一个名字,我们选择区域,手绘地图,大概这个风格,点击开始绘图就可以了。稍微等一下,他有一个加载的过程, 可以看到绘制地图的左边呢,有很多复杂的工具。今天呢,我们只需要用其中两到三个功能就可以完成我们的目标了。我们先用第一个从在线地图中截取底图, 这个地方呢,可以去选择你所在的城市,我选择河南省安阳市,我们可以用滚轮把它放大,这个 地方呢,他就已经把河南省安阳寺框出来了。那因为我们呢,只需要做单独一个城市的介绍,其他的呢,我们就可以隐藏起来,选择外部隐藏,这样的话就只保留了一个城市的一个地图。第二步还可以去选择一下地图的风格 和类型,各种风格大家可以选一个自己喜欢的这个地方呢,我就选择默认的就可以了。第三步呢是要选择一下你要去保留的地图,那我们整个 城市都是需要的,所以呢我就把它全部框选出来,如果你框选的时候呢,不小心选大了,或者选小了拖动他旁边的这个呢还是可以再次调节的。下面呢有一个地图级别越高呢,里面的信息越多,我们用默认的其实就可以开始截取地图。 好的,这样的话我们就拥有了一个城市的底图了。接下来呢有两种思路,第一种思路呢要简单一些,我们直接基于这个底图,把我们要介绍的这个城市里面一些典型的地方,把它添加上来就可以了。第二种呢是根据这个底图,我可以呢再次去 把这个地图都描一下,分一下区域,只保留我想要的这个区域。最后呢我可以把这个底图呢再隐藏起来,这是两种思路啊,那第二种呢,花的时间会更多一些, 也更精细,所以呢我们这一次呢先不用这种方式,我们用比较简单的。第一种,我们直接在这个底图之上呢添加一些重点区域, 比如说我们在这个地方首先添加一下高铁站,他在什么地方,我们选择面要素,这个地方有一个多边形绘制,这个地方呢你可以框一下,有一个高铁站,前方有一个公园,我们大概是这样一个区域画好之后呢,你就可以点停止绘制,这样的话这个区域呢就画好了, 再次点他一下,你可以给他一些样式,旁边的小点呢还是可以再次调节的,我们可以让他稍微夸张一点,跟真正的公园 相比呢,这个地方可能更大了一些,没关系,我们只是一个示范,对不对?画好之后怎么样表现?这个地方是一个高铁站呢?我们可以再给他加上一个图标,图标呢,在这个软件里面呢叫点要素,可以在这里搜索一下高铁。哎,出现一个图标, 你可以呢把它拖进来,放了一个之后呢,点击停止绘制就可以了,它的大小和位置也是可以调节的,我们把它稍微放大一点,更清楚,放在这个地方代表呢这是一个高铁站,缩小一点。 接下来呢我们再去绘制一下其他的区域,比如说安阳最出名的呢是甲骨文阴虚,这个区域,我们可以呢再次用多边形绘制工具,这个地方给他绘制一下,这一块呢都给他框起来点停止绘制,把颜色给他设定成绿色,也可以再稍微 夸张一点,大一点,否则不是很明显,对吧?然后呢,我们可以从图像库里面再去找一个合适的,除了搜索呢,你也可以从这里面直接一个一个的去找。哎,这有一个牌坊,跟阴虚的大门是有点像的,我们可以把它拖出来,放到这个地方, 停止绘制之后呢,调整一下他的大小和位置,差不多这个位置,再点击一下,确定这个地方就画好了,那我再画一个安阳的比较知名的是太行山大峡谷,这个地方其实已经很大,比较明显了,对吧?我们可以给他添加一些植物,让他看的更明显一点,这个地方有树对不对?多放一些, 哎,可以换一种类型,这样的话看起来就更明显了,对不对?再来一个好的停止绘制,这样的话从地图上看,这个地方很明显是一个 旅游景区。那接下来呢,我稍微加速一下,把安阳的其他比较值得观赏的区域呢,给他罗列一下,这个地方我就加速了。大家自己在制作自己城市地图的时候呢,可以考虑一下哪一些地方呢?值得给别人推荐一下。 好的,到这里差不多五分钟左右的时间,我们这个地图呢就把它完成了,大家可以结合自己城市的实际情况和自己的时间,把它做的更精细一点。到这一步之后,我们怎么把它导入到 scratch 里面去呢? 我们点击右上角有一个输出图片,这个地方选择原图就可以直接输出,这样的话他就导出了一个 zipag 格式的图片。当然这个图片呢,我们是不能直接导入到 scratch 里面, 否则你放大之后呢,这些文字呢,他就会变得特别模糊,我们需要把它转化成适量图的模式,所以我们可以在这个地方再搜索一下 jpg 转 svg。 注意啊,我们可以到第二个,这个地方是一个免费的网站,可以帮我们实现这个转换,我们把刚才我们下载的图片呢放到这里面就可以了, 添加更多文件,然后点击转换,转换完成之后呢,我们可以把它下载下来,下载下来之后呢,可以给他改一个名字,方便待会我们搜索安阳手绘地图, 我们打开 scratch, 打开网站首页,点击自由创作就可以打开,之后呢我们把默认的角色删除了,我们选择上传角色,找到刚 台的安阳手绘地图,正在导入,当然这个地方呢,你还可以调整他的名字,把它直接改成安阳手绘地图。导入进来之后呢,大家可以看到这张图片呢,是特别的大的,这时候呢就有 scratch 的一个小小的 bug 了, 这个地方他默认是百分百这么大,对吧?如果你把它改小,哎,会发现特别的小,看不见了,对吧?你再想改回去百分之一百,你会发现不行了,他最大呢只能是这么大了,这是一个 bug 啊,那我们怎么样去实现我们大地图的功能呢? 我们到造型里面新建一个造型,我们这个地方呢可以给他写一个,比如说叫小地图,你会发现在小地图这个地方,你设定成百分之一百,哎,是没问题的,他正常就是这么大的, 这时候呢,我再切换回去,你会发现哦,这个大地图呢,他又出现了,这个切换的逻辑呢,我们可以放在代码里, 当绿漆被点击,我先换成第一个造型,就这个小地图的造型,这时候呢我就可以让他设定一个大小,刚才那个百分百有点大,我们设定成百分之六十吧,这时候呢再换成我们导入的安阳手绘地图这个二呢,给它去掉 点击,这时候呢会发现这个大小呢还是合适的,我们可以稍微调节一下他的位置,哎,比如说在这个地方吧,让高铁站呢,在差不多黄金比例的位置,我们把位置确定一下,这样一点击的话,就大概是这样一个画面了, 那接下来呢,我们来实现最重要的,怎么样让这个大地图可以移动呢?我们先随便找一个角色,我们让很久没出现的小猫出来一下吧,让这个小猫呢,作为我们的角色,体验这个大地图移动的功能,这个大小呢可以稍微小一点, 我们大地图里面有一个很重要的概念,他是一个相对移动的概念,也就是说这个小猫本身是不动的,是这个地图呢在移动,所以我们才把它做成一个角色,对吧?那怎么让他移动呢?我们可以给他加上一个,当按下左一键, 当按下左一键的时候呢,我是希望实现小猫往左走,对不对?但其实呢,我是让地图往右走,形成了这样一个相对的移动,我们加上一个往右走,那就是将 x 坐标增加,我们把向 右肘也做出来,那就是地图呢向左走,来看一看这个效果,当我按下右一键,哎,小猫呢,好像在往右走一样,但其实是地图往左走,对不对?小猫往左走,哎,其实是地图呢在往右走,这样是不是就实现了这个大地图了呢?上下的功能,我们也给它加, 当按下上一键,其实地图往下走,把 y 坐标增加一个负数,如果是往下走,地图呢,是往上走的,这个小猫呢,我们也可以给他简单的加一个方向的概念,当按下左一键的时候, 右一键的时候,都让他能够面朝正确的方向。面朝右,这个是面朝左啊,这个地方注意设定成左右翻转啊,因为有两个造型,你可以给他加一个造型切换上下键也一样, 他不需要面相了,直接有一个切换造型就可以了。我们全屏来看看效果,一开始呢,有一个初始的位置,这样走起来往上往下,好一个基本的大地图是不是就实现了呢?如果你顺利完成了这一部分的话,欢迎投稿 找到我们点亮地图的这个活动,让更多人看到你通过学到的编程知识,有创意的介绍自己的家乡。今天就到这里了,记得点赞收藏, goodbye, 我们下期见!


手绘地图手册绘制过程分享,首先按照甲方爸爸的要求铺一个底色, 甲方确定好建筑位置后,按照参考画出建筑的线稿,接着开始给建筑上色,这一步一定要细致,注意颜色搭配,别忘记加上路线和河流。然后我们可以根据区域特色加上一些边框的装饰,或者 就完成一幅好看的手绘地图了。然后我们开始制作手册的背面 提供的内容进行分区排版,边框可以用上和手绘地图同风格的装饰,这样手绘地图手册就完成了。

首先拿到甲方爸爸给的航拍图,再画一个灰长草的草图,然后根据实物景点绘制线导,接着铺色细化,再加上主要景点建筑,然后多加些房子和树木在空的地方, 再加上客户需要的美食及线路要素,最后加上一些装饰元素,标上景点名称、道路名称就完成了。

今天跟大家说一下手绘地图的画法,首先呢咱们先找一张地形图,把它放在下面,把主要的建筑和道路先勾个线,确定一下他的位置,在四周呢加上山脉之类的草稿。画完之后呢,咱们去给他加一个绿色的底色, 用柔笔刷呢给他做一些隐私渐变。接下来呢咱们用硬笔刷把马路角路和水面确定一下, 这时候呢咱们就可以给他去画一下四周的山脉了,用选区工具呢先框选一下咱们要画的区域,然后呢用水彩笔刷给他去做上色,上面的颜色呢可以深一点,下面颜色浅一点,然后上面颜色呢还可以发点蓝。 按照这个方法呢,咱们就可以把四周的山脉全部画完。接下来呢咱们就可以给他去画建筑了,先画一个建筑的草稿,然后再去给他勾个线,上 上色的话,咱们用扁平上色的方式就可以了,再给他加一个白色描边,让他在地图里呢更明显一些。然后呢把这个建筑复制到地图上,相对应的位置,在建筑的旁边呢,咱们也可以做一些文字框, 对建筑进行一种说明。接下来呢在一些比较空的地方呢,咱们可以加一些植物,用线条笔刷呢可以设计一下植物的样子, 用水彩笔刷呢做一个淡淡的渐变色就可以了。最后呢咱们用云笔刷呢,在四周画一些云雾效果,在图层的最上面呢,添加一张纸质材质图层模式选择正品的底。最后的最后呢再加上文字说明,这个呢就是手绘地图的画法,你学会了吗?