? ? ? ?快過年了,各種事也是各種忙,特別是年底做匯報的小伙伴一大堆,所以這幾天做定制天天忙到很晚!本來打算發些定制設計的內容跟大家分享,無奈好多都有保密協議,不過好在征求了幾個朋友的意見后,先來分享幾個修改過的設計吧!
? ? ? ? 之前的幾期分享,我們大多是以歐美商務風為主,這種風格相對比較簡潔,頁面看起來比較清爽,特別是對于封面的設計而言,有時往往就是一個logo加文字就搞定了!
? ? ? ?之前一個小伙伴咨詢我,就是像這種特別簡單的logo+文字的封面動畫該怎么做?剛好碰到了類似的定制,所以簡單總結下有幾個思路:
? ? ?1.最簡單的效果。比如淡入,擦除效果就可以,因為本身可能就是商務簡約型的設計,所以也不必太復雜。
? ?? 2.從線條和色塊入手。有的封面可能并沒有logo,就是單純的文字和線條的組合,比如下圖的設計
? ? 感覺好像線條也沒幾個,但其實這些也就夠了,因為他們本身的線條只是我們最后看到的效果,前面其實可以有大量的效果進行引導。
? ? ? 3.從logo入手。這種就比較有意思了,因為除了結合logo本身的形狀之外,我們還要考慮一些潛在的內容,比如logo的寓意,比如廣告語等等;雖然自己并不會做logo,但是之前看過一些朋友發的logo的設計動畫,類似那種手繪的感覺,也是非常好的設計思路,比如下面的兩張圖。
? ? ? 預熱完畢,今天我們呢就以剛才的三張封面作為案例,聊聊設計的思路吧,敲黑板,劃重點嘍!老規矩,最后還是會分享給大家源文件哦!
? ? ? 先來看下最后的成最終效果吧!
1110十三期動畫庫 - 騰訊視頻
? ? ? 接下來,我們來逐一分析下。
1.線條類的設計。
? ? ? 比如剛才的第一個效果,因為沒有logo的出現,而且畫面相對簡單,基本上可以適用于很多四個字的名稱,甚至一些四個字的成語或者標語也是可以的!所以需要的小伙伴直接改改字就能用哦!
? ? ? ?一般這樣的封面,我會采取逆向設計的思路,比如最后最終的效果是四個方框□,所以我會先考慮方框的出現,推薦幾個出現的方式。
? ? ?1.放大或者縮小
? ? ?2.線條擦出。
? ? ?3.移動飛入等等
? ? ? 如果上一步我選擇了縮放的形式,這里會考慮用幾個形狀進行變形,比如這里可以用一個,也可以用四個進行變化
? ? ? 如果用一個進行變化,接下來就是考慮怎么變到這一步了,比如旋轉,比如位移等等,再或者用圖形變換,這里就是選擇了,圖形變化,從圓變到了方框,就是最開始的動畫效果
2.logo形狀的設計
? ? ? ?以第二個效果舉例,最初拿到這個logo的時候,感覺真的好簡單,簡單到無從下手,特別是logo(原logo已經替換掉了,形狀類似)本身其實沒有很特別的特點,而且在開始的時候也好難理解文案(每把傘都是雨做的)的意思。
? ? ? ?一籌莫展之際,隨手轉了轉logo,突然發現,倒過來之后的形狀很像一個水波紋,而且logo的取色特別像水滴的感覺,于是就有了下雨的過程中逐漸形成傘的外形的設想!
? ?制作過程中,隨著下雨的過程,傘逐漸形成,呼應文案的內容,每把傘都是雨做的,然后插入傘炳,旋轉一下就是最終的logo效果了!
? ? ?再來說說制作過程中的技巧,先是雨滴的制作,路徑加淡出就可以了,路徑結束的時候加上淡出動畫,最后在再記得加上重復次數,做好一個之后,復制若干份然后隨機分布就好了
? ? ?接著給水滴加個漣漪的效果,一個橢圓縮放出現,加上放大的同時伴隨淡出效果,最后同樣加上重復就好了
? ? ?下雨和漣漪的效果要想做的相對逼真,最好是錯開出現和持續的時間,亂一點反而更加自然,這里可不推薦大家手動調整,因為太多了,最簡單的方法,當然使用PA里面的時間序列去調整嘍
雨傘的形成過程慢慢灌滿的樣子,是利用遮罩效果制作的,底層是個波浪的移動效果,想到了不?
? ? ? 剩下的工作就比較簡單了,傘炳飛入,然后旋轉縮小就好了,這里還有個小技巧,傘炳插入后旋轉的時候,因為旋轉中心的不一樣,所以旋轉之后會錯位,所以,進入之后的一瞬間,另一個組合后的傘出現,其他兩部分同時消失,這時旋轉和縮小就摧毀錯位嘍!快去試試吧!
3.從形狀入手
? ? ? ? ?有時一些logo就是從公司的名稱演化來的,比如小米的logo,之前在網上搜索素材的時候,無意中發現下面的封面,logo本身就是從字母A變化而來的。
? ? 所以這次的思路就是字母演變的過程,先出現字母A,然后填充消失,剩下邊框,再切割掉部分邊框,最后出現logo效果
? ? ? ?幾點小技巧,先是切割的過程要快,這樣相對逼真一些,接著多余方框掉落的過程適當加上一定角度的旋轉,這樣更符合物理下落的過程
? ? ?總結下,封面和logo動畫設計的過程,
? ? ?1.元素少沒有關系,加上適當的效果就好
? ? ?2.從形狀,線條,色塊和文案里面找靈感
? ? ?3.講個故事,和文案配合好!
? ? ?好啦,今天的內容就這么多,下周見啦?