國慶愉快，鹿友們都出去玩了吧坎弯，我還在家里試效果呢纺涤，來看問題吧：

原視頻的幀數(shù)比較多躁倒，由于公眾號(hào)只能上傳300幀以內(nèi)的動(dòng)圖，所以我刪減了視頻前面一部分內(nèi)容轉(zhuǎn)成動(dòng)圖大家看看吧：

圖片源于網(wǎng)絡(luò) 如侵請聯(lián)刪

這個(gè)效果看起來簡單洒琢，但是有很強(qiáng)的形式感。本來是上一篇發(fā)文就想寫的褐桌，但是后面的拉伸效果一直沒有嘗試出來：

因?yàn)槲移匠Ｓ肁E最多的部分其實(shí)是三維渲染之后的調(diào)色衰抑，所以對于AE的很多特效、表達(dá)式等都不熟悉荧嵌。

以至于這么一個(gè)簡單的文字動(dòng)畫效果都琢磨了好久呛踊，這不，國慶反正也不打算出門啦撮，就繼續(xù)在家研究谭网。

又搗騰了兩天可算是試出來了，AE熟手估計(jì)分分鐘就能搞定這個(gè)效果吧赃春。

最近有幾位鹿友問了好幾個(gè)用AE制作的的文字動(dòng)畫特效织中，我也打算找機(jī)會(huì)逐一嘗試一下层坠，正好可以就讓自己對AE有個(gè)入門的了解座每。

對AE還不熟悉的鹿友我們就一起從這篇簡單的文字動(dòng)畫來熟悉AE的操作吧延赌。

來吧掐松，一起來用AE制作一個(gè)文字拉伸動(dòng)畫吧杠愧！

開始之前再啰嗦一句雕憔，分享給對AE還比較陌生的鹿友：

AE也是一個(gè)體系很龐大的軟件，有著各種預(yù)設(shè)、腳本沐绒、插件出刷，我們在對軟件本身的學(xué)習(xí)有一定的基礎(chǔ)以后，要學(xué)會(huì)善于利用各種腳本或者插件句灌，這樣可以大大的提高我們的效率榛搔。

本篇文章也會(huì)使用到AE的腳本，先說一下腳本的安裝方法吧，首先打開AE尔觉，執(zhí)行編輯-首選項(xiàng)-常規(guī)：

務(wù)必保證允許腳本寫入文件和訪問網(wǎng)絡(luò)這一項(xiàng)的前面打上勾：

由于AE的腳本多種多樣害幅，有一些是需要存放在AE安裝目錄的Scripts里瘾蛋，有一些是需要存放在ScriptUI Panels里佩抹。

文末我會(huì)直接把我的Scripts文件夾打包發(fā)給大家，里面包含了我安裝的AE所有腳本以及腳本管理器取董，供有需求的鹿友使用：

安裝腳本以后棍苹，重啟AE，就可以在窗口下面看見你安裝的腳本了茵汰，有一些腳本需要借助腳本管理器調(diào)用：

你可以把它們放置在界面上枢里，下次啟動(dòng)AE的時(shí)候就可以直接使用了：

腳本安裝完畢以后，進(jìn)入正題吧蹂午，新建一個(gè)正方形的合成栏豺，暫時(shí)先弄300幀吧：

再分別新建一個(gè)黑白純色圖層，這一步不用多說吧：

第一個(gè)是從上下各自伸展開的文字動(dòng)畫豆胸，首先打上文字奥洼，黑色描邊無填充色：

這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)文字的錨點(diǎn)是在左下角，如果直接對文字進(jìn)行縮放就不是很方便晚胡，所以默認(rèn)情況下我們是通過AE界面上方的錨點(diǎn)工具來對圖層的錨點(diǎn)進(jìn)行手動(dòng)位移灵奖。

但是這樣效率不高，這里我們就需要借助這個(gè)叫做Motion2的腳本估盘，點(diǎn)擊紅色箭頭處瓷患，可以直接通過面板上的指示來修改錨點(diǎn)位置，相當(dāng)方便：

首先將文字的錨點(diǎn)居中遣妥，調(diào)整好文字的大小以后擅编，使用motion2將錨點(diǎn)放置于文字的頂部：

選中文字層，按快捷鍵S調(diào)出縮放屬性箫踩，取消比例鎖定：

前面的縮放動(dòng)畫我們都做10幀吧沙咏，先在第10幀K上原尺寸，再回到第0幀班套，將高度尺寸改為0：

下方的文字也是同樣的道理肢藐，這個(gè)確實(shí)就沒什么好說的了，今天的案例效果前面部分確實(shí)是太簡單了吱韭，配合腳本操作是很快的吆豹，就當(dāng)作是一個(gè)小練習(xí)吧：

動(dòng)畫做好以后，選中所有圖層理盆，快捷鍵康秋加謝伏特加C痘煤，把他們添加到預(yù)合成里，這樣第一個(gè)文字動(dòng)畫就做好了：

做好以后可以隱藏掉第一個(gè)預(yù)合成猿规，然后繼續(xù)新建純色圖層開始做第二個(gè)動(dòng)畫：

第二個(gè)動(dòng)畫是文字從左上角和右下角進(jìn)行的等比縮放動(dòng)畫衷快，這個(gè)更簡單，直接做好其中一個(gè)文字動(dòng)畫以后姨俩，康秋加D復(fù)制一份出來蘸拔。

更改一下文字的錨點(diǎn)和位置就可以了师郑，這里我覺得細(xì)一點(diǎn)的字體要好一些，所以統(tǒng)一將文字的粗細(xì)修改了一下：

弄完以后同樣再康秋加謝伏特加C添加到預(yù)合成调窍，然后搞第三個(gè)文字動(dòng)畫：

就這樣我做了五個(gè)簡單的文字縮放動(dòng)畫宝冕，這里就不都寫出來了，這也不是今天文章的重點(diǎn)邓萨。

做好以后地梨，選中五個(gè)預(yù)合成按噢特兒加向右的方括號(hào)鍵裁掉多余的部分：

同樣在選中所有預(yù)合成的前提下，我們在腳本管理器中找到這個(gè)叫做層時(shí)間偏移的腳本缔恳。

雙擊以后數(shù)值輸入10幀宝剖，這樣所有的預(yù)合成就會(huì)統(tǒng)一偏移10幀，是不是很方便歉甚，靈活使用腳本會(huì)比手動(dòng)效率高很多：

預(yù)覽了一下万细，覺得10幀太快了點(diǎn)，所以我又改成了15幀：

搞定了前面五個(gè)簡單動(dòng)畫之后铃芦，我們來做后面比較麻煩的部分吧雅镊，我把后半段的動(dòng)畫單獨(dú)弄了出來大家再看看吧：

圖片源于網(wǎng)絡(luò)襟雷，如侵請聯(lián)刪

先分析一下：

1刃滓、上半部分和下半部分的動(dòng)畫是不一樣的，需要分開做耸弄。

2咧虎、上下部分都有拉伸扭曲的效果，都有位移動(dòng)畫计呈，文字都有回彈的感覺砰诵，背景色以及文字的填充或者描邊色會(huì)變化。

3捌显、下半部分的文字還有X軸壓縮的動(dòng)畫茁彭。

大概這樣吧，先做下半部分的動(dòng)畫吧扶歪，如圖所示拉參考線理肺，參考線的使用方法和Ps以及Ai一樣：

先批量的打上這些文字吧：

利用這個(gè)拆分文字的腳本，可以把這一串文字按詞進(jìn)行拆分：

對拆分后的每一組文字再調(diào)整一下尺寸：

先做其中一組文字的位移動(dòng)畫吧善镰，第0幀如圖所示的位置位置妹萨，快捷鍵P鍵調(diào)出位置屬性打上關(guān)鍵幀：

30幀的時(shí)候，讓它移動(dòng)到如圖所示的位置：

然后按快捷鍵S鍵調(diào)出縮放屬性炫欺，取消等比縮放乎完，打上關(guān)鍵幀：

到60幀的時(shí)候，讓X軸縮放為0打上關(guān)鍵幀品洛，注意錨點(diǎn)的位置哦：

由于每組文字的位移是一樣的树姨，所以可以直接復(fù)制第一組文字的關(guān)鍵幀粘貼給其他詞組：

縮放動(dòng)畫的話由于每組詞的尺寸不一樣摩桶，就手動(dòng)K一下，這個(gè)不難也不麻煩娃弓，這里就不贅述了：

再選中所有詞組用層時(shí)間偏移腳本統(tǒng)一向前偏移30幀：

這個(gè)時(shí)候播放文字典格，你會(huì)發(fā)現(xiàn)文字的位移以及縮放動(dòng)畫很呆板。

選中其中所有詞組的位置屬性台丛，點(diǎn)擊圖標(biāo)編輯器耍缴，我們可以看到，這是因?yàn)槟J(rèn)的關(guān)鍵幀動(dòng)畫是線性的：

而我們的參考案例應(yīng)該是一開始速度很快挽霉，然后漸漸慢下來有點(diǎn)停頓的感覺防嗡，然后又很快，這樣重復(fù)侠坎。

所以我們需要在圖表編輯器里框選關(guān)鍵幀蚁趁，點(diǎn)擊緩動(dòng)，這樣動(dòng)畫的速度就是緩入緩出：

然后通過調(diào)整曲線上的手柄实胸，把曲線調(diào)整成如圖所示的樣子他嫡，這個(gè)就代表著速度一開始很快，然后逐漸變慢：

縮放屬性也需要同樣的調(diào)整曲線庐完，這里就不再重復(fù)了：

每組文字的縮放以及位移動(dòng)畫都做好以后钢属，先把它們添加到一個(gè)新的預(yù)合成里：

為了方便觀察，先暫時(shí)給一個(gè)白色的純色圖層作為背景门躯，下面制作文字拉伸的效果了淆党。

這個(gè)是我之前是把AE效果里的所有扭曲的特效都試了一遍，沒有得到滿意的結(jié)果讶凉。

然后又挨個(gè)挨個(gè)的嘗試染乌，結(jié)果在過渡里找到了這個(gè)叫做CC Scale Wipe的效果，翻譯成中文叫做尺度擦出：

我們把方向改為90度懂讯，然后通過控制強(qiáng)度以及作用點(diǎn)的位置荷憋，就可以做出這個(gè)拉伸的效果出來了，不容易啊不容易：

拉伸的效果做好以后褐望，這個(gè)文字回彈扭曲的感覺還沒有勒庄，如果但是做彈性動(dòng)畫的話，Motion2就可以做出回彈的感覺來譬挚。

但是我嘗試過以后锅铅，發(fā)現(xiàn)效果不好，因?yàn)閰⒖紙D不僅有回彈减宣，回彈的時(shí)候還有尺寸上的變化盐须，所以我這里是手K的。

快捷鍵S調(diào)出預(yù)合成的縮放屬性漆腌，取消等比縮放贼邓，在大概20幀的位置打上一個(gè)關(guān)鍵幀：

在35幀的樣子縮放數(shù)值不變打上關(guān)鍵幀：

然后讓在大概中間的位置阶冈，X軸縮放數(shù)值變成135打上關(guān)鍵幀，這樣縮放的動(dòng)畫就是從原尺寸變大塑径，然后又恢復(fù)原尺寸的效果：

這里我們需要用錨點(diǎn)工具手動(dòng)的調(diào)整一下錨點(diǎn)的位置女坑，縮放的感覺就對了：

框選這些關(guān)鍵幀，可以用Motion2的克隆功能把關(guān)鍵幀復(fù)制到自己想要的位置：

背景顏色的變換就直接是多個(gè)不同顏色的純色圖層统舀，裁剪以后用腳本進(jìn)行時(shí)間上的偏移匆骗，這個(gè)不難：

文本的顏色變化在文本屬性里，點(diǎn)擊動(dòng)畫誉简，可以進(jìn)行對填充色或者描邊色K關(guān)鍵幀碉就，這個(gè)也就不多說了：

上半部分還要簡單一點(diǎn)，打字闷串，文字拆分瓮钥，調(diào)整大小這一步不用多說了吧：

快捷鍵P調(diào)出位置屬性，第0幀起始位置打上關(guān)鍵幀烹吵，然后第30幀走到如圖所示的位置碉熄，打上關(guān)鍵幀：

第60幀走完，打上關(guān)鍵幀：

將位置關(guān)鍵幀復(fù)制給其他詞組：

同樣用層時(shí)間偏移腳本將幾個(gè)層偏移30幀：

不要忘記也要修改速度曲線：

同樣將詞組添加到預(yù)合成里：

添加CC Scale Wipe特效：

S鍵調(diào)出縮放屬性肋拔，取消等比縮放锈津，大概15幀的位置打上關(guān)鍵幀：

然后大概30幀的位置，讓縮放X軸放大：

在兩個(gè)關(guān)鍵幀中間的位置只损，讓X軸參數(shù)變小打上關(guān)鍵幀洲敢，至于這個(gè)數(shù)值多少合適览祖，大家可以多多嘗試：

剩下的也是同樣的道理塔次，這里就不再啰嗦了池充，至于關(guān)鍵幀的位置大家看著效果來珍德，在文字速度變慢的地方K就可以派阱。

錨點(diǎn)的位置大家也多動(dòng)手嘗試吧株扛，關(guān)鍵幀的類型我設(shè)置為了緩動(dòng)：

文字顏色這些我就不說了护姆，篇幅太長了今天：

至于原圖中間的一條橫線蝗砾，我就直接用鋼筆工具畫了一個(gè)直線先较，然后通過添加生成-填充，來改變顏色：

最后導(dǎo)出動(dòng)圖看看效果吧：

還是沒有原圖有感覺悼粮，不知道有沒有其他腳本或者插件一類的可以更加便捷的制作闲勺。

今天的內(nèi)容有點(diǎn)長，但是運(yùn)用的都是AE的基礎(chǔ)操作扣猫。感覺這種有點(diǎn)形式感的動(dòng)畫配點(diǎn)BGM會(huì)更有感覺：

下面是今天的視頻版：

好啦菜循，今天的分享就到這里，想要腳本申尤，源文件以及原視頻的童鞋撩我獲取吧癌幕！

更多內(nèi)容歡迎關(guān)注公眾號(hào)：

本文由“野鹿志”發(fā)布

轉(zhuǎn)載前請聯(lián)系馬鹿野郎

私轉(zhuǎn)必究