(圖文版)AE野教程:慶餘年的那個文字動畫是如何製作的

2020-12-08 野鹿志

最近《慶餘年》這部劇真的很火,隨便一搜就能看見群裡有很多相關的聊天記錄:

我也看了,確實挺好看的,然後我看見了一個文字動畫效果:

是的,其實這只是一個很常見的粒子飄散,並不算什麼新奇的效果。

是的,所以我今天寫這篇文章的目的就是為了蹭蹭熱度,不服氣打我呀,我有社保哦。

好啦,不開玩笑了,由於前一篇文章我才發了一篇關於AE Particular4.1粒子的詳細概述:

所以我就自己臨摹了一下這個特效,算是自己鞏固一下粒子插件的知識。

臨摹完畢之後,發現雖然效果很常見,但是很值得寫出來,當中有很多細節。

首先來分析一下這個效果吧:

1、立體文字從無到有的出現,出現的同時發出粒子然後粒子消散。

2、一群飛翔的鳥。

3、雪花迎面而來,同時好像還有點霧氣。

4、鏡頭推進動畫。

大概就是這些吧,立體字我是用的E3D做的,當然你也可以用C4D,這沒啥好說的。

除去鏡頭推進以外,其他全部是用AE Particular做的,我覺得大家如果動手做一下的話,會對Particular這個插件的理解更牢固一些。

好啦,今天我們就來看看這個慶餘年的文字動畫是如何製作的吧。

打開AE,新建合成,就做一個3秒的動畫吧:

導入一張背景圖片素材,康秋噢特兒加F讓它適配一下合成的尺寸:

先做3D字吧,如圖所示選擇一個字體打上文字:

新建一個純色圖層,給純色圖層添加特效-Video Copilot-Element,沒有E3D的鹿友我文後也會把插件以及全套模型包和材質包分享給大家:

隱藏掉文本圖層,將Custom Layers-Custom Text and Masks-Path layer 1選擇為文本圖層,然後點擊Scene Setup:

Scene Setup裡點擊Extrude文本就被擠出為立體字了,由於立體字不是我們今天的重點,所以材質方面我就直接找了一個金屬材質的預設丟給對象:

擠出的深度可以適當提高一點:

倒角的尺寸也可以調整一下,就可以點擊OK了:

接下來是做文字的從無到有的動畫了,再新建一個純色圖層,添加特效-雜色和顆粒-分形雜色:

分形雜色裡對比度高一點,複雜度高一點,然後尺寸縮小一點:

通過K亮度數值的關鍵幀讓畫面一開始全是黑色,然後最後全是白色,演化也可以給一點變化的關鍵幀:

然後讓E3D圖層以分形雜色圖層的亮度作為遮罩,這樣文字從無到有的效果就做出來了:

另外一個平面的文字也是一樣的方法,這裡就不贅述了:

值得一提的是,因為後面我們要做鏡頭推進的動畫。

當以立體字作為圖層發射器的時候,圖層本身是會忽略Z軸距離的,所以直接使用圖層本身無法實現文字近大遠小的變化。

並且如果將所有文字添加到預合成以後,直接通過調整預合成Z軸上的距離,你會發現也是不可行的,因為這樣會超出攝像機的範圍:

這裡我們需要這麼操作一下,如果是文本圖層就將圖層轉為3D層以後,調整Z軸上的距離,E3D的話可以直接在插件裡調整:

接下來將所有的圖層添加到一個預合成裡,再將預合成轉為3D圖層,並且複製出來一份,一個用來當做文字,一個用來當做發射器:

然後新建純色圖層,添加特效RG Trapcode-Paticular:

將發射器類型改為圖層發射器,圖層發射器選擇為剛才的發射器層,讓粒子繼承圖層的顏色。

接下來就是調整粒子的形態了,還是一樣,不要記參數,怎麼好看怎麼來,我這裡說一下我的做法,首先將粒子的數量增加,我這裡是30W個粒子:

粒子的尺寸和生命都小一點,適當的給點隨機,讓尺寸和透明度都隨著生命有一個遞減的曲線:

開啟子粒子系統,數量適當就好,同樣生命和尺寸都小一點,尺寸和透明度隨生命有一個遞減的曲線,顏色繼承主粒子的顏色:

物理場裡,風場和湍流都適當的給數值,來控制粒子舞動的形態,淡入時間的數值調整一下,讓過渡更加自然:

子粒子系統裡的物理場,把風力的影響以及湍流影響位置數值給大一點,形態就好看了:

最後在適當的位置K一下發射器粒子數量的關鍵幀,讓它停止發射,這樣粒子就會隨風飄散開的效果就做出來了。

還是很簡單吧,嘗試參數的時候可能會費點功夫,但是總體來說技巧上是不難的:

下面是製作飛鳥了,我在網上找到了這麼一隻鳥的剪影圖,把它導入到AE裡,可以先把粒子層隱藏掉,免得會卡。

當然你也可以先單獨渲染文字粒子效果以後,作為視頻素材以後再導入,這個根據大家自己的電腦情況來定吧:

將鳥單獨作為一個預合成以後,進入到預合成裡,用鋼筆工具畫蒙板,單獨弄出鳥的左翅膀出來:

同樣的道理用鋼筆工具把鳥的右翅膀以及身體也弄出來:

將圖層全部轉為3D圖層,通過在旋轉的Y軸上K關鍵幀讓翅膀動起來,注意用錨點工具調整錨點的位置哦:

選中關鍵幀按F9可以將關鍵幀轉為換入緩出,然後按住噢特兒鍵點擊旋轉Y軸前面的小碼錶添加表達式。

點擊後面的小三角添加一個從關鍵幀結尾開始循環的LoopOut表達式:

LoopOut表達式默認是以cycle的形式循環,代表著從第一幀到第二幀的方式一直循環下去,這不是我們想要的。

這裡我們把cycle改為pingpong,代表著是以第一幀到第二幀之間往返的方式進行循環,這樣翅膀的動畫就做好了:

調整動畫的過程中,你可以暫時新建攝像機變換角度用於觀察,當左翅膀的動畫調整好以後,可以直接把它的關鍵幀複製給右翅膀。

同樣記得錨點工具調整錨點的位置,然後選中關鍵幀滑鼠右鍵-關鍵幀輔助-時間反向關鍵幀,這樣兩個翅膀的動畫就都做好了:

接下來新建一個空物體命名為總控制轉為3D圖層,同時選中所有的翅膀和身體,點擊後面的蚊香拖動出橡皮條給總控制,讓他們成為總控制的子集:

然後再通過總控制的縮放以及旋轉來控制鳥的方向和大小:

可以給總控制的Y軸上位移K一下關鍵幀,這樣鳥扇動翅膀的時候會上下移動,看起來更真實一點,當然別忘記同樣添加循環的表達式:

因為這個鳥的動畫我們後面是要做粒子替代的,尺寸太大了會很卡,所以畫一個小的目標區,然後裁剪合成到目標區:

回到總合成裡,隱藏掉主粒子系統,另外添加一個粒子系統:

點擊添加粒子系統以後,會跳轉到設計界面,這裡大家可以先進行一些簡單的設置。

例如我這裡修改了發射器的形狀、位置以及發射的數量,同時將速度改為0,然後讓粒子在X軸上受到風力的影響,這樣粒子就會平行運動了:

將粒子類型改為精靈,圖層選擇為鳥圖層,粒子尺寸大一點就可以看到發射出來的鳥群了:

接下來讓粒子的生命、尺寸、透明度都有隨機,然後尺寸和透明度都隨著生命有一個變化,這樣鳥群的動畫也做好了:

繼續添加一個系統來製作迎面而來的雪花吧,發射器形狀為Box,尺寸大一點:

將發射器改為方向發射,旋轉和速度大家憑感覺來吧:

粒子的尺寸可以大一點,同樣尺寸、生命以及透明度都給上隨機,尺寸和透明度隨生命變化,注意看一下曲線的樣子哦:

給粒子添加力場,XYZ方向都給一些風力,Z軸上多一些,這樣雪花就會迎面而來了。

湍流影響位置也給一些參數,當然這些都不是一定的,以效果為主,同時我這裡還添加了重力,數值給到200:

最後再新建一個系統添加霧氣吧,粒子數量少一點,發射器尺寸大一點,發射器類型為Box:

速度的話看著辦吧,這個沒什麼好說的:

粒子的類型為Cloudlet,尺寸大一些,透明度低一些,注意尺寸和透明度隨生命變化的曲線樣式:

同樣的添加重力場和風場,這個不贅述了:

新建攝像機做推進動畫,開啟運動模糊和景深,這個就不用多說了吧,還可以新建一個調整圖層用曲線稍微調色一下:

最後看看靜圖和動圖的效果吧:

靜圖

動圖

總的來說今天的內容技巧上不算難,更多的是粒子參數方面的調整。

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

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

本文由「野鹿志」發布

轉載前請聯繫馬鹿野郎

私轉必究

相關焦點

  • (圖文版)AE野教程:那種文字拉伸動畫如何製作
    最近有幾位鹿友問了好幾個用AE製作的的文字動畫特效,我也打算找機會逐一嘗試一下,正好可以就讓自己對AE有個入門的了解。對AE還不熟悉的鹿友我們就一起從這篇簡單的文字動畫來熟悉AE的操作吧。來吧,一起來用AE製作一個文字拉伸動畫吧!
  • (圖文版)AE野教程:Form粒子製作文字飄散匯聚動畫
    正好有好長時間沒有寫過AE的內容了,所以我們今天就用AE的Form粒子插件來製作這個文字消散匯聚的案例吧。    好了,囉嗦了兩句開始今天的正題吧,打開AE,新建合成,尺寸1280*720,幀速率25,做一個10秒的動畫吧:
  • (圖文版)C4D+AE野教程:一起來製作一個MG方塊動畫吧
    結果款還是沒回來,文章也沒寫,唉,今年春節估計會喝西北風了,來看問題吧:一位鹿友問的問題我把視頻弄成了動圖看看吧:這個圖形之前知乎上也有人問過我,當時以為只是一張圖片,就簡單的弄了一個小視頻上材質的過程,無非就是立方體C掉以後做選集上色:但是如果是動畫的話,製作方法又是另外一回事了,在催款的同時見縫插針的嘗試效果,雖然沒辦法做成完全一樣,不過大概那個效果是有了
  • 「輕備學院AE教程」如何使用AE製作出片頭文字動畫?
    製作視頻特效有哪些技巧?想必這些問題都是影視視頻後期初學者比較傷腦筋的問題,那麼到底怎樣才能學好視頻特效製作呢?今天輕備老師分享一個AE動畫文字片頭教程,教程比較簡單,但是製作出來的動畫效果還是挺有趣味性的,和大家一起分享一下,喜歡的就給我好評啦!
  • (圖文版)AE野教程:一起來製作霓虹燈效果描邊動畫吧
    原圖源於網絡,入侵請聯刪我研究了一下,在網上也查詢了一些資料才發現,這原來就是個模版啊:原來是想通過分析模版研究出製作方法,但是全英文的研究起來確實頭大最後還是藉助了Trapcode的3D Stroke插件做出了一個低配版,因為鹿友主要關注的是發光點如何跟隨路徑,所以反射效果我就沒做了。囉嗦了一大堆,進入正題,今天我們就用AE來製作一個霓虹燈效果的描邊動畫吧!
  • AE教程:ae怎麼製作三維空間感的視頻效果?
    ae中想要製作三維動畫效果,需要使用攝像機移動,下面我們就來看看詳細的教程1、打開ae,新建工程項目2、新建一個合成,再新建一個固態層,將圖層3D圖層開啟3、將窗口切換成2個窗口,一個用活動窗口,一個選擇top頂部視圖,這樣就可以看到Z軸的位置了4、搭建三維場景,在頂部視圖裡調節前後關係
  • AE文字書寫動畫製作
    影視小白自學之路第十一天,遮罩與蒙版也學習了幾天了,今天學習的是文字書寫動畫的製作,同樣使用了蒙版,按教程來看這個做法不難,只不過是有點費事,嘗試著做一下就知道了。1、新建合成,用純黑色圖層作為背景層,用文本工具新建「文字書寫動畫」,設定好文本大小、字體、顏色等2、使用鋼筆工具,沿文字書寫筆畫進行路徑繪製,繪製完成後在文本圖層裡會出現一個蒙版屬性3、使用菜單欄「效果」->「生成」->「描邊」,打開路徑描邊設置4、設置描邊路徑為蒙版1(在蒙版1選中狀態下打開描邊設置時自動路徑為蒙版1),畫筆大小為可以完全覆蓋文字即可
  • 【AE教程】如何製作液體文字動畫效果
    【使用軟體】Adobe After Effects 【學習要點】AE自帶各種扭曲效果的運用 【難易程度】★★★★☆ 【效果簡介】本次教程完全使用AE自帶的特效來製作 STEP1_創建基礎文字動效
  • 【AE教程】如何製作液體文字動畫效果~
    【使用軟體】Adobe After Effects【學習要點】AE自帶各種扭曲效果的運用【難易程度】★★★★☆【效果簡介】本次教程完全使用AE自帶的特效來製作STEP1_創建基礎文字動效新建800*600的合成,幀速率30,持續時間10秒,命名為「文字輸入」在合成內輸入文字
  • AE怎麼製作水墨文字動畫效果
    AE軟體目前被廣泛應用到影視後期、mg動畫短片的製作中,我們經常在影視劇片頭片尾看到水墨動畫效果,那麼使用AE怎麼製作水墨文字動畫效果呢?下面和藝虎動畫一起來看看詳細的教程。水墨動畫1、新建合成,新建一個固態層,命名為背景,添加放射漸變。這個都是基本的,不用多說,再新建一個固態層命名為水墨。
  • AE文字動畫製作
    影視小白自學之路第四天,昨天練習製作了位移動畫讓圖片動起來,今天學習製作文字動畫,讓文字隨心放大縮小,隨意移動。1、打開AE,新建項目,新建合成,命名為「文字動畫「,大小為1920*1080,幀速率設為30,持續時間為5秒,背景色設為黑色2、在合成欄右鍵->「新建「->」純色「,新建一個純色層,命名為背景,設置大小與顏色
  • [青之巔VFX]Ae小特效3:如何用Ae製作手寫字效果
    先和大家申明下目前Ae課程的幾大系列:首先是我們的ae大補丸基礎知識講解系列,其次是Ae小特效系列,再輔以ae小技巧系列,最後結束會詳解幾個ae商業模版案例即構成了我們現在這套Ae進階案例的全部。好了我們進入今天的教學原理解析:相信大家都大概知道AE手寫字的製作原理,沒錯就是利用我們前面講的alpha遮罩來實現,最簡單的就是畫一個形狀圖層做一個從左向右的關鍵幀動畫,然後用上alpha遮罩逐漸顯現,只是這個方法過於簡陋,無法看出一筆一划的效果。
  • (圖文版)C4D野教程:製作一個類似攪攪糖的文字動畫
    新年好,開始新年的第一練吧,效果的總體思路是來源於油管上我看見的一個教程:我嘗試學習的過程中,在技法上略微拓展了一下,然後最後渲染出來了一個類似小時候吃的攪攪糖材質的文字動畫:圖片源於網絡,如侵請聯刪個人覺得還挺好玩的,當然如果不拓展直接按照油管原教程做出來的效果也是蠻好的,好了,一起來製作一個類似攪攪糖的文字動畫吧!
  • 用ae製作飄揚的旗幟
    用ae製作旗幟飄揚動畫教程01先給演化設置動畫,轉兩圈兒設置2就可以了,然後再給旋轉打關鍵幀設置動畫。03,如果現在查看動畫發現好像這個波動是以畫面的中心點為軸在旋轉,而不是那種風吹旗幟的波浪效果,所以我們要設置下位置的偏移值,避開這個中心位置就可以了。旋轉和子旋轉,給這兩個值設置動畫可以控制這個旗幟飄動的快慢,而旗幟的皺褶是圓滑還是尖銳 我們可以調這個子影響和子縮放這個值來設置。
  • (圖文版)AE野教程:一起來製作一個復相疊影的效果吧
    這個應該沒什麼好說的吧:打開AE,雙擊紅色箭頭處,選中用PS排版好的PSD文件,勾選創建合成,點擊導入:導入以後選擇導入種類為合成-保持圖層大小,圖層選項為可編輯的圖層樣式,然後點擊確定:雙擊合成就可以看見PS裡分好層的圖層了:下面就要開始製作特效了
  • AE軟體中到底有哪些令人震驚的AE插件呢?
    1.Newton動力學插件-AE預設-500個緩入緩出MG動畫彈性文字預設Newton(牛頓)是AE的一款非常強大的插件,這個插件的主要作用是進行各種複雜的動力學運算,然後把結算好的信息導入到ae,對於製作mg動畫來說非常的方便,基於Newton在動力學方面的特性,所以大家親切的稱呼他為「牛頓」,插件的名字本身就是為了紀念物理學家「牛頓」在力學上的貢獻。
  • 史上最強AE入門教學——30天AE速成計劃,價值899!
    教程介紹:數量:30節課格式:MP4大小:4.28G左右英語中文字幕相信很多人都知道ae這款軟體?但問這款軟體是做什麼的?想要學習AE好,第一點就是了解AE軟體的定位,很多人都了解錯誤,這裡我對AE軟體的定位如下:AE軟體是一個視頻合成和特效製作軟體,視頻合成和特效製作兩個方面視頻合成:一般來說,無非就是圖像,顏色,文字,蒙版,追蹤等,由於AE也是基於圖層,所以這方面與ps基本相同,所以AE已成為動態ps。
  • Ae角色動畫分享心得02-準備工作
    前面提到的教程在B站上都有,推薦對ae完全小白的朋友們看一些入門~AK大神經典AE入門教程12講:http://www.bilibili.com/video/av6422225After Effects快速入門教程【doyoudo出品】:http://www.bilibili.com/video/av4210174
  • ae如何給字幕製作絢麗的多霧效果
    ae是一款強大的後期效果軟體,如果你想添加比較絢麗的字幕,不妨可以嘗試ae去做。ae裡面有比較牛的粒子系統,可以做出很好的效果。下面我們就一起來學習怎麼做模糊淡化的字幕。打開ae後,新建一個自定義大小的合成新建好合成後,我們使用文字創建工具,創建出我們的字幕。
  • 一分鐘學會:如何使用PPT製作超酷的動態火焰字?
    最近經常在我的視頻評論區看到,有朋友希望我出一些PPT中比較酷的設計教程,今天就為大家帶來圖文版教程:如何在PPT中製作動態火焰字第一步:搜索一張火焰動態圖,並保存到桌面備用第二步:打開PPT(Office2016以上版本,最好是Office2019/365),點擊插入-圖片,選擇我們保存的火焰動態圖,為了讓效果更明顯,我們把畫布設置為黑色第三步:輸入自己要製作的文字內容,並把字體和字號設置好,並將文字擺放在動態圖上方