当前位置: 首页 > 滚动 >

教你做质感超强的PPT圆形按钮

时间:2022-10-24 09:26:10 来源:IT之家  阅读量:18612   

原标题:《PPT:你对我的能力一无所知,请直接填充纹理!》

今天教我的大学生用PPT画了四个超级有质感的圆形按键,作为图标基板,效果很好可以用手试试

该按钮的效果如下:

有朋友可能知道,我们曾经发过一个教程,教你怎么画几个PPT按钮:

它太大了PPT里的按钮都好漂亮

今天的教程略有不同:

01.以前的按键大多是条形按键,这个是圆形按键,所以图形变化的难度不一样,

2.之前给出了每个按钮的具体参数,但是很多同学在画图的时候反应参数并不匹配。这是因为参数受主题颜色和页面大小的影响,不同的电脑在画图时要用不同的参数,所以本教程只讲原理,不给出具体参数,

03.这次除了基本的图形叠加,还会给大家展示一些PPT插件的特殊功能,

04.此次绘制的按钮与主题颜色绑定,支持一键换色。

最近怎么样。心!

按钮一

这是一个比较圆的微型立体按键,由6层图形叠加而成。

让我们先从底部开始画:

从左上角到右下角添加光线渐变两个光圈在主题色上都绑定了粉色,通过调节光圈的亮度可以实现明暗的变化

左上角亮度设置为98%,接近白色,看起来最亮,右下角的亮度是80%,看起来很亮,但是有一些淡淡的粉色。

同时加入了朝向右下角的阴影效果,主题色中的粉色势必会增加阴影的距离和模糊值:

需要注意的是,所有的背面图形在绑定的主题颜色中都是一样的颜色,所以不要使用除了白影以外的第二种颜色,这样在修改主题颜色的时候就不会出错。

然后绘制上一层,设置渐变填充,进一步提高两个光圈的亮度:

不同的是这一层需要添加一些边缘软化的效果,这样叠加在一起的时候,上下两层会因为渐变的不同而看起来微微凸起。

在下一个级别,设置光线渐变填充,添加光圈,绑定主题颜色并设置不同的亮度:

之所以增加一个光圈,改为光线渐变,而不是像以前那样使用线性渐变,是为了进一步加强球体的效果,让渐变看起来更加平滑自然。

与上一个不同的是,这里有一个朝向左上角的内部阴影,它有非常小的模糊和距离,可以使阴影看起来像一条细细的渐变线:

在下一个级别,进一步缩小圆圈并再次增加亮度:

然后,在上面叠加一个较小的同心圆,稍微降低渐变的亮度,设置漫射阴影效果:

最后,在顶层叠加一个同样大小的圆,设置一个柔化的边缘,让它看起来微微凸起:

至此,第一个三维按钮已经绘制完成,没有使用任何特殊技能是基本的风格设定,大家应该很快就能做出来

按钮二

这是一个有凹形效果的微型立体按键,也是由6层图形组成。

底层是一个近乎纯色的圆圈,由两个亮度分别为90%和80%的光圈组成:

再往上一层,很多人可能不知道如何立刻完成这个图形:

其实填充的渐变是不变的,只是增加了一条绑定主题颜色的渐变线,从深色到完全透明。

同时在右下角添加一个白色的内阴影阴影的透明度为0,模糊值和距离都很小,所以看起来像一条进去的细线

在下一层,添加一个较小的同心圆填充的梯度亮度可以更低

然后在顶部叠加一个相等的圆,设置渐变和描边:

然后在上面再加一层稍微小一点,亮一点的同心圆,将白色内阴影设置向左上角:

最后,在顶部添加一个相等的圆,并设置柔化边缘效果:

这一步非常关键注意观察这里的渐变填充在左上角变暗,在右下角变亮

渐变方向反转后,按钮可以由凸效果变为凹效果。

按钮三

看了上面的叠加操作,相信有朋友会说,我就做这个按钮,是多层阴影叠加。

其实没那么简单。

如果这是一个非透明按键,几乎没什么可讲的,思路和前面差不多。

但是当我们改变背景时,你会发现这个按钮的中间被掏空了:

那么问题来了:为什么空心图的右下角可以有不规则的阴影。

方法也很简单首先,将圆形设置为无填充,并添加一个更粗的渐变笔触

然后,在OKPlus的更多函数中使用阴影,使函数始终显示,这样即使没有填充颜色,形状也能保留外部阴影:

之后再添加一层同样阴影显示的白色外阴影,模拟右下角的光线:

这时候不知道大家有没有发现:同样大小的圆,加上同样的笔画,为什么这个圆的笔画是朝内的。

这是因为用了OKPlus更多功能里的轮廓设置,然后用上层的轻描淡写,也用了这个功能:

外阴阴影完成后,我们开始做圆形内部的阴影效果。

其实这是通过用渐变填充加透明来实现的,因为在镂空或者用透明填充的情况下,加了内阴影后整个图形会蒙上一层颜色,无法实现真正的镂空。

其余其他图层原理相同,即使用半透明光线渐变填充模拟内阴影效果,但亮度和方向有所调整:

怎么样画完第三个按钮,是不是学到了很多新知识

四个按钮

这个按钮比较简单如果你已经掌握了以上所有的技巧,你可以把这个按钮作为你的作业不看教程试着自己画

由4层图形叠加而成,下面两层设置了自上而下的渐变和向下的外阴影效果,只是阴影的颜色和参数略有不同:

在下一层,添加一个更小但更亮的同心圆,并设置渐变填充:

唯一的区别是最上面的层,这是一个轮廓设置和渐变笔触的不规则图形:

画图方法也很简单,用两个圆布尔运算——减法就行了,然后用口袋动画或者郝颖插件把下面两个角圆化。

在绘制有纹理的图形时,偶尔加入一些不规则的形状,可以进一步增强图形的设计感,使其看起来与众不同,比如这样:

或者像这样:

好了,今天的按键教程到此结束。

PPT制图光看很难掌握可以练习一下学会了之后,还可以自己做纹理材质

声明:以上内容为本网站转自其它媒体,相关信息仅为传递更多企业信息之目的,不代表本网观点,亦不代表本网站赞同其观点或证实其内容的真实性。投资有风险,需谨慎。