我用PPT做了个渐变色生成器，“一点”出美色

不少朋友向我诉过苦，

说渐变色不好做，

总是辣眼睛。

本期，

我用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个部分进行讲解，

以下为详细操作视频：

本文源文件已打包，

关注头条号【黑白间设计】私信【渐变生成器】即可。