我用PPT畫了一顆「鎚子藥丸」……

上周鎚子科技的「堅果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、按住<Ctrl>和<Shift>，向下拖動矩形橫條，移動距離與矩形高度相仿，鬆開滑鼠複製出一根橫條來。接下來反覆按下<F4>鍵，複製出一系列矩形橫條：

17、選中所有矩形橫條，使用「合併形狀-聯合」，將它們合為一體。注意不是使用「組合」：

18、框選聯合後的矩形條陣列和底部的圓角矩形，使用「合併形狀-相交」，得到具備圓角矩形外觀的矩形條陣列：

19、將得到的形狀填充為灰色，RGB值（229,231,235），去掉輪廓線；將之前複製出來的圓角矩形填充為淺灰色，RGB值（241,242,243），邊緣色（217,217,217），然後將它們重疊在一起，底部的鋁板就基本上畫好了：

20、為圓角矩形設置方向向下的陰影，RGB值（229,231,235），透明度63%，合適的模糊值和磅值，鋁板的繪製就全部完成了：

21、將所有部件居中對齊疊置到一起，「閃念膠囊」就畫好了：

看一下最後的效果：

再看一遍對比圖：

教程到這裡就結束了，要是你對自己的PPT繪圖能力有信心，就動手畫畫看吧！

我的個人公眾號：Jesse1981（ID:pianoppt）歡迎大家關注！