这周锤子科技的「坚果Pro」发布会，大家都看了么？
嗯，即便算不上忠实的锤粉，但好歹陈老师还是买过「坚果」初代机的伪锤粉一枚，虽然暂时不打算入新手机把玩，本着对老罗个人魅力的崇拜，我还是关注了一下这场盛大的相声表演哦不……是手机发布会。
发布会开场之前，在LED屏幕上先声夺人的这颗巨大的药丸，可谓是吊足了网友们的胃口：
看完发布会之后，大家都知道了，这颗巨大的胶囊，指的是这次锤子系统新增创新功能的一大卖点——「闪念胶囊」。
这一项微创新的功能，可以让用户在不解锁的情况下用语音记录下一些一闪而过的灵感，或者待办事项，在解锁后手指在屏幕边缘轻轻一划，就可以用「语音+文字」的形式查看自己记录的所有「闪念」，非常适合移动办公，把手机当做生产力工具的人群。
虽然不打算因此而入手「坚果Pro」，但陈老师的确被这一功能的「微创新」和漂亮的图标给吸引住了。
这一红一蓝两颗胶囊，像极了《黑客帝国》里墨菲斯摊开手让尼奥选择的那两粒药丸：
You take the blue pill – the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill – you stay in Wonderland and I show you how deep the rabbit-hole goes.
或许「闪念胶囊」图标的设计师也有此意吧——Show us how deep the rabbit-hole goes。
PPT绘制出来的「闪念胶囊」到底有几分相似度呢？借用老罗一句话：「废话不多说，先看东西」：
怎么样，还看得过去吧？下面陈老师就给大家揭秘绘制过程：
1、首先使用「矩形：圆角」形状绘制出一个圆角矩形，参照药丸的大小和长度进行调节，拖动控点增大圆角得到药丸的基本形状：
2、为圆角矩形添加线性渐变填充，在默认渐变方案的基础上，将渐变角度调整为0°，四个渐变光圈的颜色两两相同，左侧两个RGB值（233,13,13）、右侧两个RGB值（216,214,218）：
PS：看上面的对比图你会发现原版的图标更加「泛白」一点，如果追求更加接近的效果，也可以自行调色，以上RGB值仅供参考。
3、移动中间两个光圈的位置，使它们均位于50%处，这样两个光标就会重叠在一起，渐变就会变成「突变」，胶囊的颜色分界就出现了：
4、将边线色设置为白色到黑色的渐变线，其中白色透明度100%即完全透明，渐变角度90°，这样就可以塑造出胶囊下方比较深色的阴影部分：
5、为胶囊设置「三维格式」。设置顶部棱台类型为「圆形」，宽度30磅、高度20磅（陈老师绘制这颗药丸尺寸为1.96厘米×4.5厘米，如你绘制的药丸比较大，则应相应增加磅值，反之则减小）、曲面图大小0磅、材料选择「塑料效果」、光源选择「柔和」：
6、三维格式设置好之后，再为其加上向下的阴影效果，药丸一下子就生动了许多。事实上，如果你是新手的话，能做到这一步已经不错了：
只需要把红色的两个光圈改为蓝色，RGB值（37,102,231），即可得到蓝色胶囊。如果还想做得更像一些的话……嗯，继续往下看吧！
以下内容为中级选手进阶内容
7、参考药丸上半部分的大小及三分之二的长度，绘制一个圆角矩形，如下图所示：
8、为圆角矩形添加5磅的「柔化边缘」效果，然后将其设置为渐变填充，一左一右的光圈均为白色，但左侧光圈透明度20%，右侧光圈透明度100%，这样就得到了一个手工绘制的高光光斑：
光斑叠加到胶囊上的效果：
9、绘制两个圆角矩形，如下图左侧这样叠置在一起，使用「合并形状-剪除」得到中间的形状，然后设置「柔化边缘」效果、85%的透明度，作为胶囊上的暗部：
因为「柔化边缘」使用的是绝对值单位「磅值」，不会随形状的放大和缩小而相应改变，所以当形状绘制得大小不一样时，达到相同柔化效果需要柔化的磅值也不同。因此呢，陈老师就不给出具体的柔化磅数了——矩形大小不同，柔化磅数就需要得不同，大家参考最终效果酌情设置即可。
10、调整一下柔化后形状的尺寸大小，叠置在胶囊上，即可得到带暗部效果的胶囊了：
蓝色胶囊效果：
效果还不错吧？用这两颗胶囊就能做出一个不错的PPT页面来哦：
OK，如果你对自己的PPT绘图技能有信心，又愿意花时间的话，陈老师再教你如何绘制图标的剩余部分，也就是胶囊背后的铝板部分。
以下内容为高级玩家死磕部分
11、参考药丸的大小，再绘制两个圆角矩形：
12、将圆角矩形填充为灰色，RGB值（217,217,217），边缘线均设置为渐变线、渐变角度90°即从上往下，不过渐变的方案有所不同：
小圆角矩形边缘线的渐变光圈有四个，均为白色但透明度不同：两头的光圈透明度25%，中间两个光圈透明度100%，位置一个在45%，一个在75%——这样就可以做出顶端和底端白色，但左右两侧又「断开」的边缘效果：
大圆角矩形边缘线的渐变光圈有两个，与小圆角矩形的左侧两个光圈颜色、位置均相同。因此可以用格式刷将小圆角矩形的属性刷给它之后，删除右侧两个光圈即可：
绘制完成后，将大小圆角矩形放回最开始胶囊下方的位置，整体效果如下：
13、接下来绘制半透明的投影。绘制一个圆角矩形，并设置柔化边缘：
14、设置渐变方案为「路径」渐变，这一渐变形式可以根据形状的外形从四周向中心渐变。具体的光圈设置参数及效果见下图，略复杂：
这一中心略带深红色的阴影是红色胶囊的阴影，蓝色胶囊的阴影参数及效果如下：
可能你要问：“哎陈老师你怎么知道该这样设置啊？”
我只能说：用心去感受。具体的说来就是仔细的观察对比原作，修改调整设置、观察效果、感受差别，然后逐步靠拢。这个过程非常考验耐心。
15、最后就是绘制铝板了。参考胶囊大小，绘制一个大圆角矩形，并复制一份：
然后绘制一条长条形的矩形横穿过其中一个圆角矩形：
16、按住
17、选中所有矩形横条，使用「合并形状-联合」，将它们合为一体。注意不是使用「组合」：
18、框选联合后的矩形条阵列和底部的圆角矩形，使用「合并形状-相交」，得到具备圆角矩形外观的矩形条阵列：
19、将得到的形状填充为灰色，RGB值（229,231,235），去掉轮廓线；将之前复制出来的圆角矩形填充为浅灰色，RGB值（241,242,243），边缘色（217,217,217），然后将它们重叠在一起，底部的铝板就基本上画好了：
20、为圆角矩形设置方向向下的阴影，RGB值（229,231,235），透明度63%，合适的模糊值和磅值，铝板的绘制就全部完成了：
21、将所有部件居中对齐叠置到一起，「闪念胶囊」就画好了：
看一下最后的效果：
再看一遍对比图：
教程到这里就结束了，要是你对自己的PPT绘图能力有信心，就动手画画看吧！
鸟语虫声总是传心之诀，花英草色无非见道之文！
随手点点下方广告，无需下载即可帮研之成理创收哦。感谢！
联系客服
