但大多數(shù)小白圖片處理方法掌握不當(dāng)，往往會(huì)出現(xiàn)這樣的困惑：精美的圖片與文字配合不但沒有相得益彰反而互相干擾，影響了內(nèi)容傳達(dá)，就如同下圖一般。

面對(duì)這種尷尬的局面，應(yīng)該如何保證在不更換圖片的情況下，讓內(nèi)容不受背景圖片干擾呢？

有一種簡(jiǎn)單粗暴又很實(shí)用的處理方法叫「蒙版」。

不論你以前對(duì)蒙版了解多少，今天這一篇文章全都告訴你：

什么是蒙版？

如何加蒙版？

蒙版怎么用？

蒙版如何變？升級(jí)更好用！

什么是蒙版？

蒙版，其實(shí)就是在圖片上添加一層半透明的色塊，舉個(gè)更加通俗易懂的說法就是，蒙版相當(dāng)于我們給手機(jī)貼了一層膜。

如上圖所示，從視覺方向由上往下看，黑色半透明色塊為頂層也叫蒙版層，圖片層為底層。

如何添加蒙版？

? 先【插入圖片】并利用裁剪工具按照頁面比例裁剪，拉伸成全圖型。

? 點(diǎn)擊【菜單欄】-【插入】-【插入形狀】，插入與圖片等大的矩形，覆蓋在圖片的上方。

? 選中矩形，點(diǎn)擊鼠標(biāo)右鍵，【設(shè)置形狀格式】填充，純色填充，填充顏色設(shè)置為黑色，透明度 30%（具體顏色和透明度根據(jù)實(shí)際情況而定，下圖僅供參考）

添加了蒙版后的效果如下：

蒙版的作用與應(yīng)用場(chǎng)景

? 弱化圖片的干擾

蒙版能夠弱化背景圖片自帶的色彩與亮度，減少圖片內(nèi)容本身對(duì)文字的影響，增加了文字的易讀性。

更重要的一點(diǎn)在于，添加完蒙版后，不僅文字變得更清晰，而且在背景圖片的襯托下，文案更富有視覺表現(xiàn)力。

? 突破圖片的限制

當(dāng)我們需要在圖片上添加文字時(shí)，經(jīng)常會(huì)將文字放在有留白的位置，但是由于留白位置有限，能夠添加的文字大大受到限制，這時(shí)，給圖片添加一層半透明蒙版，就可以不用再考慮圖片本身的布局構(gòu)圖、色彩，輕松打破圖片的限制，再加 5 行，10 行文字都不再是問題啦。

? 擴(kuò)大內(nèi)容的類型

在沒有蒙版的情況下，由于圖片本身內(nèi)容豐富，除了可以在留白區(qū)域添加文字之外，好像真的很難添加譬如圖示，圖表，圖片等其他元素。

但有了蒙版之后，我們就可以打破這一種限制，任意添加我們需要的元素。

比如：很多朋友覺得在做目錄的時(shí)候，背景色過于單調(diào)，想用圖片當(dāng)背景，又想利用圖標(biāo)來對(duì)內(nèi)容加以視覺化，這時(shí)怎樣才能不讓圖片干擾圖標(biāo)與文字？

很簡(jiǎn)單，只需在背景圖片之上，再加一層半透明蒙版。

再比如：我要匯報(bào) 2017 年中國電影票房的排行榜前 5 名，并將數(shù)據(jù)做成了一個(gè)表格，為讓頁面更有場(chǎng)景感，我決定在頁面上添加一個(gè)電影院座位的圖片。

這時(shí)，為了不讓圖片影響表格數(shù)據(jù)顯示，也可以添加一層半透明蒙版。

看過上面的案例之后，熱愛思考小伙伴可能會(huì)想，那能不能在圖片上繼續(xù)添加圖片呢？

當(dāng)然可以！比如之前在小米手機(jī)發(fā)布會(huì)上就出現(xiàn)過這樣的幻燈片設(shè)計(jì)：

蒙版還能如何變？

一個(gè)簡(jiǎn)簡(jiǎn)單單的矩形蒙版，居然能夠有如此多的用途。但很多人學(xué)習(xí)的時(shí)候容易陷入誤區(qū)，以為蒙版，就是添加一個(gè)黑色的半透明矩形。

NO，不一定！

? 蒙版不一定是方正的矩形。

蒙版除了全圖鋪滿的，也可以是只占屏幕一半，可以是矩形，也可以是圓形，梯形，三角形等等任意形狀。比如：

左右滑動(dòng)，查看更多~

? 蒙版，不一定是單一的形狀。

只要你的腦洞夠大，就可以實(shí)現(xiàn)各種形狀的組合！而常用的組合方式主要包括：線框與形狀組合，形狀與形狀組合。

? 蒙版不一定是黑色的。

蒙版可以是任意顏色， 只是由于黑色比較百搭，所以應(yīng)用比較廣泛罷了。

要使用什么顏色的蒙版需要根據(jù)具體情況來確定，比如，醫(yī)療主題的幻燈片，則不適合用黑色蒙版，因?yàn)椴环厢t(yī)院的形象。

這時(shí)可以想想我們印象中的醫(yī)院是什么顏色的，潔凈明亮的白色，讓人冷靜的綠色與藍(lán)色，都符合醫(yī)療的主題，譬如下面的幻燈片則是使用了淺綠色的半透明蒙版。