地图旋转_折纸效果三维旋转，不一样的地图页设计

我们在制作PPT或网页的过程中，有时候会用到地图来标记地点信息。

比如这样

▲图片来自腾讯云官网

或者是这样

▲图片来自全球敏捷运维峰会官网

今天就来给大家介绍一种地图页面的新玩法：三维折纸地图。

听起来是不是很高大上？因为这个名字是我起的！(哈哈)

话不多说，先来看看效果。

▲小川原创案例

是不是很赞？

下面就给大家介绍一下制作过程和制作方法。

先来拆解一下。

完成这样的三维折纸地图大概需要四步。

▲步骤拆解演示

知识点讲解

第一步：设置图片折纸效果(“形状组合法”)

a)插入一个“梯形”形状，旋转90°，调整梯形大小和控点位置(决定折纸效果呈现)。

b)复制出另一个梯形并对其设置水平翻转，同样的方式再复制出另外两个梯形。

c)调整梯形的位置，使四个梯形贴合放置，将其组合

d)将准备好的地图图片填充进组合后的形状中。

下面是步骤演示：

▲操作演示-设置图片折纸效果

完成图片折纸效果设置后，复制一份折纸出来，设置为纯色填充，适当调整大小，置于地图底层，为地图添加一个“边框”，提升设计感。最后将“边框”与地图组合。

▲操作演示-为地图添加边框

第二步：设置图片三维旋转

右键单击组合后的形状，依次选择“设置图片格式”——“三维旋转”，选择“预设效果”中的“角度”效果中的任何一种。

修改“Y旋转值”和“透视”角度，完成图片的三维旋转。(案例中设置的“Y旋转值”为298，“透视”为65)。

▲操作演示-三维旋转设置

第三步：制作阴影素材

经过第一二步骤的操作，我们已经完成了地图的折页设计和三维旋转

▲初步三维效果展示

但是立体效果还不够突出，我们需要在图片下面添加点阴影效果。

插入一个椭圆形，设置其阴影效果，阴影类型选择“外部”—“偏移:下”,参数设置见下图。

▲阴影效果设置

第四步：调整素材位置

调整阴影素材和三维图片之间的层级和位置关系，完成最终效果。

▲操作演示-调整素材位置

所有设置完成后，添加文案，就可以做出下面这页幻灯片。

▲小川原创作品

另外两种设置图片折纸效果的方法

其实，设置图片折纸效果的方法有三种，分别是“形状组合法”、“形状剪除法”和“借助插件法”。

形状组合法，上面已经给大家演示过了，来看一下另外两种方法。

“形状剪除法”

首先插入一个矩形，然后插入四个三角形，将三角形的宽度设置为矩形宽度的一半，调整三角形高度(高度决定了最终的折纸效果)和位置。

如下图所示

▲矩形和四个三角形位置

依次选择矩形和四个三角形，然后选择形状工具中的“剪除”，就可以得到一个折纸形状，然后将图片填充进去即可。

▲“形状剪除法”最终效果

下面演示一下具体操作步骤。

▲“形状剪除法”操作演示

“借助插件法”

使用OK插件可以实现一键设置图片的折纸效果。

下面直接给大家演示。

▲“借助插件法”操作演示

对比一下这三种设置图片折纸效果的优势和不足

▲三种设置方法比较

使用三维折纸地图，还可以做出以下幻灯片：

▲小川原创作品

以上就是今天的分享，希望能帮到你。

原创不易，点个“在看”再走呗！

地图旋转_折纸效果三维旋转，不一样的地图页设计相关推荐

3D折纸效果怎么实现？
Cocos Creator 3.0 演示与实现. 效果效果预览: 视频预览(视频号[白玉无冰]): https://www.bilibili.com/video/BV11U4y157cz 前言开始 ...
折纸效果！ Cocos Creator 3.0
效果折纸效果实现整体思路思路遵循以下几步初始化一个多边形. 折叠后分割成两个多边形. 如果需要继续分割,对场上的所有多边形进行折叠,折叠出新的多边形的层级正好与原来的相反. 整体思路所以, ...
python绘制立体心形折纸图解_PS制作超漂亮的立体的心形折纸效果
今天为大家分享PS制作超漂亮的立体的心形折纸效果方法,教程难度不是很大,制作出来的折纸效果非常漂亮,好了,一起来学习吧! 背景选择灰色的渐变底如下新建一个图层,可以使用其他的图案或者图形但是 ...
photoshop折纸效果教程：教你一步步制作折纸文字
和学员沟通交流的时候,希望老师编写一篇关于折纸效果的photoshop教程.如下面的PS折纸文字效果. 恰逢最近做的项目中用到了一个不错的字体设计案例,一起分享一下吧. ps折纸字的设计思路 ...
折纸折痕设计软件_折纸简介中的自适应设计
折纸折痕设计软件 Lately Origami has been my go-to design tool for prototyping complex touch interactions. I' ...
bootstarp怎么使盒子到最右边_折纸教程：漂亮花朵盒子图解，简单实用，一张纸就完成...
爱生活,爱手工,我是爱做手工的小曦! 今天给大家带来的是颜值很高的花朵盒子折纸,可以放一些小物件哦!比如棉签什么的,还是很实用的.具体怎么折,和小曦一起来看看吧! 花朵盒子折纸教程图解先上图我们需 ...
折纸机器人的步骤图解_折纸图解飞机
折纸王子帮你找折纸图解你好,我是折纸王子,欢迎来到我的公众号. 折纸王子教你折纸,讲解详细,演示清楚,容易听懂,一学就会. 往期精彩: 圣诞节剪纸折纸大全43款万圣节折纸大全专辑 29款折纸张口 ...
折纸机器人的步骤图解_折纸图解老虎
折纸王子帮你找折纸图解你好,我是折纸王子,欢迎来到我的公众号. 折纸王子教你折纸,讲解详细,演示清楚,容易听懂,一学就会. 往期精彩: 圣诞节剪纸折纸大全43款万圣节折纸大全专辑 29款折纸张口 ...
折纸机器人的步骤图解_折纸图解走路的人
折纸王子帮你找折纸图解你好,我是折纸王子,欢迎来到我的公众号. 折纸王子教你折纸,讲解详细,演示清楚,容易听懂,一学就会. 往期精彩: 圣诞节剪纸折纸大全43款万圣节折纸大全专辑 29款折纸张口 ...

地图旋转_折纸效果三维旋转，不一样的地图页设计

地图旋转_折纸效果三维旋转，不一样的地图页设计相关推荐

最新文章

热门文章