欢迎光临散文网 会员登陆 & 注册

绝了!我给微信读书做了一页立体风PPT,比迪丽热巴的脸还立体!

2023-07-19 08:45 作者:秋叶-PPT  | 我要投稿

大家好,我是秋叶 PPT 训练营的学员绍爷!一个偶尔做 P,赚钱养猫的广东靓仔。


 今天我想给大家介绍的是 2.5D 设计风格在 PPT 中的运用。 什么是 2.5D 风格呢?


 它的兴起,主要是因为一款游戏——《纪念碑谷》:


 

近几年来,2.5D 的风格非常的流行,广泛的运用在了各个设计领域,比如下面的这些海报或 Banner 设计:


 2.5D 是带有 3D 平行透视角度+2D 设计风格的结合,效果比平面的设计更突出,但是制作难度远远低于 3D,用 PPT 也是能够轻松实现的。


那么具体改如何实现呢? 


接下来,我就以我在秋叶 PPT 训练营里提交的一份作业为例,来为大家做个详细的拆解~ 今天的内容非常硬核,一定要认真看!




 作业说明&基本构思


原始的作业要求&素材如下:

 要求:


❶ 为微信读书 APP 制作一页产品介绍 PPT


❷ 页面比例为 16:9

❸ 除提供素材外,可根据需要自行搜索补充素材

❹ 整体风格与 APP 主视觉保持一致

❺ 更多资料可前往官网或百度查看

❻ 官网:https://weread.qq.com/ 


素材:

微信读书 Logo、手机 APP 截屏、水墨屏电子阅读器截屏。


 秋叶 PPT 训练营的一个有趣的地方是,大家打卡的作业都是可以看哒,也可以看到导师的点评。所以我就很喜欢逛逛精选作业区😜


结合了同学们的精选作业的创意、以及微信读书的产品调性,我产生了这样的构思: 


❶ 对素材进行三维格式设置,加入立体矩形,2.5D 插画等素材,丰富场景层次感;

❷ 截图素材选用彩色版,呼应微信读书常规版的主视觉;

 ❸ Slogan 改为「有趣的灵魂,终会遇见」,从另一个角度来诠释「不再孤单」。

PS. 但是实际设计场景中,肯定不能随便改甲方爸爸的 Slogan 哦~

终稿输出步骤拆解

 
噔噔,请看终稿效果图:



如果你也想做出这样有趣的 PPT,欢迎加入《秋叶 PPT 3 天集训营》,一起提升~



接下来是大家最关心的环节啦,给大家拆解一下我是怎么做出来这一页的。


⭐准备工作


❶ 配色:主色-Logo 蓝色、辅色-浅蓝色

❷ 字体:Logo-思源宋体 CN Heavy、Slogan&正文-思源黑体 CN Extra Light

❸ 素材:Logo&产品展示,2.5D 人物素材

❹ 风格:扁平化互联网风+2.5D 立体


⭐图片素材处理


为了契合我们的风格定位「扁平化」以及与 Logo 统一,需要将图片处理为圆角矩形。


 路径:新建矩形-调整顶点(弧度接近 Logo)-选中图片&矩形-合并形状-相交= 图片素材 GET√


 这里对于入门的同学有两个知识点要注意:

 ❶ 圆角矩形的控点  

❷ 合并形状 


路径:先选中一个对象——按住 Ctrl 再选中第二对象——绘图工具——合并形状(里面有 5 个结合方式,同学们自己去尝试哦) 注意,结合后的格式=第一个选中的对象的格式,先选图片,再选形状,得到的结合图形,就是图片格式的。


 好了我们继续素材准备工作: 另外保存一个圆角矩形,填充 Logo 蓝。


新建文本框输入 Logo、Slogan、正文,填充 Logo 蓝。Slogan 加双引号修饰,填充 Logo 蓝。



⭐排版规划


现在我们的基础素材都准备好了:  接下来按照阅读习惯(从左到右,从前到后)规划一下排版:


 

大 Logo 和图片构成一个路口场景;
大 Logo 作为品牌标识,放在最左边,让读者首先看到;
顺着大 Logo 往右上走放置 Slogan 和小 Logo;
图片 1 有书本图案颜色比较好看,放在右前方做产品内容展示;
图片 2 以文字为主颜色比较素,放在上部做背景;


正文放哪呢?啊弟弟我也不知道,哪里有空位放哪里吧……(没错,就是这么敷衍)


但乱排之后发现各个素材的分布竟然形成了一个圆,好像很厉害的样子。哈哈哈~~~


⭐ 三维设置

这一步就是打造 2.5D 立体感的关键啦! 


首先要对正文进行向右 90°旋转使其和大 Logo 的右侧边平行,这样就可以统一设置一样的三维旋转。


 

完成上一步之后,就可以对大 Logo、图片、形状、Slogan 设置: 路径:选中对象-效果-三维旋转-预设-平行,找到这个样式:


 然后对小 Logo 设置另一个样式:



 

为什么是这两个样式呢? 因为这两个样式刚好可以构成一个垂直的关系,这样就可以做出小 Logo 竖在地面的效果啦~


 看到这里,有些同学懵了,所谓的 XYZ 旋转参数,会使对象发生什么变化呢? 如下图这个硬币,实际就是一个 X 旋转。




Y 旋转、Z 旋转,就是另外两个方向了,大家实操一下就知道了。 经过这一步,基本场景已经搭建出来了:


 

⭐细节润色

看了上面的半成品,好像少了个什么东西?

是的,棱台的厚度没有设置呢。 为了突出对比,我设置了深色背景方便大家看清楚:


 上面如何设置,才能变成下面的效果呢?这个也是最多同学问我的问题了。


 干货来了,路径:


❶ 设置棱台的厚度:选中对象-效果-三维格式。


 深度——设为 88,浅蓝色。材料——标准。光照——特殊格式——平面。


 调整了这个参数之后,棱台的厚度就「长」出来啦!


 

❷ 添加棱台的高光:


 深度颜色、材料、光照的设置使得高光不明显,所以我们可以另外给他画个高光。

高光是什么呢?


原理如下,圆柱的曲面受光线照射会形成 N 条各种各样的光。


 当然我们不需做到下面那么细致,所以我决定用一个渐变的白色形状来画高光: 因为这个矩形转角有上下两个曲边,所以直接用矩形做高光是不够细致的,需要进行布尔运算得到一个贴合曲边的形状: 

 高光渐变参数设置: 

 三个光圈都设置为白色,左右两个设置为 100%透明度,中间设置为 50%左右透明度。


⭐加入插画丰富视觉


 因为 Slogan「让阅读不再孤单」、引申出「有趣的灵魂,终将遇见」,这个产品概念是指向社交目的的。

所以就去搜索相关人物插画素材,营造社交的感觉。 一开始我搜索「插画人物」得到的很多都是如下这种的素材: 

 这个视角是平视的,不符合「2.5D」俯视 45°的视角。说明关键词不够精准了。


所以再以「2.5D 人物」去搜索,最终找到了比较心仪的素材——动作、肢体、配色符合场景:


 把这几个「公仔」安放到 PPT 里,「转角遇到爱」的感觉就出来啦!


 注意人物脚底阴影的统一哦!


原素材两个男生都没有阴影,所以大家看到的是我另外加上去的。 我们有才又可爱的 @黑犬 老师,还来了一个有趣的版本的哈哈哈:


 PS. 黑犬老师,可是秋叶 PPT 训练营的明星导师、为世界 500 强企业提供 PPT 定制服务的设计师哦!




感激大家看到这里,最后给大家来个小回顾:


❶ 对于我们小白和进阶的同学,多看佳作,多去思考,有助于迸发出自己的创意哦!


❷ 设计要深刻理解产品要传达的内容,才能做出符合主题的作品!


❸ 要学会对关键词举一反三、顺藤摸瓜,才能快速网搜到你想要的素材!


 分享结束,希望对各位 PPTer 有帮助!

如果你也想学好 PPT,欢迎加入《秋叶 PPT 3 天集训营》,一起提升~

B站粉丝福利,现在只需 1 元即可咨询加入 👇



*广告




绝了!我给微信读书做了一页立体风PPT,比迪丽热巴的脸还立体!的评论 (共 条)

分享到微博请遵守国家法律