在上周的文章中，有一篇關(guān)于我對(duì)旁友圈第125期作業(yè)寫(xiě)的作業(yè)復(fù)盤(pán)。

很多讀者，對(duì)其中 PPT 繪制的銀行卡很感興趣，留言說(shuō)：想學(xué)習(xí)用PPT來(lái)畫(huà)銀行卡。

那么，今天就來(lái)分享一下銀行卡的繪制思路。

其實(shí)這種繪畫(huà)方式，也屬于PPT領(lǐng)域中比較冷門(mén)的門(mén)類(lèi)：PPT鼠繪，顧名思義，也就是在PPT中用鼠標(biāo)進(jìn)行繪畫(huà)。

那么，到底該如何繪制呢？

1. 層級(jí)關(guān)系

在開(kāi)始繪制之前，先來(lái)回顧一下PPT中的層級(jí)關(guān)系。

我們知道在PPT中的圖形元素，像PS中的圖層一樣，是一層層疊加的，兩個(gè)有交集的圖形元素，上一層的就會(huì)遮蓋著下一層：

通過(guò)選擇窗格，可以調(diào)整圖形元素的層級(jí)關(guān)系，從而改變疊加方式，像這樣：

了解了層級(jí)關(guān)系，我們就能通過(guò)圖形元素不同層級(jí)的疊加，來(lái)繪制出銀行卡：

2. 元素拆解

既然通過(guò)圖形元素疊加的形式繪制銀行卡，那么銀行卡有哪些圖形元素呢？

打開(kāi)干癟的錢(qián)包，抽出塵封已久的銀行卡，我惆悵地拆解分析了起來(lái)：

通過(guò)拆解，可以知道銀行卡大致有這幾種元素疊加構(gòu)成：背景、銀行l(wèi)ogo、芯片、卡號(hào)、銀聯(lián)、其他文字元素。

3. 復(fù)刻疊加

接下來(lái)，我們就可以對(duì)拆解出來(lái)的元素，進(jìn)行收集復(fù)刻：

• 銀行卡背景在最底層，不用做得很復(fù)雜，就是插入一個(gè)圓角矩形，直接填充顏色；

• 中國(guó)銀行和銀聯(lián)的LOGO可以直接從圖標(biāo)網(wǎng)站（阿里巴巴矢量圖標(biāo)庫(kù)）下載SVG格式，方便修改顏色；

• 芯片的繪制也不難，底部是個(gè)黃色的圓角矩形，利用黑色的線條拼接出芯片紋路；

• 文字卡號(hào)直接插入文本框后輸入即可；

圖形元素收集/復(fù)刻齊全，我們按層級(jí)關(guān)系進(jìn)行疊加，就可以得到一張銀行卡樣式：

4. 高光亮部

最后也是最重要的一步，高光亮部的處理。

高光是物體反射光源的部分，為物體添加高光，能讓物體更加的立體真實(shí)。

PPT里的高光，可以利用漸變蒙版來(lái)實(shí)現(xiàn)：假設(shè)光源從右上角投射來(lái)，通過(guò)布爾運(yùn)算得到高光部分，填充漸變色并調(diào)節(jié)透明度。

把高光亮部疊加在銀行卡樣式相應(yīng)的位置上，很明顯的增加了質(zhì)感。

仔細(xì)看下圖，我還加了個(gè)白色漸變邊框，邊緣的反光也讓銀行卡看起來(lái)有一定的厚度感。

繪制銀行卡的思路大致就是這樣：通過(guò)對(duì)元素的拆解、復(fù)刻和疊加來(lái)繪制一張銀行卡。

怎么樣，學(xué)會(huì)了嗎？

延伸使用

其實(shí)銀行卡的的繪制是相對(duì)比較簡(jiǎn)單的，在用PPT進(jìn)行鼠繪過(guò)程中，常用到的功能/工具會(huì)更多。

有：布爾運(yùn)算、頂點(diǎn)編輯、選擇窗格、任意多邊形、三維旋轉(zhuǎn)、漸變色填充、取色器等。

當(dāng)我們熟練操作這些功能/工具的時(shí)候，通過(guò)對(duì)元素的拆解、復(fù)刻和疊加，就能繪制更復(fù)雜的圖形畫(huà)面，比如：

卡通事物

剪紙

插畫(huà)

是時(shí)候用PPT畫(huà)點(diǎn)什么了，盤(pán)它！

文筆水平有限，希望以上的分享能幫助到你~

另外，昨天放出了700張優(yōu)惠券，承蒙各位抬愛(ài)，已經(jīng)領(lǐng)完了，有很多讀者沒(méi)有領(lǐng)到，問(wèn)能不能補(bǔ)發(fā)一些。

所以，在這里，我們額外再放出300張優(yōu)惠券，依舊是立減70元，先到先得。

現(xiàn)在加入，可以獲得新版知識(shí)地圖，以及近8000頁(yè)P(yáng)PT設(shè)計(jì)靈感手冊(cè)和4門(mén)系統(tǒng)的PPT學(xué)習(xí)課程，以及更多獨(dú)家內(nèi)容...

點(diǎn)擊了解活動(dòng)：不藏了！我攢了3年的6980頁(yè)P(yáng)PT靈感手冊(cè)，全部放出來(lái)了