发布网友
共1个回答
热心网友
不少朋友向我诉过苦,说渐变色不好做,总是辣眼睛。
本期,我用PPT做了这么个渐变生成器。点一次,就会生成一组和谐的渐变色。不喜欢,就多点几次,遇到喜欢的,直接格式刷到自己的形状上就行。
制作思路和关键步骤:
1、色彩三要素:这是PPT的颜色设置界面。横轴代表了色相,可以理解为颜色的名字。比如红色、绿色、黄色等等,纵轴代表了饱和度,表示颜色中所含有色成分的比例,饱和度越高,颜色越鲜艳。右侧单独的条形区域,是明度。色相、饱和度、明度,称为色彩三要素,用它们作为参数描述颜色,就是HSL色彩模式。它相比RGB色彩模式而言,更符合人类思考习惯,对控制颜色变化更有指导意义。
2、渐变原理:一束白光可以分解出所有色相。我们保持S和L参数不动,只变化一个H参数,就相当于在一个娘生的兄弟里挑了两个出来。举个实例,在双色渐变中,将第2个渐变滑块设置为和第1个滑块同色,然后再点击色彩下拉栏中的【其他颜色】,平行于横轴,在原始颜色右侧不远处再选一个颜色,这实际上就是只变化了色相,这个渐变看起来就比较和谐。再来一次,回到原始颜色,这次我不往右边找,往左边找,看起来也比较和谐。这些都是色相渐变。如果保持HSL的H和S不变,只变化L,就是明度渐变。选中第二个滑块,在右边条形控制区域,直接将滑块给拉下来,得到明度渐变。
3、平面框架:色彩原理清楚了,接下来做工具的平面框架,我在页面上绘制了10个圆角矩形,给它们设置渐变外框和外阴影,增加一点儿设计感。点击文件【选项】按钮,在【自定义功能区】中,找到【开发工具】并勾选,菜单栏出现了开发工具选项卡,插入一个【命令按钮】控件,右键选择【属性表】,在caption里输入内容文字。平面框架完成。
4、VBA实现:接下来需要把逻辑流程变为程序,双击控件打开VBA窗口,按以下逻辑编程。第一步:随机生成一组HSL值。第二步:以 [0,255] 为范围,自义定步长移动原始H和L值,得到新的HSL值。第三步:因为PPT中的VBA填充对象没有HSL属性,只有RGB属性,所以需要自己定义转换函数,将HSL值转换为软件能识别的RGB值。第四步:以原始值和多组新值为输入,赋予每个形状渐变色。具体的代码,感兴趣的朋友可在视频或源文件里查看。
详细操作教程:整个设计的制作拆解为4个部分进行讲解,以下为详细操作视频:本文源文件已打包,公号【黑白间设计】关键词【渐变生成器】。