设置地图旋转_「PPT教程」 制作高端又酷炫的立体地图——“国家地理”范儿走起...

这篇PPT教程详细介绍了如何制作立体地图,具有高端和酷炫的效果,类似'国家地理'风格。教程涵盖了背景部分的渐变和经纬线制作,核心的立体地图效果实现,以及图表的制作方法。通过步骤解析和技巧分享,帮助读者轻松创建出专业的地图展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

fc4c1c6d76715be14c04fc0c0c84718e.png
公子再次的诚意之作......

fcc0ed1e642710c3675bc3ad60ac84b0.png

偷懒的公子终于又更新教程了,今天的这版“立体地图”,我自己特别喜欢,有没有很符合高大上的气质!

有点“国家地理”范儿的意思,用在一些比较正式或商务的场合,应该足以镇住场子,希望你们会喜欢!

787a4855f4472dced6ee6cc7fb2799bc.png

而且这篇教程公子真是写的非常非常详细了,避免一些稍微“小白”的伙伴,在实际操作的时候会遇到一些“坎坷”

总之这么有诚意的公子,是不是可以抵消我这一阵偷懒的过错呢,各位小祖宗们......


01

背景部分

首先我们先看背景部分,如果你细心一些应该会发现,我是用了一些渐变的。

或者模拟一下发布会,漆黑的室内,只有投屏的射灯......把手机亮度调高一些,哈哈~

8c484d4d93651b820465f36e2e6baaa3.png

公子是用了左上和右下稍微浅一些的线性渐变,具体的你们可以参照我给出的色号。

77a2e83a3535b6c1161c80152b3158ec.png

然后在背景上方,我用了一些弧线来模拟经纬线,意图贴合地图这个主元素!

换成白底,你们应该会看的更清楚一些。

d8483c58e72c5c64bb64b808519cf6e7.png

接下来的部分,如果你不是小白,可以直接跳到第二趴,因为公子要讲一下,在PPT中怎么画这个“经纬线”!

首先在页面的中心垂直插入一个直线,作为“本初子午线”,然后再插入两个弧形。

b04479caa3afcdd456f1dd795f562958.png

利用iSlide插件中的“补间”,在两个弧形的中间再均匀创建出4个弧形。

f3e349a6d3b2d250fc7e5bb458b8065d.png

因为数量不是很多,不用iSlide,手动复制然后横向分布对齐也是可以的!

如果在两个形状间,均匀插入的同样元素比较多,还是建议用ISlide会比较方便一些!

1be6c6ff3be9e7bf76a6587776c8d01d.png

然后我们来调整一下线条的颜色,让它渐隐在背景中就可以。

因为它并不是主要部分,不需要它来抢眼!

7e55ed9f2b1a766f214225270333a23e.png

同样配色方面,你们可以参考公子给出的色号!

f88cca77586644869fa7556e9dd72b0c.png

我们把这组弧线右键组合或快捷键ctrl+g。

如果你觉得还差点意思,可以像公子一样,把这个组合再复制一份,稍微错开,和原弧线平均分布,并改为“虚线”。

2322147dd6479f0e4754616811193b4c.png

你可能想问,那为什么在最开始用iSlide“补间”的时候,不直接选择插入10组呢?

因为这样的话,我就要选择1、3、5...虚线;2、4、6...实线,这样有点麻烦!所以分别组合后再设置会相对快一些。

当然如果你想要非常精确的话,是可以在最开始就利用iSlide把要插入的所有弧形都排列好,然后再分别设置实、虚线。

最后把两组实、虚线的弧形右键组合,复制一份,水平旋转后放到页面左侧并对齐。

e0aafcb010ec68ed4912ed5557d5937c.png

经线部分就完成了,纬线是同样的道理。

而且更简单一些,因为用一个方向(向下弧度)的弧形就可以了,不需要像经线那样分成左右两个部分!

4b439a39d252334f94b679b33765f216.png

公子非常详细的讲解了背景部分的每一个步骤和色号,希望可以尽量减少你们在实际操作中会遇到的问题!


02

制作立体地图

接下来就是核心部分了——制作立体地图,这个效果要是做的好,基本就成就了80%!

我们先找到一个世界地图的矢量素材。

放心,公子在最后会把中国和世界地图的矢量文件分享给你们的!

24c3134bb37289a2b070fd45b5a7079f.png

我们把地图各部分右键组合,注意一定要组合!否则后面填充或者其他操作,会出现不连贯的现象。

公子是希望把这个地图转换成这个效果:

5a01f7239b9f7561adb56f248456aa3c.png

其实很简单,就是加了一些三维格式和渐变填充:

9f685f6ac413a79109df80036a0436ea.png

84b9d3eb7a4582e80d705c3b8f365bd1.png

稍微注意一下,这里我用的是射线—中间比较深的渐变方式!

接下就是二次转换,做到这种有些立体的效果:

197591ddf783cc1000329bced2d55522.png

我想稍微有些基础的“病友”应该已经猜到了我要做什么吧,没错,增加深度!

76f79895a85a0dc36ff21e6c8fa79b06.png

之前有人问过公子,科技风那期的立方体为什么不用增加深度的这个方法呢?

因为我需要立方体的其他几个面是有一定渐变和透明度的,仅仅通过增加深度是很难做到的!

但这里并没有那么复杂的要求,所以直接调整深度就可以了!

然后我们再加上一些发光效果:

66f20d7d6f38c06e5d3c1c0744330acd.png

因为我们设置了三维深度,所以它的发光是在最底层的,这里注意一下。

接下来复制一份这个立体地图,往上方稍微错开一些,我是想达到一种“断层”的效果:

105d4d586944be7f5b414977fd3c1901.png

但我发现上方的这个复制版本,发光显得特别生硬,非常明确的把两个地图给分开了!

所以我把上方的发光磅数和透明度都调高了一些,再来看一下效果:

e8262d2b8c0f82014b8e0d4a539376a6.png

虽然柔和了不少,但线条的“断层”感觉没有了,变成了模糊的“一团”。

我还是想在柔和的发光效果中,同时保留线条的存在,比如以下这个效果:

994009dffd342a592584512901fed7e1.png

你们点击图片,看大图应该会看出差别!

那最后这个让我比较满意的效果,是如何实现的呢,其实很简单......

我不过是在第一个立体地图的上方,原位复制了一份有线条无填充的发光版本,当然也是没有增加深度的!

c17e337f937dfa18e52e2bd09d7af50a.png

我把上方的那个地图移开一些,这样看上去你们是不是就更容易理解了!

别忘了同时取消上方立体地图的发光,因为我们已经不需要它,找到更好的替代品了!

来看一下这个“替代品”,公子是如何设置各参数的:

3692cb44de4a51305c9412f12f724529.png

最后为了让画面更精致、亮一些,可以在适当或你需要的位置,加一些“星星点点”!

703bdcda3c8b9cd6e14a93bee911b7f1.png

这里公子只是用了有些发光参数的白色圆形,你们可以借鉴一下:

9374ffcbb015823535cf4e74d712419a.png

到这里,地图部分就基本完成了,公子讲完后是不是觉得还挺简单的,如果喜欢这种效果,你们都可以动手试一下!


03

图表部分

图表部分是公子手动完成的,因为没找什么参考的数据,所以就随意“画”了。

在实际应用中,你们可以先在PPT中插入图表,根据比例再手动DIY。

或者对数据要求特别精确的情况下,就要直接用图表说话了!

0a7fe04127da1fd0c9c238ae2b8e59a4.png

下面我把“柱形图”放大,给大家看一下是如何制作的。

首先插入一个矩形,调整好颜色:

d213e2cff7b2ce8a7bd443f4ef0768ec.png

然后三维旋转和地图一样的角度:

eaa247d7961964935018174573dbb52b.png

增加深度,“材料”与“光源”的选择与地图是一样的,这里就不重复了。

因为我把这个矩形放大了,所以深度也在相应增加,在原图中我用的不过是80磅。

ab109b98b0245ab5c05c28debb171563.png

同样的道理,再制作出一个稍微小一些的立方体,颜色要深一些!

你们可以参考公子给出的色号,这里我用的是透明度30到70的渐变:

2cc1db4f812fbc4350ead7d93cb4a466.png

这个小的立方体是核心,所以深度就要根据数值或大概参照来设置了,原图中我基本给到的是60磅左右!

因为整幅页面是比较偏暗的,尽可能突出的是这几个“柱形图”。

所以最好在下方加一个有柔化边缘并透明些的形状,比直接在“立方体”上加发光要来的自然一些!

98baf7540850905f2114c0aa88ae2dc4.png

没放大前,原图中公子用的是透明度50、柔滑边缘为55的圆形!

顺便把其中重点数据,我选择的黄色色号给你们做参考,当然制作步骤都是一样。

e44c742dc7a07ec5d28bb236dc9846a7.png

以上就是公子手动完成的“图表”部分,就像我说的,如果对数据要求比较精确,还是请用规范的图表来说话!


以上就是公子今天分享给你们的立体地图制作了,是不是像我说的很有“国家地理”的feel啊!

787a4855f4472dced6ee6cc7fb2799bc.png

在制作的过程中,因为地图的各组成部分太多,所以像是“增加深度”这样的操作很容易造成卡顿!教你们一个办法,可以在进行到一部分之后,另存为图片,然后在图片上继续接下来的步骤。

总之算不算是公子的诚意之作,就看你们的“点评”了,哈哈~~~

因为公子也把中国地图的矢量素材分享给你们了,所以都可以试着做一下,看看这么高端的地图效果能不能征服你的老板!

OK,那今天就这样了,Good Luck

回复关键字“矢量地图”

「PPT教程」 制作高端又酷炫的立体地图——“国家地理”范儿走起​mp.weixin.qq.com
27c642f053b3fffc6bb8fdb64d4559c9.png

a96e7ac8d48cf84b0dff8bfba75c89ff.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值