? ? ? ?快過年了，各種事也是各種忙，特別是年底做匯報的小伙伴一大堆斋泄，所以這幾天做定制天天忙到很晚！本來打算發(fā)些定制設計的內(nèi)容跟大家分享镐牺，無奈好多都有保密協(xié)議炫掐，不過好在征求了幾個朋友的意見后，先來分享幾個修改過的設計吧睬涧！
? ? ? ? 之前的幾期分享募胃，我們大多是以歐美商務風為主，這種風格相對比較簡潔畦浓，頁面看起來比較清爽痹束，特別是對于封面的設計而言，有時往往就是一個logo加文字就搞定了讶请！
? ? ? ?之前一個小伙伴咨詢我祷嘶，就是像這種特別簡單的logo＋文字的封面動畫該怎么做？剛好碰到了類似的定制，所以簡單總結(jié)下有幾個思路：
? ? ?1.最簡單的效果抹蚀。比如淡入剿牺，擦除效果就可以，因為本身可能就是商務簡約型的設計环壤，所以也不必太復雜。
? ?? 2.從線條和色塊入手钞诡。有的封面可能并沒有l(wèi)ogo郑现，就是單純的文字和線條的組合，比如下圖的設計
? ? 感覺好像線條也沒幾個荧降，但其實這些也就夠了接箫，因為他們本身的線條只是我們最后看到的效果，前面其實可以有大量的效果進行引導朵诫。
? ? ? 3.從logo入手辛友。這種就比較有意思了，因為除了結(jié)合logo本身的形狀之外剪返，我們還要考慮一些潛在的內(nèi)容废累，比如logo的寓意，比如廣告語等等脱盲；雖然自己并不會做logo邑滨，但是之前看過一些朋友發(fā)的logo的設計動畫，類似那種手繪的感覺钱反，也是非常好的設計思路掖看，比如下面的兩張圖停局。
? ? ? 預熱完畢肴楷，今天我們呢就以剛才的三張封面作為案例库正，聊聊設計的思路吧麸俘，敲黑板推汽，劃重點嘍喧伞！老規(guī)矩法挨，最后還是會分享給大家源文件哦窜司！
? ? ? 先來看下最后的成最終效果吧焕毫！
1110十三期動畫庫 - 騰訊視頻
? ? ? 接下來蹲坷，我們來逐一分析下。
1.線條類的設計邑飒。
? ? ? 比如剛才的第一個效果循签，因為沒有l(wèi)ogo的出現(xiàn)，而且畫面相對簡單疙咸，基本上可以適用于很多四個字的名稱县匠，甚至一些四個字的成語或者標語也是可以的！所以需要的小伙伴直接改改字就能用哦！
? ? ? ?一般這樣的封面乞旦，我會采取逆向設計的思路贼穆，比如最后最終的效果是四個方框□，所以我會先考慮方框的出現(xiàn)兰粉，推薦幾個出現(xiàn)的方式故痊。
? ? ?1.放大或者縮小
? ? ?2.線條擦出。
? ? ?3.移動飛入等等
? ? ? 如果上一步我選擇了縮放的形式玖姑，這里會考慮用幾個形狀進行變形愕秫，比如這里可以用一個，也可以用四個進行變化
? ? ? 如果用一個進行變化焰络，接下來就是考慮怎么變到這一步了戴甩，比如旋轉(zhuǎn)，比如位移等等闪彼，再或者用圖形變換甜孤，這里就是選擇了，圖形變化畏腕，從圓變到了方框缴川，就是最開始的動畫效果
2.logo形狀的設計
? ? ? ?以第二個效果舉例，最初拿到這個logo的時候郊尝，感覺真的好簡單二跋，簡單到無從下手，特別是logo(原logo已經(jīng)替換掉了流昏，形狀類似)本身其實沒有很特別的特點扎即，而且在開始的時候也好難理解文案(每把傘都是雨做的)的意思。
? ? ? ?一籌莫展之際况凉，隨手轉(zhuǎn)了轉(zhuǎn)logo谚鄙，突然發(fā)現(xiàn)，倒過來之后的形狀很像一個水波紋刁绒，而且logo的取色特別像水滴的感覺闷营，于是就有了下雨的過程中逐漸形成傘的外形的設想！
? ?制作過程中知市，隨著下雨的過程傻盟，傘逐漸形成，呼應文案的內(nèi)容嫂丙，每把傘都是雨做的娘赴，然后插入傘炳，旋轉(zhuǎn)一下就是最終的logo效果了跟啤！
? ? ?再來說說制作過程中的技巧诽表，先是雨滴的制作唉锌，路徑加淡出就可以了，路徑結(jié)束的時候加上淡出動畫竿奏，最后在再記得加上重復次數(shù)袄简，做好一個之后，復制若干份然后隨機分布就好了
? ? ?接著給水滴加個漣漪的效果泛啸，一個橢圓縮放出現(xiàn)绿语，加上放大的同時伴隨淡出效果，最后同樣加上重復就好了
? ? ?下雨和漣漪的效果要想做的相對逼真候址，最好是錯開出現(xiàn)和持續(xù)的時間汞舱，亂一點反而更加自然，這里可不推薦大家手動調(diào)整宗雇，因為太多了，最簡單的方法莹规，當然使用PA里面的時間序列去調(diào)整嘍
雨傘的形成過程慢慢灌滿的樣子赔蒲，是利用遮罩效果制作的，底層是個波浪的移動效果良漱，想到了不舞虱？
? ? ? 剩下的工作就比較簡單了，傘炳飛入母市，然后旋轉(zhuǎn)縮小就好了矾兜，這里還有個小技巧，傘炳插入后旋轉(zhuǎn)的時候患久，因為旋轉(zhuǎn)中心的不一樣椅寺，所以旋轉(zhuǎn)之后會錯位，所以蒋失，進入之后的一瞬間返帕，另一個組合后的傘出現(xiàn)，其他兩部分同時消失篙挽，這時旋轉(zhuǎn)和縮小就摧毀錯位嘍荆萤！快去試試吧！
3.從形狀入手
? ? ? ? ?有時一些logo就是從公司的名稱演化來的铣卡，比如小米的logo链韭，之前在網(wǎng)上搜索素材的時候，無意中發(fā)現(xiàn)下面的封面煮落，logo本身就是從字母A變化而來的敞峭。
? ? 所以這次的思路就是字母演變的過程，先出現(xiàn)字母A州邢，然后填充消失儡陨，剩下邊框褪子，再切割掉部分邊框，最后出現(xiàn)logo效果
? ? ? ?幾點小技巧骗村，先是切割的過程要快嫌褪，這樣相對逼真一些，接著多余方框掉落的過程適當加上一定角度的旋轉(zhuǎn)胚股，這樣更符合物理下落的過程
? ? ?總結(jié)下笼痛，封面和logo動畫設計的過程，
? ? ?1.元素少沒有關(guān)系琅拌，加上適當?shù)男Ч秃?/b>
? ? ?2.從形狀缨伊，線條，色塊和文案里面找靈感
? ? ?3.講個故事进宝，和文案配合好刻坊！
? ? ?好啦，今天的內(nèi)容就這么多党晋，下周見啦谭胚？
