ppt讲解中的过渡_6个超实用方法:打造PPT立体空间感

bc17ca9c2dabfd52e506dd631e25338d.png

86181ca714a67c776e051bf5fa06dcde.png


首先来看下
PPT中的二维和三维

9ce2b78d91069521c4d27f2324c92923.png


我们设计PPT时
大部分设计都是在跟二维平面打交道
而二维平面只是两个维度
我暂且称这两个维度为XY轴

0967db887de8cfaf1d1e5466b54665b6.png


而三维立体效果
则是在两个维度XY轴基础之上
加个维度Z轴
从而让简单的二维效果立体化

3e927459ca84c42f036023847325cac5.png

71286b91434cf6e774b4f7bda0188272.png


所以我们接下来要探讨的重点就是
在二维的基础上

ddc45c23f46aa0874251f9b922d0ebed.png

fc57b87851752d49479f03959bb93497.png

ab3fc1680682a7586063729a2ff9902f.png

物体的投影可以暗示观测物体的距离
阴影更小,更黑,更清晰时
说明距离物体更近
阴影更大,更浅,更模糊时
说明距离物体更远

ddc45c23f46aa0874251f9b922d0ebed.png

1e167c759d63e6e82a8652319a400b3d.png

71286b91434cf6e774b4f7bda0188272.png


看过小龙哥《龙争虎斗》的应该注意过下面的场景

ddc45c23f46aa0874251f9b922d0ebed.png

c2b5ac7b24a4aef284dfb691726dc7aa.gif


我们可以通过阴影的大小判断
“侦察者”距离李小龙越来越近
生活中类似的场景很多

c3c6a076cb39c54205e4794f24e3fd12.png

6704cbd2a282f521195d09eb30e36d77.png

ddc45c23f46aa0874251f9b922d0ebed.png

78ba7441a445d1eaef17eefb93f779c5.png

edbc465f295ed5c1544b675166375fb5.png

ddc45c23f46aa0874251f9b922d0ebed.png

a5ba0ba52422fb1d52d29121d22591af.png


设置好阴影之后
空间感立马就有了

71286b91434cf6e774b4f7bda0188272.png

案例参考:(Tips:图片+形状布尔运算,然后添加阴影)

85fd4e6d4fa87a162c29fb14e9df05e6.png

71286b91434cf6e774b4f7bda0188272.png

加个平滑切换:(Office2019/365支持,文末附全部案例源文件)

c57fbaed7d216cde864b47419516633f.gif

71286b91434cf6e774b4f7bda0188272.png

594c4437e2110992aa9899541c75b0dc.png


斜阴影其实是手动添加的一种阴影表现形式,可以做到PPT阴影设置达不到的效果

71286b91434cf6e774b4f7bda0188272.png

斜阴影有两种表现形式
1元素外的斜阴影

ddc45c23f46aa0874251f9b922d0ebed.png

e570cdb98ec953211214b4b1261990f4.png

71286b91434cf6e774b4f7bda0188272.png


2元素内的斜阴影

ddc45c23f46aa0874251f9b922d0ebed.png

a3a25ba00a1d2eff35b56c974e094df5.png

71286b91434cf6e774b4f7bda0188272.png

8b22e6fc392818d05cee42d9ab7eaf48.png


1元素外的斜阴影
很明显元素外的斜阴影是添加渐变后的形状

ddc45c23f46aa0874251f9b922d0ebed.png

5dd8e6cf6fca421822e2dfe0fd514641.png

71286b91434cf6e774b4f7bda0188272.png


只不过这里的渐变形状有两点需要注意:1.关于渐变填充:
填充色块建议3个,依次为黑色-灰色-灰色,透明度依次提高(比如40-60-100),最后的色块必须透明度为100,角度大概60度即可

71286b91434cf6e774b4f7bda0188272.png

2.关于形状叠加:
渐变形状需要先倾斜后,置于顶层,摆放在元素对象上,进行格式-编辑形状-编辑顶点操作,从而把渐变形状和元素对象的结合点完美连接

2df63aa4cef3b8e06988c36cea32628e.png

71286b91434cf6e774b4f7bda0188272.png


编辑完顶点后,将渐变形状置于底层即可

ddc45c23f46aa0874251f9b922d0ebed.png

c75dc3676292510ab401026bd3b2b0f8.png

71286b91434cf6e774b4f7bda0188272.png


2元素内的斜阴影
这个效果的制作稍复杂些,篇幅较长
之前专门写过一篇教程
大家可以直接点击这里直达教程

71286b91434cf6e774b4f7bda0188272.png

1f05e0a419e136ff0805e4f73907cfa5.png


渐变,凹凸能展示光影效果从而展示出纵深感
光的明暗度可以展示出光源的三维位置关系

71286b91434cf6e774b4f7bda0188272.png

物体某个位置亮度高,说明距离近物体某个位置亮度低,说明距离远

71286b91434cf6e774b4f7bda0188272.png


明暗渐变的设置往往与设置阴影相结合
更能产生良好的微立体效果

c616c9db07eb5d7b1b1b39868049ca60.png

ddc45c23f46aa0874251f9b922d0ebed.png

2ba46b059c98ae923bebc51835938993.png

71286b91434cf6e774b4f7bda0188272.png

6ba2bdb01a2e441f40a2eb2332ed17a0.png

ddc45c23f46aa0874251f9b922d0ebed.png

5d5665f1db3c434c0a3f851741de8d1d.png

71286b91434cf6e774b4f7bda0188272.png

a93322acba6522ee8ba96be0440f33f3.png

ddc45c23f46aa0874251f9b922d0ebed.png

464cc1691493873a24659b58a1ea1677.png


两个形状叠加前的色块可以设置2-3个
颜色之间的过渡以相似色为佳
然后把其中一个的渐变角度
增加或减少180度左右即可

ddc45c23f46aa0874251f9b922d0ebed.png

59200f84f697c0740495f2439d889052.png

71286b91434cf6e774b4f7bda0188272.png


两者叠加后,全选两个形状
按Ctrl+G快捷键进行组合
然后设置阴影即可
阴影的距离可以大一些
模糊值高一些
角度也可以自行调整

ddc45c23f46aa0874251f9b922d0ebed.png

2dd25bb57f9a7956c0bf3d6c7253489c.png

7b84f87bd84f5067a8796ae2013eafd9.png

元素错位法多用于两种场景
1样机和图片错位

ddc45c23f46aa0874251f9b922d0ebed.png

0eedd7d6683312cb939ad1fe8dbfcd8f.png

71286b91434cf6e774b4f7bda0188272.png

5b15e2f6315a7c1d66e53a837d5afb50.png


这个效果的制作比较简单
无非是电脑样机+图片裁剪/抠图
抠图教程之前写过两篇
供大家参考
1.PS抠毛发教程
2.在线抠图工具

070010682092c5fccc4c544bdae8fb39.png

71286b91434cf6e774b4f7bda0188272.png

可复制网址https://dimmy.club/http://dunnnk.com/#0

71286b91434cf6e774b4f7bda0188272.png


2图片和形状/图片错位原始二维图片

ddc45c23f46aa0874251f9b922d0ebed.png

e03b5c32d465a340a67a08075c239709.png

71286b91434cf6e774b4f7bda0188272.png

错位图片立体化效果

ddc45c23f46aa0874251f9b922d0ebed.png

66f755df5730ad31e2fd599bb63770dc.png

2af8665ab2a67982aa7c7e83b41834b9.png

0c43b4e5c1e32a1c9d9985cb8750c601.png


插入一张图片并复制一张,两张保持大小相同

b14812f553520290ddfdaddb815725d8.png

d46f665842a0698d8e2921e7d4ef7344.png


插入-形状-梯形,如图覆盖图片下半身

8a259e62c00a15b04b6a70f3ac090a69.png

ed053f02529488154f7418d4f367b322.png


先选中图片,按住Ctrl再选择梯形,然后执行-格式-合并形状-相交,得到下图

30370aa853588fa401e83aa283ab9e63.png

59d3263ccbca92fc1131a8593f9b2408.png


选中另一张图片,双击后点击格式-删除背景,只留汽车部分,这里只需要保证汽车上半部分完整即可

ed8b752bb8f41211a1082a54acbfcc5e.png

67129cf8ad8002f7713069440af06143.png


将抠好的图片置于顶层,并与梯形图片重叠摆放即可完成,之后为梯形图添加线条,宽度6磅左右,然后添加阴影,完成最终效果

e58edfdb78f3396298c800392a66c11b.png

7c807f19cca40f91d7395e5c5b249fd8.png


镂空说白了就是大马路上的井盖
把盖子拿出来错开摆放
空间感就出来了

ddc45c23f46aa0874251f9b922d0ebed.png

17e10d9989165a3999cc3cf95a2edc2c.png

71286b91434cf6e774b4f7bda0188272.png


根据上文的渐变和阴影设置
制作下图图一阴影渐变
复制一个六边形
把阴影预设改为内部:左
适当调整角度,填充为纯色
两者叠加(内阴影六边形置于底层)

ddc45c23f46aa0874251f9b922d0ebed.png

9556df43f8880937b6b90ea115f6e8f0.png

7ccf7f9091618f15dc112d360719fbfb.png


连接两个相同视角形状中的“关键形状”
颜色进行针对“光源”不同设置举个例子
连接两个正视图矩形的梯形,处于侧光面,颜色要比两个正视图深一些,设置后形成光影变化,从而产生三维错觉

ddc45c23f46aa0874251f9b922d0ebed.png

6c0a5a5da3fea66a3771ff51fcf8f3ae.png

89e8b1d843cbdbda073bd4fb92c9e4c8.png


以上方法讲述的大多关于图片/形状
方法6我们针对文字进行立体感制作的讲解首先看个效果图

ddc45c23f46aa0874251f9b922d0ebed.png

案例: 渐隐文字结合图片元素

dd7541db2c3e0e31e02898f31cf9f71a.png

71286b91434cf6e774b4f7bda0188272.png


渐隐文字制作前(这只是一张JPG图片+文本的常规设计方法)

ddc45c23f46aa0874251f9b922d0ebed.png

a86b779466bd0ea6cb991a39f702ea12.png

71286b91434cf6e774b4f7bda0188272.png


渐隐字的制作方法(我们以论坛二字为例)

ddc45c23f46aa0874251f9b922d0ebed.png

c03c9da3c2754e721e764d36d66c25ba.png


选中论坛,点击设置形状格式-文本选项-文本填充为渐变

ddc45c23f46aa0874251f9b922d0ebed.png

f91e1071633cd6df6961cc711d571031.png


渐变光圈设置为3个色块,均为白色,色块透明度如上图,然后关键就是调整角度了,根据文字和图片契合点的角度,进行调整即可

71286b91434cf6e774b4f7bda0188272.png


学会方法6,下面这种图片

ddc45c23f46aa0874251f9b922d0ebed.png

b99924968ed01a36c3fb2f64e785d700.png

71286b91434cf6e774b4f7bda0188272.png


制作成立体空间感的就easy多了吧

ddc45c23f46aa0874251f9b922d0ebed.png

d6766b629a038b6f704b65a817e93dd7.png

72473ac5f39cf2232da31ddf857f926e.png


下图《微立体排版灵感手册》全套126页
内容已经按照封面/目录/过渡页/数据/地图/结构图/时间轴等做好分类大雄宝殿成员请到社群总目录中的第四部分《设计灵感库》中下载

ddc45c23f46aa0874251f9b922d0ebed.png

1904cfd3344129342a44341c251c24a5.png

71286b91434cf6e774b4f7bda0188272.png

4cbef25b7f98d6ab8f6374239370d90e.png


用好了三维旋转和三维深度
可以制作不错的2.5D风PPT
关于PPT三维
我们后边的文章再跟大家介绍

057be96e0c22f4b9613616194acb7ade.png

比如

ddc45c23f46aa0874251f9b922d0ebed.png

52ab385d081cce83810eec9c44f7ea17.gif

再比如

ddc45c23f46aa0874251f9b922d0ebed.png

b71dc9a5f4807e02145ca6002b0c0ef2.png

甚至这种

ddc45c23f46aa0874251f9b922d0ebed.png

33ddcd085634bb18d838dccb6adc78b9.png


尽在35节《PPT3D功能全揭秘》系统视频教程(点我直达课程链接)

ddc45c23f46aa0874251f9b922d0ebed.png

ad9de085fd9e8faabb381d06c03f95c9.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值