本文總計：2391 字

預(yù)計閱讀時間：6 分鐘

昨天文章的頭圖，貌似反饋還不錯，挺多人比較感興趣。

所以，今天就分享一下，這種文字排版效果，是怎么做出來的。

而且今天的實現(xiàn)手法與效果，做了一些優(yōu)化，比昨天的效果更好，有興趣可以先對比感受一下哦。

先上效果圖：

接下來，就把上圖的制作思路拆解一遍，可以跟著試試哦。

主要涉及兩個知識點：

01. 文字的三維效果

02. 文字的陰影效果

我們先繪制一個矩形，邊框填充為無，設(shè)置一定角度的線性漸變填充。

漸變的色值和角度等參數(shù)，可以參考下面這張圖，也可以另做調(diào)整。

之后，添加一個文本框，輸入文字，同樣給文字設(shè)置漸變填充。

這里是從白色過渡到淺藍色，藍色不用很明顯，只是一個簡單的明暗變化。

具體參數(shù)如下圖：

需要注意的是，為了效果更明顯，建議使用非襯線字體，粗點的字體效果更好。

本文用的是阿里巴巴普惠體，特粗 H 字重。

接下來，選中文本框，為文字設(shè)置三維旋轉(zhuǎn)效果。

具體的三維旋轉(zhuǎn)參數(shù)如下圖，可以根據(jù)自己的喜好進行修改：

做好一個文本后，用相同的方法，適當調(diào)整字號大小、三維旋轉(zhuǎn)角度，得到其他三個文本。

其他三個文本框的參數(shù)如下：

四個文本框的旋轉(zhuǎn)都做好后，簡單排列對齊，就可以得到下圖：

這時候，文字的大致效果已經(jīng)出來了。

但是缺少了一定的層次感，所以我們可以在文字下方添加陰影，讓它的立體感更強。

來觀察一下原圖的陰影：

可以看到，陰影部分依然能看到大概的文字輪廓，有一種動感模糊的效果。

那么，如何用 PPT 來做這種陰影效果呢？

下面跟緊步伐，上技巧操作了。

新建一個文本框，填充為深藍色，透明度設(shè)置為 80%，復(fù)制一份，將透明度設(shè)置為 30%，具體參數(shù)如下圖：

設(shè)置好后，簡單如上圖擺放，然后全選兩個文本框。

接下來，需要用到 iSlide 插件中的 “補間” 功能，如果沒用過的，可以先下載安裝一下插件。

www.islide.cc

全選文本框后，點擊補間，數(shù)量改成 20，點擊應(yīng)用：

就可以生成透明度漸變的多個文本框，結(jié)果如下圖：

這時候，有一點模糊陰影的感覺了，但是還比較粗糙，邊界太清晰。

我們?nèi)x所有文本框，按 Ctrl+G 組合起來。

然后打開文本格式設(shè)置，調(diào)整填充的透明度為 97%，如下圖，動感模糊的感覺就出來了。

但是有個新問題，如果透明度太高，輪廓就太不明顯，同時顏色太淺。

如果透明度調(diào)低，輪廓又太生硬，作為陰影使用，顏色又太深。

為了解決這個矛盾的問題，我們可以把文本框組合，多復(fù)制兩份，稍微錯開一些。

當六十多個文本框疊加后，模糊的輪廓還能看見，又有不錯的深淺變化。

即從下圖左側(cè)的一個文本框組合，復(fù)制成右側(cè)的三個錯位文本框組合。

這時候，我們?nèi)x右側(cè)的所有文本框，組合到一起。

把它復(fù)制到之前做好的文字頁，旋轉(zhuǎn)一定的角度，將三維旋轉(zhuǎn)后的文字置于頂層。

得到如下圖的結(jié)果：

用相同的方法，我們可以把其他三處的陰影給做出來。

到這一步，大體就完成了，但是其中有幾個小技巧需要注意。

01. 陰影的大小不同，可以修改文本框組合的字號大小來實現(xiàn)。

02. 陰影左側(cè)突出的距離不同，可以通過調(diào)整文字之間的間距來實現(xiàn)。

比如，將間距改成緊密或者稀松。

03. 陰影的明暗有區(qū)別，可以調(diào)整文本框組合的透明度來實現(xiàn)。

比如，將透明度從之前的 97% 修改為 98%，陰影看起來顏色就更淺。

都做好后，文字部分就完成了。

這時候，我們可以在右側(cè)，添加一個漸變光圈，漸變參數(shù)如下：

具體的色值之類的參數(shù)，后面直接下載源文件看吧，或者自己根據(jù)感覺調(diào)整也行。

加了漸變光圈后，整體的對比更明顯，質(zhì)感更強。

最后，在左右兩側(cè)，添加兩行小文字做裝飾，讓頁面看起來更加精致：

好了，本圖的做法就寫完了。

不過，問題來了！

本文最開始提到，今天的實現(xiàn)手法與效果，和昨天文章的頭圖不同，那區(qū)別在哪呢？

咱們來回顧一下，昨天文章的頭圖是這樣的：

大家注意對比看一看，兩張圖的陰影是有區(qū)別的。

給大家放大了，左圖是昨天的，右圖是今天教程做的效果。

仔細看的話可以發(fā)現(xiàn)，昨天的圖，也就是左圖，它的陰影是虛化模糊。

而今天優(yōu)化后的圖，它的陰影則是模擬動感模糊，層次更明顯，效果更逼真。

左邊這張?zhí)摶：膱D，是如何做的呢？

在文字補間后，把它復(fù)制粘貼為圖片，之后為圖片設(shè)置虛化效果。

虛化之后，再復(fù)制一遍，填充到同等大小的形狀中，或者使用 365 版本，達到修改圖片透明度的目的。

提高透明度，顏色相對就更淺。

這個方案是被淘汰掉的，簡單介紹下原理，就不深入給細節(jié)參數(shù)了，感興趣可以自己動手試一試。

除了效果更逼真外，今天的實現(xiàn)手法，還有另一個好處。

陰影全部是由文本框組合成的，所以，它的可編輯性更好。

不像昨天的圖，把文本框變成了圖片再虛化，如果要改文字話，還需要重新做一遍。

咱們今天的教程，做好一次之后，就可以批量修改文字，快速做出下圖：

這時候你可能會納悶了，一個陰影效果有 60 多個文本框，咋批量改文字？

需要用到一款 PPT 輔助插件，OK Plus 插件。

要是還沒用過，可以看下我之前寫過的另一篇文章，里面有下載和升級最新版的方法。

安裝好 OK Plus 插件后，點開 “便捷增強”，就可以展開左側(cè)便捷窗口。

我們選中一個陰影，即文本框組合，點擊 Plus 神框，選擇增改文字。

點擊圖片查看大圖

在右側(cè)輸入要改的文字結(jié)果，然后敲回車鍵，就可以批量修改了：

怎么樣，學會了這個技巧，這簡直就是特殊文字效果的模板。

以后做好文字效果，就可以批量改內(nèi)容了，再也不用一個個文本框修改了吧！

更優(yōu)秀的是，因為所有效果均保留了可編輯性，所以配色方案也可以換。

比如，簡單改個配色，就做出這樣的效果：

你就說，帥不帥吧！

以上，就是今天教程的全部內(nèi)容，說是保姆級也不為過了。

如果感興趣，可以上手試一試哦。

要是想下載源文件和教程文件研究的，關(guān)注頭條賬號@自律的音律 私信回復(fù)【文字效果】就可以獲取了。

總結(jié)

以上是生活随笔為你收集整理的devexpress textedit调整文字何文本框的间距_手把手教学：用PPT做效果超赞的文字效果...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。