本文總計:2391 字
預計閱讀時間:6 分鐘
昨天文章的頭圖吩坝,貌似反饋還不錯,挺多人比較感興趣哑蔫。
所以钉寝,今天就分享一下,這種文字排版效果鸳址,是怎么做出來的瘩蚪。
而且今天的實現(xiàn)手法與效果,做了一些優(yōu)化稿黍,比昨天的效果更好疹瘦,有興趣可以先對比感受一下哦。
先上效果圖:
接下來巡球,就把上圖的制作思路拆解一遍言沐,可以跟著試試哦。
主要涉及兩個知識點:
01.?文字的三維效果
02. 文字的陰影效果
我們先繪制一個矩形酣栈,邊框填充為無险胰,設置一定角度的線性漸變填充。
漸變的色值和角度等參數(shù)矿筝,可以參考下面這張圖起便,也可以另做調(diào)整。
之后窖维,添加一個文本框榆综,輸入文字,同樣給文字設置漸變填充铸史。
這里是從白色過渡到淺藍色鼻疮,藍色不用很明顯,只是一個簡單的明暗變化琳轿。
具體參數(shù)如下圖:
需要注意的是判沟,為了效果更明顯耿芹,建議使用非襯線字體,粗點的字體效果更好挪哄。
本文用的是阿里巴巴普惠體吧秕,特粗 H 字重。
接下來中燥,選中文本框寇甸,為文字設置三維旋轉(zhuǎn)效果。
具體的三維旋轉(zhuǎn)參數(shù)如下圖疗涉,可以根據(jù)自己的喜好進行修改:
做好一個文本后拿霉,用相同的方法,適當調(diào)整字號大小咱扣、三維旋轉(zhuǎn)角度绽淘,得到其他三個文本。
其他三個文本框的參數(shù)如下:
四個文本框的旋轉(zhuǎn)都做好后闹伪,簡單排列對齊沪铭,就可以得到下圖:
這時候,文字的大致效果已經(jīng)出來了偏瓤。
但是缺少了一定的層次感杀怠,所以我們可以在文字下方添加陰影,讓它的立體感更強厅克。
來觀察一下原圖的陰影:
可以看到赔退,陰影部分依然能看到大概的文字輪廓,有一種動感模糊的效果证舟。
那么硕旗,如何用 PPT 來做這種陰影效果呢?
下面跟緊步伐女责,上技巧操作了漆枚。
新建一個文本框,填充為深藍色抵知,透明度設置為 80%墙基,復制一份,將透明度設置為 30%刷喜,具體參數(shù)如下圖:
設置好后残制,簡單如上圖擺放,然后全選兩個文本框吱肌。
接下來痘拆,需要用到?iSlide?插件中的 “補間” 功能仰禽,如果沒用過的氮墨,可以先下載安裝一下插件纺蛆。
www.islide.cc
全選文本框后,點擊補間规揪,數(shù)量改成 20桥氏,點擊應用:
就可以生成透明度漸變的多個文本框,結(jié)果如下圖:
這時候猛铅,有一點模糊陰影的感覺了字支,但是還比較粗糙,邊界太清晰奸忽。
我們?nèi)x所有文本框堕伪,按 Ctrl+G 組合起來。
然后打開文本格式設置栗菜,調(diào)整填充的透明度為 97%欠雌,如下圖,動感模糊的感覺就出來了疙筹。
但是有個新問題富俄,如果透明度太高弹沽,輪廓就太不明顯涕癣,同時顏色太淺蛋勺。
如果透明度調(diào)低删壮,輪廓又太生硬吼畏,作為陰影使用龙亲,顏色又太深昵骤。
為了解決這個矛盾的問題宵睦,我們可以把文本框組合馍驯,多復制兩份阁危,稍微錯開一些。
當六十多個文本框疊加后汰瘫,模糊的輪廓還能看見狂打,又有不錯的深淺變化。
即從下圖左側(cè)的一個文本框組合混弥,復制成右側(cè)的三個錯位文本框組合趴乡。
這時候,我們?nèi)x右側(cè)的所有文本框蝗拿,組合到一起晾捏。
把它復制到之前做好的文字頁,旋轉(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,是如何做的呢简烤?
在文字補間后剂邮,把它復制粘貼為圖片,之后為圖片設置虛化效果横侦。
虛化之后挥萌,再復制一遍,填充到同等大小的形狀中枉侧,或者使用 365 版本引瀑,達到修改圖片透明度的目的。
提高透明度榨馁,顏色相對就更淺憨栽。
這個方案是被淘汰掉的,簡單介紹下原理翼虫,就不深入給細節(jié)參數(shù)了屑柔,感興趣可以自己動手試一試。
除了效果更逼真外珍剑,今天的實現(xiàn)手法掸宛,還有另一個好處。
陰影全部是由文本框組合成的招拙,所以旁涤,它的可編輯性更好。
不像昨天的圖迫像,把文本框變成了圖片再虛化劈愚,如果要改文字話,還需要重新做一遍闻妓。
咱們今天的教程菌羽,做好一次之后,就可以批量修改文字由缆,快速做出下圖:
這時候你可能會納悶了注祖,一個陰影效果有 60?多個文本框猾蒂,咋批量改文字?
需要用到一款 PPT 輔助插件是晨,OK Plus 插件肚菠。
要是還沒用過,可以看下我之前寫過的另一篇文章罩缴,里面有下載和升級最新版的方法蚊逢。
安裝好 OK?Plus?插件后,點開 “便捷增強”箫章,就可以展開左側(cè)便捷窗口烙荷。
我們選中一個陰影,即文本框組合檬寂,點擊 Plus 神框终抽,選擇增改文字。
點擊圖片查看大圖
在右側(cè)輸入要改的文字結(jié)果桶至,然后敲回車鍵昼伴,就可以批量修改了:
怎么樣,學會了這個技巧镣屹,這簡直就是特殊文字效果的模板亩码。
以后做好文字效果,就可以批量改內(nèi)容了野瘦,再也不用一個個文本框修改了吧描沟!
更優(yōu)秀的是,因為所有效果均保留了可編輯性鞭光,所以配色方案也可以換吏廉。
比如,簡單改個配色惰许,就做出這樣的效果:
你就說席覆,帥不帥吧!
以上汹买,就是今天教程的全部內(nèi)容佩伤,說是保姆級也不為過了。
如果感興趣晦毙,可以上手試一試哦生巡。
素材獲取方法:
在公眾號【自律的音律】后臺回復“文字效果”即可獲取源文件。
好了见妒,如果你有什么想獲取的資源孤荣,也可以留言告訴我哈。