【呆大的動畫庫】來聊聊封面和logo動畫那點事

? ? ? ?快過年了,各種事也是各種忙,特別是年底做匯報的小伙伴一大堆,所以這幾天做定制天天忙到很晚!本來打算發些定制設計的內容跟大家分享,無奈好多都有保密協議,不過好在征求了幾個朋友的意見后,先來分享幾個修改過的設計吧!


? ? ? ? 之前的幾期分享,我們大多是以歐美商務風為主,這種風格相對比較簡潔,頁面看起來比較清爽,特別是對于封面的設計而言,有時往往就是一個logo加文字就搞定了!

? ? ? ?之前一個小伙伴咨詢我,就是像這種特別簡單的logo+文字的封面動畫該怎么做?剛好碰到了類似的定制,所以簡單總結下有幾個思路:

? ? ?1.最簡單的效果。比如淡入,擦除效果就可以,因為本身可能就是商務簡約型的設計,所以也不必太復雜。

? ?? 2.從線條和色塊入手。有的封面可能并沒有logo,就是單純的文字和線條的組合,比如下圖的設計

01

? ? 感覺好像線條也沒幾個,但其實這些也就夠了,因為他們本身的線條只是我們最后看到的效果,前面其實可以有大量的效果進行引導。

? ? ? 3.從logo入手。這種就比較有意思了,因為除了結合logo本身的形狀之外,我們還要考慮一些潛在的內容,比如logo的寓意,比如廣告語等等;雖然自己并不會做logo,但是之前看過一些朋友發的logo的設計動畫,類似那種手繪的感覺,也是非常好的設計思路,比如下面的兩張圖。

02

? ? ? 預熱完畢,今天我們呢就以剛才的三張封面作為案例,聊聊設計的思路吧,敲黑板,劃重點嘍!老規矩,最后還是會分享給大家源文件哦!

? ? ? 先來看下最后的成最終效果吧!

1110十三期動畫庫 - 騰訊視頻

? ? ? 接下來,我們來逐一分析下。

1.線條類的設計。

? ? ? 比如剛才的第一個效果,因為沒有logo的出現,而且畫面相對簡單,基本上可以適用于很多四個字的名稱,甚至一些四個字的成語或者標語也是可以的!所以需要的小伙伴直接改改字就能用哦!

01

? ? ? ?一般這樣的封面,我會采取逆向設計的思路,比如最后最終的效果是四個方框□,所以我會先考慮方框的出現,推薦幾個出現的方式。

? ? ?1.放大或者縮小

? ? ?2.線條擦出。

? ? ?3.移動飛入等等

效果舉例

? ? ? 如果上一步我選擇了縮放的形式,這里會考慮用幾個形狀進行變形,比如這里可以用一個,也可以用四個進行變化

? ? ? 如果用一個進行變化,接下來就是考慮怎么變到這一步了,比如旋轉,比如位移等等,再或者用圖形變換,這里就是選擇了,圖形變化,從圓變到了方框,就是最開始的動畫效果

2.logo形狀的設計

? ? ? ?以第二個效果舉例,最初拿到這個logo的時候,感覺真的好簡單,簡單到無從下手,特別是logo(原logo已經替換掉了,形狀類似)本身其實沒有很特別的特點,而且在開始的時候也好難理解文案(每把傘都是雨做的)的意思。

? ? ? ?一籌莫展之際,隨手轉了轉logo,突然發現,倒過來之后的形狀很像一個水波紋,而且logo的取色特別像水滴的感覺,于是就有了下雨的過程中逐漸形成傘的外形的設想!

logo特點

? ?制作過程中,隨著下雨的過程,傘逐漸形成,呼應文案的內容,每把傘都是雨做的,然后插入傘炳,旋轉一下就是最終的logo效果了!

? ? ?再來說說制作過程中的技巧,先是雨滴的制作,路徑加淡出就可以了,路徑結束的時候加上淡出動畫,最后在再記得加上重復次數,做好一個之后,復制若干份然后隨機分布就好了

? ? ?接著給水滴加個漣漪的效果,一個橢圓縮放出現,加上放大的同時伴隨淡出效果,最后同樣加上重復就好了

? ? ?下雨和漣漪的效果要想做的相對逼真,最好是錯開出現和持續的時間,亂一點反而更加自然,這里可不推薦大家手動調整,因為太多了,最簡單的方法,當然使用PA里面的時間序列去調整嘍

下雨效果

雨傘的形成過程慢慢灌滿的樣子,是利用遮罩效果制作的,底層是個波浪的移動效果,想到了不?

? ? ? 剩下的工作就比較簡單了,傘炳飛入,然后旋轉縮小就好了,這里還有個小技巧,傘炳插入后旋轉的時候,因為旋轉中心的不一樣,所以旋轉之后會錯位,所以,進入之后的一瞬間,另一個組合后的傘出現,其他兩部分同時消失,這時旋轉和縮小就摧毀錯位嘍!快去試試吧!

3.從形狀入手

? ? ? ? ?有時一些logo就是從公司的名稱演化來的,比如小米的logo,之前在網上搜索素材的時候,無意中發現下面的封面,logo本身就是從字母A變化而來的。

? ? 所以這次的思路就是字母演變的過程,先出現字母A,然后填充消失,剩下邊框,再切割掉部分邊框,最后出現logo效果

03

? ? ? ?幾點小技巧,先是切割的過程要快,這樣相對逼真一些,接著多余方框掉落的過程適當加上一定角度的旋轉,這樣更符合物理下落的過程


? ? ?總結下,封面和logo動畫設計的過程,

? ? ?1.元素少沒有關系,加上適當的效果就好

? ? ?2.從形狀,線條,色塊和文案里面找靈感

? ? ?3.講個故事,和文案配合好!

? ? ?好啦,今天的內容就這么多,下周見啦?

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,797評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,179評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,628評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,642評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,444評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,948評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,040評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,185評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,717評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,602評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,794評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,316評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,045評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,418評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,671評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,414評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,750評論 2 370

推薦閱讀更多精彩內容