5分鐘教你學會Form粒子插件
寫在前面
—
一款產品在完成界面設計的後期運營宣傳包裝中常常會用到一些炫酷的粒子動畫，今天給大家分享的是Trapcode里的Form插件。源文件已上傳啦。這是佐木第一次做設計教程，講的不好的多多包涵哈！後續會不斷跟新有關AE動效設計的教程
如果遇到看不懂或者效果實現不出來的可以關注我的公眾號EricUED哈，
佐木看到會第一時間回復你的哦，希望本期教程對你們有所幫助。
這個案例是我之前發布在dribbble上的一個練習，大家可以先看下
具體的實現就是今天的分享內容，https://dribbble.com/shots/3874952-MIGU-LOGO
課前準備
—
首先當然需要下載好AE軟體啦，還沒有軟體的寶寶也別急點擊下方鏈接自行下載哈
鏈接:https://pan.baidu.com/s/1hx551XABQLq0NXm_9wImMw 密碼:h20q
當然裝好AE軟體之後最重要的就是要安裝這款Trapcode插件了，這裡佐木也給大家準備好了插件的下載地址哦
鏈接:https://pan.baidu.com/s/1PXGS0jo_j8TT5Zrwd59NeQ 密碼:jxbr
至於怎麼安裝插件如果還有寶寶不清楚的可以加入公眾號EricUED里交流解答哦
Form插件
—
首先我們現在來了解下Form插件。粒子插件 Form 的功能十分強大，它和 Particular 粒子插件同屬 RedGaint 公司出品，他們類似，但又有本質的區別
軟體優勢
（1）它的粒子沒有產生，生命值，死亡等基本屬性，form 與 particular 最大的不同就是 form 是靜止粒子，雖然他也能運動，但是默認是不會生成新粒子，particular 是用來發射粒子，而 form 則不是。他的粒子從開始就存在
（2）可以通過不同的圖層貼圖以及不同的場來控制粒子的大小形狀等參數形成動畫。因為粒子的這些特點，Form 粒子通過系列的控制能模擬出很多強大的場景：鳥群，液體，半調圖像，絢麗的線條，煙霧風沙字….也能利用音頻來驅動 form 粒子，當然它另一強大之處就是能導入OBJ三維模型進行控制
（3）另外其內置有音頻分析器能夠幫助用戶輕鬆提取音樂節奏頻率等參數，並且用它來驅動粒子的相關參數
課程開始我們先來簡單的認識下Form插件的12大屬性，
——Audio React音頻反應器屬性
——Disperse and Twist分散與扭曲
——Base Form 基礎設置屬性
——Particular粒子屬性
——Shading光照屬性
——Layer maps圖層貼圖
——Audio React音頻反應器屬性
——Disperse and Twist分散與扭曲
——Fractal Field分形場
——Spherical Field球形場
——Kaleidospace3D對稱
——Transform形變
——Visibility可見屬性
——Rendering渲染屬性
本次課程主要應用到的是Base Form 、Particular、Shading、Layer maps這4大屬性
設計教程
—
一.打開AE新建合成設置，要做的logo動畫為1024*1024px，幀速率選擇25，
（我國的電視制式為PAL歐美用30幀的NTSC制式）選擇視頻合成製作時間和背景
二.導入之前在ps做好的logo源文件，選擇合成-保持圖層大小。圖層選項選擇第一個可編輯的圖層樣式，這樣導入的素材會保留原來在PS中做的效果並且可以在AE中可重新編輯
三.將ps素材拉入時間軸，雙擊進入做動畫，AE會保留原來素材在PS中做所有狀態，參考線會干擾設計command+;可隱藏掉它
四.首先要做的就是把logo圖層複製command+D一份，後期設計透明動畫會有用到。另一個副本圖層右鍵做預合成命名為mask（類似PS中的智能對象），注意要選擇第二個即將所有屬性移動到新合成
五.然後新建一個固態純色層，合成選擇默認數值。（注意圖層的命名哦可便於後期操作）
六.找到效果里的form插件，可以先關閉其他圖層的眼睛防止干擾後期粒子製作
七.第一步先調整粒子的合成大小，base form下size選擇XYZ individual
八.調節粒子範圍，Size X和SizeY都改為1024同合成大小一致。修改particles in X和particles in Y的數量為200（這個數量為粒子的橫縱向的粒子數）注意修改particles in Z軸的數量為1因為我們的logo動畫是2維的
九.找到layer mask里的layer然後選擇之前建好的預合成mask，functionality選擇為RGBA to RGBA（指的是4個通道），打開map over選擇作用方向為XY軸。此時粒子已經形成一個logo的形態了，注意要關閉logo圖層和mask圖層的眼睛就可以預覽到效果
十.依然在layer mask里找到disperse屬性，layer選擇為mask合成，map over選擇XY
十一.找到新屬性disperse and twist，給disperse做關鍵幀動畫，此時粒子會由分散然後聚集形成一個logo形態。注意：AE中的動畫運動默認勻速，現實生活並不存在勻速運動的物體，所以要通過調節運動曲線給所有關建幀動畫做加速、減速或緩動運動，然後disperse strengh over選擇Y值，disperse strengh curve的presets選擇曲線4也可以自己繪製曲線。但是整個動畫比較生硬，因此我們需要對粒子添加透明度隨機，大小隨機等效果
十二.回到particle屬性，調整粒子的屬性。首先對透明度隨機值opacity random做30-0動畫，然後同時打開opacity over選擇Y值（我們的動畫都是基於Y值，當然也可以選擇其他方向的）
然後選擇被激活的opacity curve里的presets，這裡選擇曲線4，當然也可以用旁白的鉛筆進行繪製，此時我們可以看到粒子在形成logo中會有透明度從無到有，自下而上的隨機變化的效果
同時我們給size random和size curve做同樣的操作
十三.到此form粒子部分就完成了，但是整個粒子顏色顯得較淡，所有我們需要對原始的logo圖層做一個透明度的動畫。注意在logo透明度從無到有時的起始位置和結束位置，最後給關鍵幀添加緩動調節緩動曲線
總結
—
1.合成設置幀速率選擇25幀/秒
2.導入之前在ps做好的logo源文件，選擇合成-保持圖層大小，圖層選項選擇第一個可編輯的圖層樣式
3.對logo圖層右鍵做預合成mask時，注意要選擇第二個：將所有屬性移動到新合成。4.添加form粒子時，base form注意修改particles in Z軸的數量為1因為我們的logo動畫是2維的
5.layer mask里找到disperse屬性，layer選擇為mask合成，map over選擇XY
6.AE中的動畫運動默認勻速需要F9調整緩動曲線
7.值得注意的是，不要通過調節固態層的位移來實現Form位移動畫，固態層位移一般情況下應固定不變。要實現Form粒子的位移動畫可以通過設置其內部的多個參數，或者設定攝像機動畫
第一次寫教程希望能夠幫助到老鐵們，如果喜歡可以點個小贊贊哦
TAG:EricUED |