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》~




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

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