太卷了,PPT里的按钮都这么好看,最后一款简直了!

太卷了,PPT里的按钮都这么好看,最后一款简直了!

除了创意与版式,普通人与高手做的 PPT 最大不同之处,往往是这两个字:细节。

同样的文字、同样的卡片、同样的按钮,你花的心思越多、细节越丰富,这页 PPT 看起来就会越值钱。

今天就带大家用 PPT 做 8 款不同的按钮,了解文本底部一个小小的圆角矩形容器,里面的细节可以丰富成啥样!

先来看看最终效果:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

怎么样?是不是很赞?

感兴趣的话,可以打开 PPT 边看边做哦~

按钮一

太卷了,PPT里的按钮都这么好看,最后一款简直了!

它由 3 个形状组成:

接下来,依次分享这 3 个形状的参数。

先看第 1 个,绘制圆角矩形:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

添加红色线性渐变:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

添加白色内阴影,使形状看起来稍微有些立体感。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

再来看第 2 个形状:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

复制第 1 个形状,去掉内阴影,设置为纯色填充。

第 3 个形状:梯形,只调整阴影参数即可。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

最后,调整图层的上下关系,将它们合在一起即可:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮二

太卷了,PPT里的按钮都这么好看,最后一款简直了!

与上一个按钮做法相似,多了图片纹理效果。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

先看最底部的形状:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 2 个是 90° 线性渐变:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

最后 1 个是重头戏,先寻找一张纹理图:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

选中纹理,使用自带的“图片格式-颜色-设置透明色”。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这样白色就可以删除掉:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

接着先选背景的渐变图案,然后再选择纹理图,使用“Ok10-图片混合-正片叠底”功能:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

便可以给纹理换个颜色:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

横向复制几个拼长图,全选组合后转为图片。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

复制第 1 个圆角矩形与其布尔运算-相交,记得先选图片再选形状。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

接着提高图片亮度:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

最后一步给其设置渐变,需要 3 个光圈:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这里不要犹豫,只要图片有镂空或透明度,就能做渐变。

将 3 个形状叠加起来,这个按钮就搞定啦:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮三

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这个比较简单,两个相同的形状使用不同的阴影,最后叠加在一起即可。

上层形状使用的是白色阴影:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

下层形状使用的是深蓝色阴影:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

然后将这两个形状叠加起来,搞定:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮四

太卷了,PPT里的按钮都这么好看,最后一款简直了!

使用 4 个形状叠加,我们从底层做起。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

复制这个形状,加 1 磅白色描边,并添加白色内阴影:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

复制一层圆角矩形,手动缩小,添加浅蓝色外阴影。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

最后再复制一层:添加白色内阴影。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

将这 4 个形状合并,效果如下:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮五

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这个按钮做起来也简单,只需要两个阴影不同的圆角矩形直接叠加即可。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 1 个参数是这样的:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 2 个的阴影参数如下:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

麻溜滴将两个形状合并在一起即可:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮六

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这个和自带的阴影略有不同,用了两个相同的形状叠加,效果分别是阴影和映像。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

先看第 1 个形状的阴影参数:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

再看第 2 个形状的映像效果:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

将两个形状顶部对齐,搞定!

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮七

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这个按钮效果用在深色底的科技风页面中很不错,它是由下面 3 个图形合在一起的:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

先看第 1 个,绘制 1 个圆形,使用纯色填充,添加柔化边缘,再转化为图片。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

准备两个一样的圆角矩形,先用第 1 个与刚刚得到的图片相交,做出最上层的效果:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

接着,为剩下的圆角矩形设置填充和线条效果:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

渐变设置完成后,打开“口袋动画-更多设计-超级蒙版”,调整渐变中心。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

并添加 2 磅的绿色描边:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 3 个图形,只需要添加渐变填充:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

最后,将做好的 3 层图形合在一起即可:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

按钮八

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这个压轴的按钮略微复杂~不过也是由多个形状组合而成的。

下面是拼合的几层图形,数字越小,图层越靠上:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

先看第 5 组,阴影有 3 层,所以需要 3 个形状。

太卷了,PPT里的按钮都这么好看,最后一款简直了!

这是一层白色阴影:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 4 层,为其设置如下的渐变与阴影:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 3 层,为圆角矩形设置渐变与柔化边缘:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

太卷了,PPT里的按钮都这么好看,最后一款简直了!

第 2 层,为圆角矩形设置半透明渐变:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

最上层,只需要画两个纯色的形状,简单添加柔化边缘即可。

纯色填充色值为:#EAF6EE,透明度 44,柔化边缘 4 磅。

最后,将所有形状合并起来,搞定:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

如果一步步跟着做下来,会发现这 8 个按钮原理并不复杂,但效果比扁平的圆角矩形可好太多了。

这几个按钮的源文件,我也为大家准备好了,如果想要拆解学习的话,直接在公众号【自律的音律】对话框回复【0815】即可获取。

以上,就是今天分享的全部内容,希望大家喜欢~

如果想学习更多样式效果,或想跟大家一起做练习提高,也欢迎加入我们的付费社群:

太卷了,PPT里的按钮都这么好看,最后一款简直了!

------
公众号:自律的音律
原文链接:太卷了,PPT里的按钮都这么好看,最后一款简直了!

版权声明:自律的音律 发表于 2022年8月15日 下午12:31。
转载请注明:太卷了,PPT里的按钮都这么好看,最后一款简直了! | AboutPPT导航

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...