設(shè)計(jì)完成效果圖
?
?
一靖榕、在PS中做出基本字體圖形
1.新建800*600的畫布，然后畫四個(gè)200*200的田字格顽铸，寫漢字嘛茁计，就要按照習(xí)慣來，也為了裝B好看點(diǎn)谓松。
2.動(dòng)筆之前星压，分析一下，字體組成元素鬼譬，主要是橫娜膘、豎、撇优质、捺竣贪、點(diǎn)，我們根據(jù)自己的想法巩螃，把構(gòu)成字體的基礎(chǔ)元素用直線和圓切割出來演怎。其中字體的有效區(qū)域是160*160px，我用的方法是路徑加8px的描邊避乏。當(dāng)然你們也可以根據(jù)自己的喜歡嘗試一下其他的參數(shù)和方法爷耀。這里主要是闡述一下思路，具體步驟不再贅述拍皮，相信牛逼的你們肯定做的比我更好歹叮。
3.按照上述思路，完整做出“春夏秋冬”四個(gè)字铆帽。插句題外話咆耿，有朋友建議我做一套這種類型的字體，被我婉拒了爹橱，一來我本身不是字體設(shè)計(jì)師萨螺，對(duì)字體設(shè)計(jì)算是門外漢，不敢關(guān)公面前耍大刀；二來是這種比較個(gè)性的字體屑迂，只針對(duì)幾個(gè)特殊的字比較好看浸策，這些元素并不一定適合所有的字，如果真的做成好幾千字的字體惹盼，可能效果會(huì)大打折扣庸汗；最后還有就是版權(quán)問題，嚴(yán)格來說我只是找參考做了一些變形手报，并不屬于真正意義上的原創(chuàng)蚯舱。權(quán)當(dāng)是個(gè)藝術(shù)字，當(dāng)做練習(xí)罷了掩蛤。
4.按照慣例枉昏，加個(gè)裝逼線，簡單包裝一下揍鸟，裝裝逼兄裂，哈哈（此步驟可以省略）
二、導(dǎo)入AI
1.在AI中也是新建800*600的畫布阳藻，把上邊第一步中的田字格背景導(dǎo)入到AI晰奖，然后回到PS，用路徑選擇工具選中所有的字體路徑腥泥，Ctrl+C復(fù)制匾南，然后到AI中Ctrl+V粘貼，在彈出的粘貼選項(xiàng)中蛔外，選擇復(fù)合路徑（較快）蛆楞。
2.適當(dāng)調(diào)整位置，讓每個(gè)字和背景中的田字格對(duì)齊夹厌。然后進(jìn)行導(dǎo)入AE中的準(zhǔn)備工作——為字體分層豹爹。
3.在AI中我們知道，形狀路徑等默認(rèn)都是在一個(gè)圖層上的尊流，雖然我們?cè)谶@個(gè)案列中帅戒，不分層也可以做出預(yù)期的動(dòng)效（下面步驟我會(huì)解釋為什么）灯帮，但是為了保持良好的習(xí)慣崖技，我們還是為每個(gè)字體單獨(dú)分個(gè)層比較好。4.新建四個(gè)圖層（怎么新建圖層不用說了吧钟哥，和PS一樣迎献，右下鍵垃圾桶左邊那個(gè)就是新建圖層），分別命名為春腻贰、夏吁恍、秋、冬，然后把相應(yīng)的復(fù)合路徑拖拽到相應(yīng)的圖層即可冀瓦，最后把田字格背景放到最底部伴奥。如下圖所示
5.這里再多說句，就是這個(gè)圖層中復(fù)合路徑的順序翼闽，這里的順序代表著字體的書寫順序拾徙，在這里可以根據(jù)你想要的書寫順序，把相應(yīng)的復(fù)合路徑順序調(diào)好感局，這樣再導(dǎo)入AE后就不用調(diào)了尼啡。如果這里不調(diào)也沒關(guān)系，導(dǎo)入AE后也是可以調(diào)節(jié)的询微。
6.保存AI文件崖瞭，打開AE。
三撑毛、導(dǎo)入AE制作簡單動(dòng)效
1.打開AE后书聚，導(dǎo)入AI文件，在彈出的對(duì)話框選擇合成-圖層大小藻雌。
2.下面就是把AI矢量文件寺惫，轉(zhuǎn)化成AE中的矢量形狀了。這里先說一下動(dòng)效的原理蹦疑，主要是利用AE中的修剪路徑西雀，而修剪路徑只能對(duì)AE的形狀才有作用，對(duì)圖片等其他格式是不起作用的歉摧。所以選中春夏秋冬這四個(gè)圖層艇肴，右鍵，從矢量圖冊(cè)新建形狀叁温。
3.新建完形狀圖層再悼，AI里的這四個(gè)圖層使命就算結(jié)束了，可以刪掉了膝但。剩下的就是展開圖層冲九，在內(nèi)容右側(cè)，有個(gè)添加跟束，然后選擇修剪路徑莺奸。
4.在內(nèi)容下邊，就會(huì)多出來修剪路徑冀宴，展開后灭贷，先把“修剪多重形狀”改成單獨(dú)，再把結(jié)束改成0%略贮，這樣可以字就完全消失了甚疟。這時(shí)你在滑動(dòng)開始或者結(jié)束仗岖，就會(huì)發(fā)現(xiàn)字按照筆畫書寫起來了。如果之前在AI里面沒調(diào)整順序览妖，那轧拄，上邊的那個(gè)組1到組7就是對(duì)應(yīng)的之前AI的復(fù)合路徑，調(diào)整這個(gè)順序就能調(diào)整字的筆畫書寫順序讽膏。
5.到這步就是添加關(guān)鍵幀了紧帕，假如每個(gè)字書寫的時(shí)間是1秒（可以根據(jù)筆畫多少適當(dāng)調(diào)整每個(gè)字的動(dòng)效時(shí)間，比如冬這個(gè)字筆畫比較少桅打，就可以讓他的時(shí)間稍微少一些）是嗜，那么在第0幀，開始為0挺尾，在1s的時(shí)候鹅搪，開始為100%，這樣一個(gè)字的動(dòng)效就做出來了遭铺。
6.其他字一次按照上述方法丽柿，完成關(guān)鍵幀的制作就可以了。到這就可以回答上面的一個(gè)問題了魂挂，如果四個(gè)字不分層的話甫题，按照這個(gè)方法也可以，甚至說要更簡單涂召，那為什么我們還要分層呢坠非？當(dāng)然是為了給自己留后路，也為了保持一個(gè)良好的習(xí)慣果正。不分層的話炎码，整個(gè)動(dòng)效是一起下來的，調(diào)整筆畫的順序容易出錯(cuò)秋泳，也不適合后期添加其他的一些效果潦闲。所以，雖然麻煩點(diǎn)迫皱，我們還是保持分層比較好歉闰。下面是我做出來的簡單效果
7.AE的導(dǎo)出想必不必多說了，必須先導(dǎo)出視頻卓起，然后再從PS導(dǎo)出gif和敬，不過AE也有導(dǎo)出gif的插件，大家感興趣的也可以試一試既绩。
免? 費(fèi)? 素? 材
中國風(fēng)素材海報(bào)合集168款加PSD源文件
本資源均為通過網(wǎng)絡(luò)等公開合法渠道獲取的資料概龄，該資料僅作為學(xué)習(xí)交流之用还惠，其版權(quán)歸原作者或原出版社所有饲握，不對(duì)所涉及的版權(quán)問題負(fù)法律責(zé)任私杜。所有資料均為免費(fèi)分享，不獲取任何利益救欧。如原作者認(rèn)為侵權(quán)衰粹，請(qǐng)聯(lián)系我們，我們立即刪除文章笆怠，謝謝铝耻！
?獲取方式?
（之前直接放鏈接，很容易失效）
公眾號(hào)窗口回復(fù)我：004
極影敘每天分享一篇國內(nèi)外優(yōu)秀設(shè)計(jì)案例蹬刷、字體瓢捉、筆刷、軟件办成、教程泡态、插件、源文件等素材干貨迂卢，很榮幸得到你的關(guān)注某弦！
