最近，收到一位讀者的留言，問我下面這張 QQ 音樂 banner 圖的標(biāo)題文字效果，是怎么做的？

其實(shí)很簡(jiǎn)單，這就是典型的文字虛化，算是一種較為常見的設(shè)計(jì)手法，比如用于海報(bào)設(shè)計(jì)：

或者是大會(huì)的主視覺設(shè)計(jì)：

相信大多數(shù)人看到這樣的文字效果，都會(huì)認(rèn)為只有用 PS 才能做出來。其實(shí)不然，借助 PPT 中的圖片虛化功能，只需兩步，即可搞定高大上的文字效果！

就以“沒”字為例：

1. 復(fù)制文字，右鍵粘貼為圖片

2. 然后，給圖片添加虛化效果即可

調(diào)整正虛化半徑，半徑越大，文字就越模糊：

當(dāng)然，如果你想單獨(dú)給某個(gè)筆畫，添加虛化效果，操作也很簡(jiǎn)單！

原理和剛才的一樣，不同的地方在于，我們需要提前利用布爾運(yùn)算中的拆分功能，將文字打散。

注意，這里還有一個(gè)很大坑，需要你去避免。就是如果我們直接將文字筆畫轉(zhuǎn)圖虛化，筆畫邊緣都會(huì)有一條明顯的分界線：

注意觀察文字筆畫的邊界

那么，我們?cè)撊绾伪苊膺@條礙眼的分界線呢？

其實(shí)很簡(jiǎn)單，我們只需要擴(kuò)大筆畫的邊界即可：

就以“間”字為例，來看下我的操作：

1. 將文字拆分后，在筆畫下層插入一個(gè)形狀，注意這個(gè)形狀一定要大于文字的邊緣。

2. 設(shè)置形狀無填充以及無輪廓

3. 將形狀與筆畫組合，復(fù)制組合，右鍵粘貼為圖片

4. 我們給圖片添加虛化效果，你就會(huì)發(fā)現(xiàn)分界線消失不見了

我們?cè)賮砜聪虑昂蟮膶?duì)比：

雖然虛化半徑都為 20，但左側(cè)的文字看起來就非常的生硬，而右側(cè)就比較自然，對(duì)嗎？

接下來，為了便于各位理解，咱們通過3個(gè)具體案例，來看下虛化功能，到底有什么用。

案例01

為了讓你更加容易理解，虛化文字效果的制作流程。咱們來看一個(gè)實(shí)際的操作案例，比如就這張封面了：

首先，我們可以對(duì)標(biāo)題文案錯(cuò)落排版，讓頁面看起來更有節(jié)奏感！同時(shí)，提取關(guān)鍵詞翻譯為英文，用來彌補(bǔ)標(biāo)題排版的空缺：

其次，選擇一張合適的背景圖，并添加漸變蒙版，以此來降低圖片對(duì)文字的干擾：

然后，利用布爾運(yùn)算將標(biāo)題文字的筆畫打散，并對(duì)文字筆畫添加漸變效果：

最后，我們按照上面所講的方法，對(duì)部分筆畫虛化處理即可：

很輕松，我們就搞定了一頁極具設(shè)計(jì)感的PPT封面。

當(dāng)然，「圖片虛化」除了能夠制作出高大上的文字效果，還有其他很多實(shí)用的操作技巧。

降低圖片對(duì)文字的干擾

相信大家在使用圖片作為頁面背景時(shí)，大都會(huì)在圖片上方覆蓋一層蒙版，從而降低圖片對(duì)文本內(nèi)容的干擾。

就像這樣：

但其實(shí)，對(duì)背景圖片虛化處理，同樣可以達(dá)到凸顯文本信息的目的。比如下面這個(gè)頁面：

將圖片虛化后，還能給人一種磨砂玻璃的質(zhì)感。效果還不錯(cuò)，對(duì)嗎？

除此之外，將圖片模糊化處理，還有著一個(gè)優(yōu)點(diǎn)，就是能夠弱化背景圖片的質(zhì)量問題。

舉個(gè)例子，比如下面這頁封面，圖片選用了公司內(nèi)部培訓(xùn)的場(chǎng)景。雖然與標(biāo)題相呼應(yīng)，但由于圖片的質(zhì)量問題，頁面所呈現(xiàn)出來的視覺效果，并不是很好：

這個(gè)時(shí)候，我們就可以將背景圖片虛化處理，以此來掩蓋圖片的質(zhì)量問題：

和剛才比，有沒有好上很多呢？

案例02

為了讓你更加熟練的掌握，背景圖片虛化的技巧，我特意找了一些實(shí)際的 PPT 案例供你參考：

聚焦圖片重點(diǎn)

我們?cè)谡故灸硰垐D片的重點(diǎn)內(nèi)容時(shí)，可以把非重點(diǎn)內(nèi)容虛化化處理，從而凸顯圖片中的重點(diǎn)部分。

這么說，你可能還不是很理解。咱們換個(gè)說法，就好比手機(jī)拍照的人像模式，把人物周圍的環(huán)境虛化，從而更好的展示人像：

明白了嗎？這就圖片虛化另一個(gè)非常巧妙的用法。而且，這個(gè)技巧也是大型發(fā)布會(huì)慣用的設(shè)計(jì)手法。

比如努比亞手機(jī)發(fā)布會(huì)的這頁幻燈片，為了重點(diǎn)展示新款手機(jī)的功能，而把手機(jī)周圍的環(huán)境虛化，讓頁面形成很強(qiáng)烈的空間感：

當(dāng)然，像這樣的案例還有很多：

明白了嗎？通過對(duì)圖片非重點(diǎn)內(nèi)容的虛化化處理，在很好的凸顯圖片重點(diǎn)的同時(shí)，也創(chuàng)造了文本內(nèi)容的可放置空間。

案例03

同樣的，咱們?cè)賮砜匆粋€(gè)實(shí)際的案例，這是一頁有關(guān)微信支付付款碼的相關(guān)介紹：

根據(jù)文案含義，我們可以找到這樣一張背景圖片：

這張圖片含義倒還貼切，但是圖片中的超市背景卻顯得有些雜亂。

我們?cè)撊绾翁幚砟兀?/span>

首先，使用刪除背景或者其他在線摳圖工具，把圖片的重點(diǎn)內(nèi)容（也就是手機(jī)付款碼）摳出來：

接著，為了降低超市背景對(duì)主體的影響，我們可以對(duì)整張圖片進(jìn)行虛化處理：

然后，把摳好的手機(jī)付款碼疊加在虛化后圖片的上方，這樣，我們就達(dá)到了突出圖片重點(diǎn)的目的：

最后，對(duì)文案進(jìn)行簡(jiǎn)單的排版即可：

當(dāng)然，如果你覺得頁面太過單調(diào)，我們還可以使用三維旋轉(zhuǎn)，讓頁面看起來更加有空間感：

營造頁面空間感

利用近實(shí)遠(yuǎn)虛的原則，為頁面上的裝飾元素添加模糊效果，進(jìn)而營造頁面的的縱深感，讓頁面看起來更加有層次。

可能有讀者不太理解，不過沒關(guān)系，咱們來看兩個(gè)案例，你就明白了。

很多時(shí)候，我們?yōu)榱俗岉撁骘@得豐富，會(huì)在頁面周圍添加一些裝飾性元素，比如隨意擺放一些與內(nèi)容相關(guān)的圖標(biāo)：

或者使用一些漸變色塊：

雖然圖標(biāo)、色塊的使用，讓頁面顯得非常的飽滿，但這些裝飾性元素和頁面的融合感很差，頁面看起來顯得很亂，而且沒有層次。

這個(gè)時(shí)候，我們就可以把圖標(biāo)、色塊轉(zhuǎn)化為圖片，并將其虛化處理，就像這樣：

頁面的層次感是不是強(qiáng)了很多呢？

好了，以上呢，就是我結(jié)合平時(shí)制作 PPT 的經(jīng)驗(yàn)，總結(jié)的一些關(guān)于圖片虛化的使用技巧，考慮到文章有點(diǎn)長，再做一個(gè)簡(jiǎn)單的總結(jié)：

• 制作藝術(shù)化標(biāo)題文字
• 降低圖片對(duì)文字的干擾
• 聚焦圖片重點(diǎn)
• 營造頁面空間感

好了，文章就這么多，希望能給各位一些啟發(fā)。

原文標(biāo)題：這個(gè)被90%的人忽視的基礎(chǔ)PPT功能，原來這么好用，超酷！

昨天晚上，小米 CC 系列手機(jī)發(fā)布，不知道有沒有讀者關(guān)注，相信應(yīng)該是有的。?

據(jù)小米官方稱，這是一款定位年輕人的手機(jī)，但看完整場(chǎng)發(fā)布會(huì)，我更覺得，這是一款面向年輕女性的手機(jī)，因?yàn)樗鼜?qiáng)調(diào)更多的還是美顏拍照。?

??

對(duì)我這樣一個(gè)很少拍照的男孩來講，幾乎對(duì)我沒有什么說服力。?

當(dāng)然，這篇文章不是要跟大家討論手機(jī)的用戶定位，而是主要說一下它的PPT設(shè)計(jì)，有哪些值得我們借鑒的地方。?

都有哪些呢？我總結(jié)了3個(gè)點(diǎn)。?

關(guān)于PPT的版式布局

與以往不同，這次發(fā)布會(huì)PPT的版式布局采用了圓形布局，就像這樣：?

?而之前都是矩形布局，大家知道為什么嗎？

?其實(shí)如果想要知道原因，我們可以從這場(chǎng)發(fā)布會(huì)的主視覺來分析：?

從主視覺上，我們能夠看得出，它所使用的就是一些圓形的堆疊。?

而為了能夠保持整場(chǎng)發(fā)布會(huì)視覺風(fēng)格的一致性，在進(jìn)行PPT設(shè)計(jì)的時(shí)候，我們一般也要從中提取一些視覺特征，比如圓形和漸變：?

?這是 PPT 過渡頁的設(shè)計(jì)：

明白了嗎？?

當(dāng)然，這種圓形分割的布局方式，還有一個(gè)好處就在于，可以增強(qiáng)頁面的視覺層次。?

什么意思呢？如果一個(gè)頁面，僅僅是這樣排列，在視覺上難免有些平淡：?

而如果我們能夠?qū)撁鎯?nèi)容進(jìn)行分塊，那么，視覺的層次感就會(huì)好很多：?

而且，如果再搭配上一些錯(cuò)位的排版方式，也會(huì)讓頁面顯得更有創(chuàng)意：?

?

另外呢，偶爾附贈(zèng)一個(gè)知識(shí)點(diǎn)，可能有些讀者會(huì)疑問，像下面這種圓形的圖片怎么設(shè)計(jì)的呢？?

?很簡(jiǎn)單，方法是這樣的。

?第一步，我們?cè)陧撁嫔喜迦胍粋€(gè)圓形，尺寸可以稍大一些：?

?

第二步，在頁面上插入圖片，并且調(diào)整圖片位置：?

第三步，先選中圖片，再選中底部的圓形，點(diǎn)擊<形狀格式>，找到<合并形狀>，選擇<相交>即可：

??

關(guān)于PPT的漸變色搭配

整套發(fā)布會(huì)PPT中，還有一個(gè)很明顯的特征，是使用了大量的漸變搭配：?

這樣做有什么好處呢？除了前面說的跟主視覺風(fēng)格保持一致外，還有一個(gè)點(diǎn)在于：?

使用色彩鮮亮的漸變色，可以更好地體現(xiàn)出年輕有活力的視覺效果。

?大家來感受一下：?

?

而且，除此之外，在發(fā)布會(huì)后半場(chǎng)的美圖手機(jī)中，PPT的背景變成了非常夢(mèng)幻的少女色，更加能夠凸顯以女性用戶為主的產(chǎn)品定位：

?

這也是用顏色來呈現(xiàn)視覺風(fēng)格的一個(gè)方法。?

那么，問題來了，這種很自然的漸變色是怎么創(chuàng)建的呢？?

如果大家感興趣，可以閱讀我之前寫的一篇文章：?

那些看起來更高級(jí)的PPT漸變色，是怎么做出來的？?

關(guān)于PPT的選圖

在文章開頭，我已經(jīng)說了，我覺得這是一個(gè)定位年輕女性的手機(jī)。

?而之所以會(huì)有這樣的判斷，從發(fā)布會(huì)PPT的配圖上就能看得出來。因?yàn)閹缀趺恳豁揚(yáng)PT中都有一些女孩的照片：?

即便是在展現(xiàn)一些產(chǎn)品攝影能力的樣張中，都是清一色女孩：?

?

而這樣做法的好處就在于，可以讓目標(biāo)消費(fèi)群體，更有場(chǎng)景感。所以，當(dāng)我們?cè)偃ブ谱鳟a(chǎn)品介紹型的PPT時(shí)，也可以借鑒這一點(diǎn)。?

當(dāng)然，除了上面的三個(gè)點(diǎn)之外，整場(chǎng)發(fā)布會(huì)還有一些其他的亮點(diǎn)，鑒于篇幅問題，就不詳細(xì)來說了。?

我希望通過這篇文章，讓大家清楚這些PPT背后的設(shè)計(jì)和商業(yè)思考，也希望能夠?qū)Υ蠹矣兴鶈l(fā)。

我在之前PPT教程，經(jīng)常會(huì)提到PPT這個(gè)布爾運(yùn)算功能。因?yàn)樗鼘?shí)在是太好用了，很多酷炫的效果，只要借助它，就能輕松搞定。就像下面這些：

?

很酷，對(duì)嗎？

雖然經(jīng)常提到布爾運(yùn)算，但一直沒有對(duì)它進(jìn)行一個(gè)詳細(xì)的講解，這就導(dǎo)致一些 PPT 基礎(chǔ)較為薄弱的同學(xué)不知道我在講些什么。

?

考慮到這一點(diǎn)，所以我特意寫了這一篇文章。

?

布爾運(yùn)算

其實(shí)布爾運(yùn)算在 PPT 中叫做合并形狀，在通常情況下，它的功能按鈕是灰色的，只有我們選中頁面多個(gè)元素時(shí)，才能夠使用。它大致分為這么幾個(gè)功能：

?

在詳細(xì)的介紹布爾運(yùn)算之前，這里有兩點(diǎn)值得你注意：

對(duì)于第二條，可能有些朋友不是很理解，這里我簡(jiǎn)單的舉個(gè)例子，比如我先選中黃色的形狀，在進(jìn)行布爾運(yùn)算后，得到的形狀就會(huì)是黃色：

?

而先選中藍(lán)色，在進(jìn)行布爾運(yùn)算后，得到的形狀就會(huì)變成藍(lán)色：

?

明白了嗎？

好了，明確了以上兩點(diǎn)，那么接下來，咱們就挨個(gè)的了解一下布爾運(yùn)算的 5 個(gè)功能。

結(jié)合

將多個(gè)形狀合成一個(gè)形狀。比如使用一個(gè)正方形以及兩個(gè)圓形，就能組成一個(gè)愛心的形狀：

?

組合

多個(gè)形狀合成一個(gè)形狀，而形狀相交的地方則會(huì)被刪除。比如下面這兩個(gè)水滴形狀，在組合后，重疊的正方形區(qū)域就被刪除了：

?

拆分

將形狀拆分為多個(gè)形狀。比如水滴形狀在拆分后，就得到了兩個(gè)餅形和一個(gè)正方形：

?

?

相交

保留形狀重合的部分。比如兩個(gè)水滴形狀，在相交后，重疊的正方形區(qū)域就被保留了：

?

?

剪除

簡(jiǎn)單來說就是形狀01減去形狀02。比如下面這兩個(gè)同心圓，在剪除后，變成了一個(gè)圓環(huán)：

?

看到這，相信你一定明白了布爾運(yùn)算的操作方法。那么，問題來了，這么酷的功能什么時(shí)候可以用呢？

這里我總結(jié)了兩種常見的應(yīng)用場(chǎng)景，先來說第一種：

?

?

制作酷炫的文字效果

填充圖片紋理

通過圖片與文字的相交，從而繪制出各式各樣的文字效果，進(jìn)而豐富頁面的視覺效果。

?

先選中頁面中的圖片，按 shift 鍵，再選中文字，最后點(diǎn)擊合并形狀中的相交即可。

為方便你更好的理解，咱們?cè)賮矶嗫磶讉€(gè)案例，比如書法文字和墨跡圖片相交，增強(qiáng)書法字體的真實(shí)感：

?

或者與燙金紋理圖片相交：

?

當(dāng)然，在選擇紋理素材的時(shí)候，我們也要盡可能的去貼近文字的含義，而不是一味的追求酷炫，因?yàn)橹挥羞@樣，才能更好的讓頁面視覺化。

?

來看一個(gè)實(shí)際的案例，比如下面這一頁P(yáng)PT：

?

為了體現(xiàn)“川范兒”，我們就可以選擇極具四川特色的臉譜作為紋理，填充到文字當(dāng)中。

?

“川范兒”的感覺是不是立馬就有了？

制作鏤空文字

這里主要用到了布爾運(yùn)算中的剪除這個(gè)功能。

?

先選中頁面中的形狀，按 shift 鍵，再選中文字，最后點(diǎn)擊合并形狀中的剪除即可。

這樣做的好處就是，讓頁面更具通透感，在保證文本可識(shí)別性的同時(shí)，也能夠看到圖片背景：

?

如果再給鏤空文字底部的圖片或者形狀，添加上路徑動(dòng)畫，就能做出酷炫的動(dòng)畫效果：

當(dāng)然，我們還可以把底部的圖片換成視頻素材，這樣視覺效果會(huì)更好：

文字藝術(shù)化處理

其實(shí)對(duì)文字藝術(shù)化處理，本質(zhì)上就是把文字轉(zhuǎn)換為形狀。

先選中頁面中的文字，按 shift 鍵，再選中形狀，最后點(diǎn)擊合并形狀中的拆分，最后將多余的形狀刪除即可。

這樣做的好處就是，增加了文字的可塑造性。什么意思呢？來看幾個(gè)案例你就明白了。

比如我們可以把文字的部分筆畫刪除，營造一種缺失的美感：

?

?

或者更換部分筆畫顏色，讓頁面看起來更加有設(shè)計(jì)感：

又或者難度再高一些，對(duì)部分筆畫做虛化處理，讓文字有種若隱若現(xiàn)的感覺，從而豐富頁面的層次：

?

在今天的第二條文章中，專門寫了這個(gè)案例的制作方法，大家記得去看哈~

當(dāng)然，我們還可以根據(jù)文字含義，將筆畫替換成圖標(biāo)，讓文字的表達(dá)更具視覺化。比如為了表現(xiàn)一款手機(jī)的續(xù)航時(shí)間長，我們就把文字的筆畫替換成閃電：

?

或者為了體現(xiàn)過節(jié)的氛圍，還可以把文字替換成祥云：

?

繪制特殊形狀

相信大家都知道 PPT 中自帶了很多種形狀樣式。雖然看起來很豐富，但能用的也就那么幾個(gè)，而其他絕大部分形狀樣式，要么是效果不好，要么就是調(diào)整起來不方便。

?

說一個(gè)典型的例子，就是形狀中的立方體：

?

我們沒有辦法單獨(dú)去編輯立方體的三個(gè)面，這就導(dǎo)致使用 PPT 自帶的立方體做出來的頁面，效果往往不是很好：

?

再來看看使用布爾運(yùn)算繪制的立方體：

?

效果是不是很贊呢？

關(guān)于立方體的繪制方法，主要用到了布爾運(yùn)算中的拆分和剪除這兩個(gè)功能，感興趣的朋友，可以點(diǎn)擊下方圖片即可查看：

?

像立方體這樣復(fù)雜的形狀，布爾運(yùn)算都能輕松搞定，那其他特殊形狀當(dāng)然更不在話下了。

比如圓角矩形與三角形合并后，成為對(duì)話框：

?

來看一下應(yīng)用到頁面中的效果：

?

或者用布爾運(yùn)算來繪制創(chuàng)意的邏輯圖示：?

而上面這個(gè)看似很難的圖形，無非就是由三角形和圓形構(gòu)成的：

?

以上，就是這篇文章的全部?jī)?nèi)容。