原标题:《PPT:你对我的能力一无所知,请直接填充纹理!》
今天教我的大学生用PPT画了四个超级有质感的圆形按键,作为图标基板,效果很好可以用手试试
该按钮的效果如下:
有朋友可能知道,我们曾经发过一个教程,教你怎么画几个PPT按钮:
它太大了PPT里的按钮都好漂亮
今天的教程略有不同:
01.以前的按键大多是条形按键,这个是圆形按键,所以图形变化的难度不一样,
2.之前给出了每个按钮的具体参数,但是很多同学在画图的时候反应参数并不匹配。这是因为参数受主题颜色和页面大小的影响,不同的电脑在画图时要用不同的参数,所以本教程只讲原理,不给出具体参数,
03.这次除了基本的图形叠加,还会给大家展示一些PPT插件的特殊功能,
04.此次绘制的按钮与主题颜色绑定,支持一键换色。
最近怎么样。心!
按钮一
这是一个比较圆的微型立体按键,由6层图形叠加而成。
让我们先从底部开始画:
从左上角到右下角添加光线渐变两个光圈在主题色上都绑定了粉色,通过调节光圈的亮度可以实现明暗的变化
左上角亮度设置为98%,接近白色,看起来最亮,右下角的亮度是80%,看起来很亮,但是有一些淡淡的粉色。
同时加入了朝向右下角的阴影效果,主题色中的粉色势必会增加阴影的距离和模糊值:
需要注意的是,所有的背面图形在绑定的主题颜色中都是一样的颜色,所以不要使用除了白影以外的第二种颜色,这样在修改主题颜色的时候就不会出错。
然后绘制上一层,设置渐变填充,进一步提高两个光圈的亮度:
不同的是这一层需要添加一些边缘软化的效果,这样叠加在一起的时候,上下两层会因为渐变的不同而看起来微微凸起。
在下一个级别,设置光线渐变填充,添加光圈,绑定主题颜色并设置不同的亮度:
之所以增加一个光圈,改为光线渐变,而不是像以前那样使用线性渐变,是为了进一步加强球体的效果,让渐变看起来更加平滑自然。
与上一个不同的是,这里有一个朝向左上角的内部阴影,它有非常小的模糊和距离,可以使阴影看起来像一条细细的渐变线:
在下一个级别,进一步缩小圆圈并再次增加亮度:
然后,在上面叠加一个较小的同心圆,稍微降低渐变的亮度,设置漫射阴影效果:
最后,在顶层叠加一个同样大小的圆,设置一个柔化的边缘,让它看起来微微凸起:
至此,第一个三维按钮已经绘制完成,没有使用任何特殊技能是基本的风格设定,大家应该很快就能做出来
按钮二
这是一个有凹形效果的微型立体按键,也是由6层图形组成。
底层是一个近乎纯色的圆圈,由两个亮度分别为90%和80%的光圈组成:
再往上一层,很多人可能不知道如何立刻完成这个图形:
其实填充的渐变是不变的,只是增加了一条绑定主题颜色的渐变线,从深色到完全透明。
同时在右下角添加一个白色的内阴影阴影的透明度为0,模糊值和距离都很小,所以看起来像一条进去的细线
在下一层,添加一个较小的同心圆填充的梯度亮度可以更低
然后在顶部叠加一个相等的圆,设置渐变和描边:
然后在上面再加一层稍微小一点,亮一点的同心圆,将白色内阴影设置向左上角:
最后,在顶部添加一个相等的圆,并设置柔化边缘效果:
这一步非常关键注意观察这里的渐变填充在左上角变暗,在右下角变亮
渐变方向反转后,按钮可以由凸效果变为凹效果。
按钮三
看了上面的叠加操作,相信有朋友会说,我就做这个按钮,是多层阴影叠加。
其实没那么简单。
如果这是一个非透明按键,几乎没什么可讲的,思路和前面差不多。
但是当我们改变背景时,你会发现这个按钮的中间被掏空了:
那么问题来了:为什么空心图的右下角可以有不规则的阴影。
方法也很简单首先,将圆形设置为无填充,并添加一个更粗的渐变笔触
然后,在OKPlus的更多函数中使用阴影,使函数始终显示,这样即使没有填充颜色,形状也能保留外部阴影:
之后再添加一层同样阴影显示的白色外阴影,模拟右下角的光线:
这时候不知道大家有没有发现:同样大小的圆,加上同样的笔画,为什么这个圆的笔画是朝内的。
这是因为用了OKPlus更多功能里的轮廓设置,然后用上层的轻描淡写,也用了这个功能:
外阴阴影完成后,我们开始做圆形内部的阴影效果。
其实这是通过用渐变填充加透明来实现的,因为在镂空或者用透明填充的情况下,加了内阴影后整个图形会蒙上一层颜色,无法实现真正的镂空。
其余其他图层原理相同,即使用半透明光线渐变填充模拟内阴影效果,但亮度和方向有所调整:
怎么样画完第三个按钮,是不是学到了很多新知识
四个按钮
这个按钮比较简单如果你已经掌握了以上所有的技巧,你可以把这个按钮作为你的作业不看教程试着自己画
由4层图形叠加而成,下面两层设置了自上而下的渐变和向下的外阴影效果,只是阴影的颜色和参数略有不同:
在下一层,添加一个更小但更亮的同心圆,并设置渐变填充:
唯一的区别是最上面的层,这是一个轮廓设置和渐变笔触的不规则图形:
画图方法也很简单,用两个圆布尔运算——减法就行了,然后用口袋动画或者郝颖插件把下面两个角圆化。
在绘制有纹理的图形时,偶尔加入一些不规则的形状,可以进一步增强图形的设计感,使其看起来与众不同,比如这样:
或者像这样:
好了,今天的按键教程到此结束。
PPT制图光看很难掌握可以练习一下学会了之后,还可以自己做纹理材质