logo
Redian新闻
>公众号
>
绝了！我给微信读书做了一页立体风PPT，比迪丽热巴的脸还立体！

绝了！我给微信读书做了一页立体风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 天集训营》，一起提升~

公众号读者福利，现在只需 1 元即可咨询加入 👇


*广告


🎁

抽 2 位宝儿包邮送：49.9 元的《和秋叶一起学 秒懂 PPT》~



❤

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
来源: qq
点击查看作者最近其他文章
相关阅读
到底是啥样的黄金脚趾？同框比刘亦菲的脸还吸睛！她被称为热巴&杨幂的结合体，做出来的PPT，却丑到没眼看……迪丽热巴成为爱琴海代言人；广州流行前线撤场；上半年社零总额增长8.2％；美邦服饰预计上半年扭亏为盈；“夜淘宝”将上线｜联商头条迪丽热巴：露不露胸口，我都要挨骂太假了！迪丽热巴新剧，背景假到没眼看？来看看我用PPT做的……为卫龙辣条做了份PPT，绝了！孔子这套中国风PPT，太美了！@Jennie，这场面如你所愿，迪丽热巴都开始复刻你的头…北京什么时候攻打台湾？2025年?迪丽热巴：露不露胸口，都得挨骂「跳水皇后」郭晶晶同框影剧天后 世纪合照气场强大 迪丽热巴演检察官 网：看眼神全招了我给抖音改了份PPT，这色彩太美了！脱衣造黄谣，意淫迪丽热巴，这“丑闻”吓得我头皮发麻…迪丽热巴 向阳而生迪丽热巴新剧真难看啊！中东行散记（五）：聊一点点历史72岁港星谭咏麟自曝病了 4天瘦15磅 孙俪大热天包紧紧 网友吐槽：养生过度变老态 迪丽热巴露背现身机场 惨遭路人摸背粉丝气炸迪丽热巴、黄景瑜绯闻升级 又有新证据被扒出…MBB 13万一页的PPT vs 留学生做的PPT！看到第一页就跪了迪丽热巴穿深V“丢脸”？那你再看看杨紫......迪丽热巴一夜翻车，她冤不冤啊？“养天地正气”的圣经解释“全民反诈教科书”《公诉》收官，迪丽热巴提醒网友……给瑞幸咖啡做了一份PPT，同事看后直夸：意犹未尽~用3招，教你彻底搞定亮眼的立体风PPT！解密微信读书：如何让用户上瘾迪丽热巴新剧被黑？85花的恋情瓜？大白牙女星倒油前任？女团成员退出娱乐圈？宋慧乔豪宅出事了 庞然大物从天而降 刘恺威带女儿现身加拿大 遗传妈妈杨幂大长腿 迪丽热巴不理酸民 遭偷摸后穿更少 美背露到腰十四 中苏友好深圳突发！意外暴跌，5年新低！AI诈骗大爆发，一男子9秒被骗132万！杨幂、迪丽热巴也"中招"看完热巴的书单，才明白她和王楚然的择偶标准为何两模两样…十三 三反三联中读×微信读书 | 联合会员买1得2，抢疯了“又要露又要捂，那你别穿啊！”金星这是在内涵迪丽热巴吗？迪丽热巴的蝴蝶臀，绝美身材我沦陷了，一张gif图撩翻百万网友！
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章，不代表同意其说法或描述，仅为提供更多信息，也不构成任何建议。文章信息的合法性及真实性由其作者负责，与Redian.news及其运营公司无关。欢迎投稿，如发现稿件侵权，或作者不愿在本网发表文章，请版权拥有者通知本网处理。