PPT三维折页,如何快速打造页面排版的高级感?

PPT三维折页,如何快速打造页面排版的高级感?

首页休闲益智三维折叠手机版更新时间:2024-04-16

PPT中三维格式参数的引入,算是在PPT页面设计中比较高阶的应用了,利用图形元素的三维参数的设置,不需要太多的专业技能,就能让3D设计为我们的设计带来更多的设计可能。

最近后台有位朋友留言,咨询了一个页面的设计:

关于这个页面的设计,我们称其为三维折页,这类PPT页无论在三维立体表达上还是变化动画,都在页面呈现上都是非常不错的。所以,今天我们为大家单独分享一下这种三维折叠页的玩法。

设计:PPT三维折叠页

折叠页设计,比较常见的是在一些宣传单的设计,为了营造更多的真实感而处理的一种样机效果,由于其立体性更强,所以展示力也会更好。

PPT三维折叠页,就很好理解了,当单页图片元素较多的时候,就可以利用这种方式来做页面排版。

关于其实现方式呢,整理了下,大概有三种:

1.基础折页:边角裁剪法

即利用三角形切割图形来来营造对应的折页效果。

(1)插入并列图片,并绘制插入三角图形。

(2)将三角图形分别遮挡到两张图片的底部,注意顶部对齐。

(3)最后稍微处理下,加上其他的页面元素,最终的页面呈现就可以是这种效果:

2.进阶折页:图形绘制法

即通过梯形图形的拼接来完成折页效果。

(1)在PPT页面中插入梯形图形。

(2)在PPT页面中插入梯形图形。

(3)补充其他页面元素,最终效果就是这样:

3.高阶设计:三维参数法

如果说前面两种方法是借助了一些图形元素或者区域遮挡造成的视觉“假象”来营造立体折页效果,其图片内容还是平面化的。

所以,要实现真正的立体视觉效果,我们就必须要利用PPT的三维参数来实现。

(1)插入两张图片,底部对齐设计在页面中。

(2)设置图片的三维参数:图1 x(290)/y(0)/z(0)/透视(70) ;图2 x(70)/y(0)/z(0)/透视(70)

注:为了形成对称面,只需要将对应的参数互补为360即可,例如左右堆成:x1 = 90°,那么 x2=360°- 90°;同理上下对称,即y坐标的互补角度即可。

(3)以此类推,就可以添加多层的图片

(4)最终,我们再按照自己的设计诉求,添加一些辅助的页面设计,就可以完成一个折页效果了。

拓展:两个小技巧

所谓的折页,无论通过“伪三维视觉”还是“真三维参数”,都是想用一些立体的手法来让页面设计更饱满和富有想象力,其应用还是比较突出的,在这个过程中,也有两个其他的技巧给大家分享出来。

1.平面折角:最简单的立体折角方法

如果觉得三维参数这些方式的设置稍显复杂,还有一种比较简单的立体呈现方式,那就是利用底部的“投影”,来反衬出立体折角效果。

实现效果:利用底部加一个简单的模糊平行四边形(渐变 柔化边缘的图形)

2.三维动画:感受平滑切换的展示力

页面的立体呈现效果确实很棒,同时为了强化这种立体效果,我们可以针对这种设计加一些3D动画效果。

说到这里或许你一定想起来:平滑切换,利用两页之间的效果,我们可以轻松完成一个平面页到3D折页的过渡效果。

这块的制作比较简单,其实就是在复制前一页,然后在新的3D折页设置一个平滑效果即可。

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

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

是不是效果一下子自然了很多,这是目前平滑切换的机制造成的变化差异,所以如果需要加这种平滑动画,我们就手动补充一些微型参数即可。

借助这样的3D平滑效果,我们就能让我们的折页效更加生动了,做了一些示例如下:

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved