文章图片
（2）设置图片的三维参数：图1x(290)/y(0)/z(0)/透视(70)；图2x(70)/y(0)/z(0)/透视(70)

文章图片

文章图片
注：为了形成对称面 ， 只需要将对应的参数互补为360即可 ， 例如左右堆成：x1=90° ， 那么x2=360°-90°；同理上下对称 ， 即y坐标的互补角度即可 。
（3）以此类推 ， 就可以添加多层的图片

文章图片
（4）最终 ， 我们再按照自己的设计诉求 ， 添加一些辅助的页面设计 ， 就可以完成一个折页效果了 。

文章图片
拓展：两个小技巧
所谓的折页 ， 无论通过“伪三维视觉”还是“真三维参数” ， 都是想用一些立体的手法来让页面设计更饱满和富有想象力 ， 其应用还是比较突出的 ， 在这个过程中 ， 也有两个其他的技巧给大家分享出来 。
1.平面折角：最简单的立体折角方法
如果觉得三维参数这些方式的设置稍显复杂 ， 还有一种比较简单的立体呈现方式 ， 那就是利用底部的“投影” ， 来反衬出立体折角效果 。

文章图片
实现效果：利用底部加一个简单的模糊平行四边形（渐变+柔化边缘的图形）

文章图片
2.三维动画：感受平滑切换的展示力
页面的立体呈现效果确实很棒 ， 同时为了强化这种立体效果 ， 我们可以针对这种设计加一些3D动画效果 。
说到这里或许你一定想起来：平滑切换 ， 利用两页之间的效果 ， 我们可以轻松完成一个平面页到3D折页的过渡效果 。
这块的制作比较简单 ， 其实就是在复制前一页 ， 然后在新的3D折页设置一个平滑效果即可 。

文章图片

文章图片
但是有个细节：如果从一个“平面图片”到有“三维图片”直接应用平滑 ， 效果不会太好 ， 会退化为淡出效果 。

文章图片
我们可以给平面加一个“很小的3D参数” ， 这样效果就会很好了 。

文章图片

文章图片
是不是效果一下子自然了很多 ， 这是目前平滑切换的机制造成的变化差异 ， 所以如果需要加这种平滑动画 ， 我们就手动补充一些微型参数即可 。
借助这样的3D平滑效果 ， 我们就能让我们的折页效更加生动了 ， 做了一些示例如下：

文章图片

文章图片

文章图片

• 聚成教育Word文档如何快速实现段落整体上下移动
• 晨财经陈春花：如何做到美国围剿之下的强劲增长？华为像是一个植物|2020财经云峰会
• 聚成教育Word 复制文字到PPT 时，如何保留或清除格式，从
• 淘宝■互联网公司是怎么赚钱的？如何把流量变成现金呢？
• 『宇航员』当宇航员在舱外工作时不小心脱离国际空间站，该如何实现自救？
• 【载人飞船】“胖五”柔性充气性返回舱异常，问题大不大？看专家如何解读
• 科普大世界新一代载人飞船的返回与降落表现如何？载人飞船总设计师：满分
• 【科学家】美国男子被足足冷冻50年，计划在三年前苏醒，后来结局如何了？
• 说网店淘宝新手开网店如何运营？，
• 小胖有技能你选对了吗？，如何为父母选择合适的智能手机？把握这几点就可以