(圖文版)AE野教程:GDC設計獎的海報動圖是如何製作的

2021-01-08 野鹿志

時間有限直接看問題吧:

@謝童鞋發過來的是一個動圖,由於微信上沒有辦法保存到本地,我就簡單描述一下,原圖就是一個沿著路徑生長的動畫。

我嘗試了一下,其實謝童鞋說的修剪路徑是可以做出來的,可能是哪裡沒弄對吧?

這張圖好像是GDC設計獎的海報圖?好吧,今天我們就來看看這個GDC設計獎的海報圖是如何製作的吧!

開始之前還是又雙叒叕囉嗦一句,我對AE的操作不熟悉。個人覺得AE雖然是一個很強大的視頻圖形視頻處理軟體,但是還是有很多覺得不太好操作的點。

首先是排版方面,用AE操作起來真的是很不方便,另外AE對於形狀圖層的操作也很讓人頭疼,縮放形狀圖層的時候描邊也會一同縮放,如果不希望一同縮放,我在網上找過方法,貌似最直接的方法就是輸入表達式了。

不過好在Adobe自家的軟體支持都非常好,所以就像之前寫過的復相疊影的效果,排版部分我就是用的PS做的:

今天的內容,由於涉及到的是路徑,所以我覺得用AI會比較方便一點,打開AI,用鋼筆工具畫出這樣的路徑出來:

在描邊屬性裡把路徑改為圓頭:

再畫兩個圓,這一步不用多說吧:

再畫一個大圓:

用剪刀工具剪開箭頭所示的地方,刪除多餘的路徑:

到這裡AI裡的部分就操作的差不多了,反正就我個人而言這些操作你讓我在AI裡操作肯定會比在AE裡操作要快的多。

可以先把顏色改為自己喜歡的顏色吧,不過不改也沒關係,然後將AI裡的圖層進行釋放:

釋放以後這些圖層都是圖層1的子圖層,把他們拖出來:

這個時候圖層1就會變成空圖層,刪除以後就可以保存AI文件了:

接下來打開AE,導入AI文件:

雙擊合成進入,就可以看到AI分好的圖層了:

全選所有圖層,滑鼠右鍵從矢量圖層創建形狀:

這樣每一個AI圖層都會新建出一個形狀圖層出來,AI圖層就可以刪掉了:

下面就是做路徑動畫了,我以其中一個路徑為例,展開屬性,在內容裡點擊小三角添加修剪路徑:

然後再通過開始或者結束的參數來控制路徑的生長K關鍵幀就行了,其實還是蠻簡單的:

可以像原圖一樣,給圖層添加圖層樣式內發光:

然後再去調整圖層樣式的參數,這一步不用多說吧,和PS是一樣的:

調整好了以後,可以直接把這個圖層樣式複製給其他的圖層:

接下來繼續把其他的圖層動畫做好就行了,這裡就不贅述了,過程中你可能需要對圖層進行旋轉或者微調位置:

路徑動畫做好以後,可以再如原圖一樣給整體的位置做一丟丟的位移動畫:

旋轉也可以做一下動畫,讓畫面看起來有一點緩慢飄動的感覺:

最後搞上文字看看靜圖和動圖的效果吧:

靜圖
動圖

其實還是挺簡單的吧,就當是AE的入門練習吧。

好啦,今天的分享就到這裡,想要源文件以及視頻版的童鞋後臺撩我獲取吧!

更多內容歡迎關注公眾號:

本文由「野鹿志」發布

轉載前請聯繫馬鹿野郎

私轉必究

相關焦點

  • (圖文版)AE野教程:一起來製作一個復相疊影的效果吧
    不知道是不是我對AE不熟悉的原因,我覺得用AE排版太不方便了,所以我們先事先用PS或者AI都可以,做好排版,這個應該沒什麼好說的吧:打開AE,雙擊紅色箭頭處,選中用PS排版好的PSD文件,勾選創建合成,點擊導入:導入以後選擇導入種類為合成-保持圖層大小,圖層選項為可編輯的圖層樣式,然後點擊確定:雙擊合成就可以看見PS裡分好層的圖層了:下面就要開始製作特效了
  • (圖文版)C4D+AE教程:像素入侵的效果是如何製作的
    初一、初二、初三躺了三天看漫畫,之後就又和平常一樣東拼西湊的學習,然後我在B站上看到了國外大神的一個創意視頻:我截取了一小段視頻弄成了動圖給大家看看,完整版的大家可以直接在B站上搜索觀看,文後我也會分享給大家:動圖壓縮有損,不過大家還是能夠看明白吧,其實就是實景合成,然後把視頻中的一些內容變成像素。
  • Premiere教程,pr使用07,GIF動圖的製作
    ~首先新建一個項目,請參看前文Premiere教程,pr使用01,第一次使用看完這篇就可以做視頻剪輯了然後需要導入一些素材,請參看前文Premiere教程,pr使用02,導入素材製作GIF動圖當然就不需要音頻類的素材了,就算使用了,最終導出的時候也會被忽略掉。其它都很做視頻剪輯時的操作一樣,拖時間軸啊,修修剪剪啊,塗塗改改啊之類的。
  • AE製作出花開動畫的詳細操作步驟
    Adobe AE CS4 綠色中文版軟體版本:9.0.1 精簡漢化綠色版影音工具立即查看有許多夥伴還不明白AE製作出花開動畫的操作過程,不過沒事,下面小編就帶來了AE製作出花開動畫的教程,希望感興趣的朋友都來共同學習哦。
  • vr全景圖如何製作?vr製作用什麼軟體?(詳細教程)
    在vr全景圖製作中,我們能夠使用PS來處理圖片中可能存在的瑕疵以及拼接痕跡等。 vr全景圖如何製作?vr製作用什麼軟體?在vr全景圖製作中我們可以通過LR來更便捷的為圖片進行批量調色。 vr全景圖如何製作?vr製作用什麼軟體?
  • 1分鐘學會用ps製作GIF動圖
    ps如今運用得越來越廣泛了,無論是在修圖、海報製作,還是廣告攝影、平面設計、文字排版、影像創意、網頁製作、界面設計、數碼規劃等等領域都發揮著重要作用。我們都知道GIF圖很有趣,其實用PS製作起來也非常簡單。
  • 【教程】高品質Banner設計講解!
    其實並沒有什麼東西是完全「原創」的,很多設計師的靈感也是從自然而來,從現實而來,整理這一篇教程的用意,就是希望能幫助大家如何原創一張BANNER。 『 設計解析』 這邊我先拿一張以前的海報舉例,把它拆分開看看構成。首先確認它的風格,這是一張寫實的合成海報。
  • 扁平化名片設計PS教程
    要麼請一位設計師幫你設計,要麼下載一些免費名片模版,修改出自己想要的效果。今天的教程非常實用,將會教你利用PS打造簡約、充滿現代感的名片。色彩模式為CMYK,8位 16位 32位都可以,推薦使用16位,但是出於示範目的,本教程使用了8位,因為文件大小能小一點。解析度300dpi。這樣就能使名片清晰可見,符合業內標準。
  • DIY賀卡|聖誕節賀卡怎麼手工製作?自製好看的聖誕樹賀卡教程
    聖誕樹元素賀卡製作過程【禮盒先生】DIY賀卡 01 —— 聖誕節系列【圖文版】↓↓*. 賀卡製作材料清單↓1. 取A4紙↓2. 對摺↓3. 用鉛筆畫出中線↓4. 取正方形紙折聖誕樹葉↓5.更多聖誕節禮物包裝教程:
  • PS教程:照片快速轉手繪,學會了真實用,自己製作設計效果圖
    ,其中有一張是設計師的手稿圖,用於傳遞他們家產品的設計理念與故事,給人的感覺很fashion,高大上。本篇教程,小編就來和大家分享 :如何將照片轉為手稿效果圖,有網店的電商朋友,學會了可以自己動手製作商品手繪推廣圖,感興趣的朋友,跟著小編一步步學著製作吧。
  • 海報、易拉寶等常見地推物料的尺寸、設計規範及製作工藝(上)
    作為一名美工,不,你丫才美工,咱是設計師,在平時工作學習當中,需要設計的地推物料主要有海報、易拉寶、宣傳單、畫冊、三折頁、名片等等,那它們的詳細尺寸、設計規範以及製作材料與工藝你都知道嗎?小編整理了所有常見地推物料的基本尺寸、設計規範以及線下製作材料與工藝,趕快閱讀收藏吧!
  • 成都地鐵10號線主題海報獲國際設計界「奧斯卡」獎
    成都地鐵10號線主題海報獲國際設計界「奧斯卡」獎       本報訊(記者王眉靈)12月3日,記者從成都軌道交通集團獲悉,由成都軌道集團、東道品牌創意集團設計打造的成都地鐵10號線「最成都
  • 【AE教程】製作飄散文字組成 LOGO
    本期教程:飄散文字組成 LOGO 的炫酷動畫▼ (,, ) ゛hello所以,這期是一個取巧和靈活的方式去製作這種散開聚合的形狀效果。 優點是這個方法更加可控一點,缺點是稍微麻煩了一些。自己製作動畫預設的方式,可以讓每個小夥伴的作品都可以不一樣。同時還可以擁有自己的動態字效預設庫,在製作一些PV作品的時候,也可以直接拿出來用,增加工作效率,還是棒棒噠!
  • AE製作魔法球效果(ae教程)
    xiaobaidejiaokeshu About Feature 一個影視後期類分享特效,模板,素材,教程的用心公眾帳號
  • excel怎麼製作文字點陣圖 excel製作文字點陣圖圖文教程
    excel怎麼製作文字點陣圖 excel製作文字點陣圖圖文教程時間:2018-03-16 12:18   來源:系統天堂   責任編輯:沫朵 川北在線核心提示:原標題:excel怎麼製作文字點陣圖 excel製作文字點陣圖圖文教程 excel怎麼製作文字點陣圖?文字點陣圖是什麼大家都清楚了嗎?
  • PS製作網店產品主圖 photoshop設計店鋪主圖 電商美工自學教程
    大家好,前些教程我教大家如何利用photoshop設計店鋪產品詳情圖,今天我來教大家用ps製作店鋪產品主圖。我們看看效果吧。06步驟:用鋼筆工具畫一個如圖所圖的長方形梯形,按Ctrl+回車鍵轉換選框,填充顏色987766。07步驟:接著用鋼筆工具再畫1個如圖路徑框,下面的路徑邊跟下面的邊對齊。轉換成選框後填充顏色dbcbbc,這個時候整個立體箱就設計好了。08步驟:把剛才設計的圖層拖到紅色長方形圖層下面。
  • 如何一次性獲取公眾號所有學習資源,超值
    【773期】50套清明節活動展板設計素材,值得下載【772期】超清抖音視頻製作精品教程,輕鬆上熱門!大神教程來幫你【742期】震撼完美118套快閃抖音ppt、ae模板,瞬間抓人眼球【741期】60款3D字體樣式, 秒變字體設計大神【740期】195套工作總結計劃回報PPT模板【739期】如何玩轉C4D建模?火爆全網的C4D建模秘技送你!
  • 如何製作gif動圖?
    GIF圖片比起靜態圖,它的展示效果會更好,視覺效果更具有衝擊性,所以在很多宣傳活動中經常會見到這種動圖。 那麼怎樣才能簡單的製作出GIF,會不會很複雜?
  • 垃圾分類主題海報邀你設計
    近日,「i分類e時尚」蘇州市垃圾分類主題海報徵集大賽正式啟動。大賽邀請「創意畫手」們為蘇州「新時尚」設計製作主題海報。獲獎作品將集中展出,用於公益宣傳,獲獎選手將獲得現金獎。此次活動由蘇州市文明辦、蘇州市教育局、蘇州市城市管理局、蘇州市機關事務管理局、共青團蘇州市委員會、蘇州市文學藝術界聯合會共同主辦。
  • 超詳細的蝴蝶結摺紙教程(圖文版)
    現在,我們開始——首先如下圖所示步驟中(前兩個步驟與千紙鶴相同),將方形紙折成小號的正方形。把底部的角向上折,然後打開紙張,順著折線向內收攏。如圖,將收攏後形成的四個角沿對稱軸摺疊。把紙張鋪展開,下圖為展開後正反兩種情況。沿圖中黑色虛線所標註的摺痕裁剪開。把兩邊的正方形向內沿對稱軸摺疊。