Morph ball / AE球體融合動態

Morph-ball

大家應該經常在網頁  Loading 畫面中看到線條或圓球等形狀的融合動態。今天我們就一起來看看如何製作出形狀融合的效果。

1、建立新的專案

1.1
請大家自行New一個新的Composition:正方形範圍、10sec的時間。

AE merge ball 01

1.2
再執行  Layer / New / Solid 新增一個背景:命名為  BGColor請自行決定。

AE merge ball 02

AE merge ball 03

2、球體螺旋動態

螺旋動態就是一個物體繞著圓心,由內而外或由外而內旋轉。

2.1
執行Layer / New / Null:命名為「Pivot」。此  Null 的功能是要產生旋轉的「錨點」。

AE merge ball 04

2.2
開啟參考線與  Align視窗:將Pivot圖層的軸心與位置都設定在畫面的正中央。
2.3
新增一個圓形的Shape Layer:命名為「Circle1」大小、顏色請自訂即可。同樣將此圓形的軸心與位置都設定在畫面的正中央。

AE merge ball 05

2.4
啟動Circle1」的  Anchor Point 的  Expression:連結到  Pivot 圖層的Position 屬性。

AE merge ball 06

2.5
運算式語法後面加上某個數值(以Circle1不跑出畫面範圍即可),如~ * 0.5

AE merge ball 07

2.6
Circle1」圖層加入Slider Control效果:目的是用來控制圖層由中心向外移動的程度。
將運算式語法的「螺旋」,拖拉到  Slider Control 效果屬性上:由Slider的數值來控制物件與軸心的「距離」。

AE merge ball 08

2.7 設定動態的關鍵影格。
在  Slider 屬性設3個關鍵影格:最前面為0>中間為0.5>最後面為0
在  Rotation 屬性設2個關鍵影格:最前面為0>最後面為3X(圈數可自訂)。

AE merge ball 09

AE merge ball 10

3球體融合技巧

3.1
複製1~2Circle1圖層」:可命名Circle2Circle3...等,並自行改變各自的顏色與大小。

AE merge ball 11

3.2
將所有Circle 圖層全選,按右鍵執行「Pre-Compose」:名稱 Circle Com、選擇Move all......選項。

AE merge ball 12

3.3
在「Circle Com」圖層分別加入:Gaussian Blur以及  simple choker 效果。
設定參數可依自己想要的融合效果自行決定,參考如下:
Gaussian Blur / Blurriness3~5
simple choker / Choke Matte15~30

AE merge ball 13

AE merge ball 14

3.4
為了使融合的動態更有變化性,可以切換到「Circle Com」中:自行調整各個 Circle圖層中的關鍵影格數值與速率,就會產生更有趣的融合變化喽。

AE merge ball 15

AE merge ball 16



5 則留言:

  1. 老師您好:
    不好意思在這裡詢問與本篇文章不相關的問題。

    http://pic.yupoo.com/pp6230516/FOsN6Ij3/medish.jpg
    如上圖所示,我的顏色介面選擇方式變成一個一個彩度或明度的點選,而不是按顏色來區分,請問要如何轉換回以前用顏色做區分的介面呢?!

    回覆刪除
  2. Hello yi-zHen:
    如果妳的AE是使用CS6版本, 可以在 : Preferences>General>Use System Color Picker 中把此選項打勾就可以切換回預設的顏色選取模式.
    另外網路上說,CC後的版本 Color Picker 模式已經改變了!可以參考該連結的文章瞭解一下: https://forums.adobe.com/thread/1513936
    希望能解決妳的選色問題!
    加油 保持聯絡

    回覆刪除
  3. 老師您好:
    有關於步驟2.5-2.7中,操作時slider數值好像會覆蓋前面的position數值,我的球形不會由外往內轉進,都是在同一軌道上轉,請問該如何解決?

    回覆刪除
  4. 老師您好:
    在教學中步驟2.5-2.7,slider的數值好像會蓋過position的數值,我的球形並不會由外往內轉,都是在同一軌道上移動,請問該如何解決?

    回覆刪除
  5. Hello 凡稀:
    謝謝妳參與MGBoom的教學內容.
    關於妳所提的問題回覆如下,請參考:
    1.在這個範例中,無論是球體orNull物件的 Position 都不會設定任何關鍵影格. 這兩種圖層 的 Position數值應該都是固定不變且相同的(在畫面的中心處).
    2.球形並不會由外往內轉:
    請檢查是否有確實將步驟2.6: 將圓形的Anchor Point的Expression 連結到Slider Control特效中的Slider屬性!
    3.步驟2.7中所設定的 Slider屬性: 中間的數值可以隨意變化,不一定是0.5.(重點是最前與最後的規見影格數值都要歸零: 才回到畫面中間).
    再檢查看看,希望能順利解決妳的問題.加油
    歡迎保持連絡,祝中秋節快樂!

    MGBoom Design

    回覆刪除