有好多小夥伴想了解動效是怎麼做出來的？那就與大家再分享一組動效字體設計吧。動效部分有些方法可能不算是做簡潔的，請大家多多包涵！提前提示一下這組動效不算很簡單~OK，首先做好準備工作電腦中要有AI和AE這兩款軟件，AI應該都有所瞭解吧，它是一款矢量軟件，我主要是用它來做字體設計。動效部分則使用一款名叫AE的軟件，也是Adobe公司的產品，所以很多快捷鍵都相同，用起來也會比較順手。
軟件搞定之後，咱們就開始吧！
我將分為三個大部分進行：1、構思部分 2、字形設計部分 3、動效設計部分
首先，咱們要做的“禮物”這組字給人何種感受那？當收到“禮物”時的我們是快樂的、開心的，“禮物”也希望是越大越開心了~哈哈...那在字型上就應該體現出歡樂有趣的感覺，形意相符才是極好的！
那麼怎樣在字型中體現出歡樂有趣那？還是老套路~先去瞧瞧大神們是怎樣處理的吧！
找了一些有趣的字體設計，可以發覺他們有一些共同點:1、顏色鮮豔 2、色彩豐富 3、筆形奇特 這些都可以給咱們提供一個很好的方向，那咱們不妨採用描邊字的方法來設計這組字，在上方列舉的字體設計中也有這種設計方法，並調整筆畫的顏色使其達到色彩豐富的效果。
那麼怎樣達到筆形奇特的特點那？可以嘗試將描邊的大小設置的大一些，這樣一來即使得筆畫很Q、很有趣同時又符合字義，因為大家都希望禮物能多一些大一些~哈哈...
思路梳理好後，那咱們就開動吧！
先做成等大的字面外框，以此來保證字體的大小一致，然後用鋼筆工具做出基礎結構，要注意這兩個字都是左右結構,但是左右的佔比都是不同的。統一增大描邊的大小，並選取三種顏色對筆畫進行填充，填充顏色時儘量讓相鄰的筆畫顏色錯開，這樣效果會很好。 
感覺描邊有些小了，繼續增大描邊的大小。但是這裡就沒有統一增大描邊了,灰色線條標記出的筆畫描邊值為21pt，白線條標記出的筆畫描邊值為19pt，黃線條標記出的筆畫描邊值為18pt，這樣添加細節是為了整體效果更協調一些。（描邊的大小不是固定的，取決於字面的大小）最後添加一些圓形用來替換筆畫，以此來增加字體的趣味性，並且調整筆畫的順序使得筆畫之間出現疊加感，增加字體的層次感！並搭配上圓體的英文~
在做動畫之前，首先要想好筆畫是怎樣運動的？那麼咱們就先看一下慢動作，觀察一下他們是怎樣運動的，一遍做好前期的準備工作。
觀察後會發現，首先是小球彈跳，隨後是小球“爆炸”，然後是筆畫動畫，筆畫動畫再細化是運用了位置、縮放、旋轉和蒙版路徑這些關鍵幀，蒙版路徑大家可能不太清楚它是什麼鬼？下面簡單說明一下：大家在觀察筆畫動畫的時候，可以看到每個筆畫是由小球變形而來的，那蒙版路徑的作用就是完成這一變形動作。OK、咱們繼續拆分動畫，伴隨筆畫動畫還有一些輔助的線條動畫，最後的結尾動畫還是“爆炸”。這些就是這組動畫的拆分，大夥是不是有些懵逼了~莫慌，跟隨俺的步伐！
下面開始做準備工作：
1、先在AI中做出一個漸變小球，顏色就是字體中運用的三種顏色。然後把字體的位置也放好。（注意 ：字體的筆畫沒有進行逐一拆分，而是編為一個圖層）
隨後，導入到AE中
2、在導入筆畫之前，上步的文字圖層就派上了用場，它主要是用來確定筆畫位置和提前顏色。先將文字圖層剪切（Ctrl+X）然後粘貼（Ctrl+V）到外層，並降低透明度方便之後確定位置。
筆畫導入到AE中後，就可以開始修改顏色了，修改筆畫顏色有兩種方法： 1、添加填充效果2、直接修改蒙版的顏色（Ctrl+Shift+Y），咱們為了介紹怎樣添加效果，就選用填充效果這種方法了。
OK,準備工作全部搞定了，下面就開始製作動畫吧！
首先，是製作小球彈跳動畫，這裡要用到位置和縮放，位置就不用說了吧，縮放是為了做出小球的彈性效果。
縮放幀的形態變化：
模擬出小球彈跳的彈性變化
調整位置關鍵幀速度曲線：
下面開始製作“爆炸”效果：
要用到一個叫Particular的插件，這是一個非常神奇的插件！
只需複製到插件目錄：Adobe/AdobeAfterEffects/Support Files/Plug-ins
安裝完成後，咱們就開始製作吧！
，然後創建純色圖層（Ctrl+Y）添加Particular效果調整發射圖層
這樣Particular插件就完美激活了！（注意：發射圖層一定是合成並且是3D圖層）
接下來介紹下要調整的參數：
要調整的都已經標註出來了，要注意：這些參數都沒有定值，要看大家想要的效果來調整，大家可以隨機調整一下，觀察下不同的數值會有怎樣的效果~別看要調整的參數這麼多，其實並不是很難的。
然後複製兩層，並修改顏色、粒子數和粒子大小從而增加層次感。
最後創建黑色背景並調整時間軸，使得小球彈跳後開始“爆炸”效果。
先把錨點放在筆畫與水平線的交點上，因為要做出一種擺動效果，錨點放在這個位置擺動效果會比較真實，同時效果也會比較好！
錨點確定好後，先做出位置、縮放和旋轉的關鍵幀，縮放是為了讓它有一種彈性的感覺，而旋轉想達到擺動的效果。但是可以觀察到它是從原圖形縮放而來，而不是咱們想要的小球變化而來，所以開始添加形狀變化的關鍵幀，就要說到蒙版路徑的使用。
詳細說明一下是怎樣操作的：首先在蒙版路徑K出一個關鍵幀，並複製這個關鍵幀，之後兩幀直接粘貼就可以。然後單獨做一個小球並複製它的蒙版路徑，而後粘貼到筆劃動畫的蒙版路徑中，並調整好關鍵幀的位置，然後雙擊小球對它進行單獨編輯，調整它的大小並將它放在錨點上方，這麼做是為了讓它延位置關鍵幀的路徑進行變化。之後兩個關鍵幀對筆畫進行拉，目的是生動體現出擺動時的彈性效果。
效果圖：
最後調整時間軸。
筆畫動畫的基本原理基本搞定了！剩下就是大量的調整和複製，其實原理不算太難就是量大了一些~
下面按照運動軌跡再添加一些輔助的線條和圖形動畫：
線條動畫先用
（鋼筆工具）做出線條，然後在添加選項中添加修剪路徑,編輯開始與結束的關鍵幀。
圖形動畫先用
（橢圓工具）做出圓環，然後編輯位置與縮放的關鍵幀。
下面還是大量的複製,並調整時間軸~.~
結尾動畫還是“爆炸”效果，與小球彈跳的原理相同，只是參數稍有不同~詳細的可以下載附件源文件進行查看。
整個教程下來，還是主要是介紹動效部分的比重大一些，簡單梳理一下動效部分的幾個重點部分：1、彈性小球彈性效果的製作 2、Particular插件“爆炸效果的製作” 3、蒙版路徑如何使用，整個動效部分是有些難度~我儘量將它寫的詳細一些，若有不懂之處可以多看幾遍~或者下載附件中的AE源文件進行查看，並且附件中還打包了本教程中要用的一些文件。如果有做的不好的地方還請大夥多包涵！
回覆“禮物素材”提供教程源文件下載鏈接
回覆“Adobe”即可獲得Adobe CC版本！
（附安裝、破解方法，支持Win和Mac系統）
轉自：字遊工坊
- END -
吾生也有涯，而知也無涯
閱讀更多 獨門絕技 的文章
