2D Flow line / 2D卡通流動線條

2D-Flow-line-GIF

今天跟大家分享如何利用: 線條Shape 以及 Trapcode 3D Stroke與 Particular外掛效果,製作出卡通化瞬間流動的2D 線條。


操作步驟:

1、繪製流動的線條路徑
新增一個Solid Layer:「Flow」,使用 Pen Tool繪製出流動形狀的線條路徑。

Flow 01

Flow 02

2、產生線條動態
2.1
在「Flow」加入Trapcode 3D Stroke效果。
並交錯設定 Start / End 兩者的關鍵影格:產生線條流動的效果(由左至右or由右至左)

Flow 03

2.2
調整流動效果的速率(Start / End 兩者的關鍵影格的 Graph Editor曲線):慢 > 極快 > 慢

Flow 04

Flow 05

2.3
改變流動線條的頭尾樣式:感覺更有2D卡通感!
勾選 3D Stroke 效果中的「Taper」功能:線條的頭尾會有逐漸變細。
其它 Taper 參數可依個人喜好自行調整。

Flow 06

3、為線條增加不規則邊緣與扭曲
3.1
為線條增加不規則邊緣,在「Flow」加入 Roughen Edges 效果。
調整 Roughen Edges 效果中的 Edge Sharpness 參數:3~5左右。

Flow 07

3.2
增加線條的寬度。
以下參數相互調整到自己喜歡的效果即可:
「3D Stroke效果」:
Thickness
Tape / Start與 End
「Roughen Edges效果」:Border

Flow 083.3
增加扭曲效果:產生更自然的流動感。
在「Flow」加入Turbulent Displace效果。
設定「Turbulent Displace效果」中 Evolution 的關鍵影格:產生自然稍微扭曲感即可。

Flow 09

4、調整線條色彩 :增加線條的明暗立體感
4.1
直接複製「Flow」圖層2次,分別命名為:「Flow 2」、「Flow3」
4.2
圖層排列由上至下分別為:「Flow3」、「Flow 2」、「Flow」
4.3
在「3D Stroke效果」中的Color參數,分別替「Flow」、「Flow 2」設定顏色:相同色系的亮與暗色。
4.4
在「Flow 2」圖層中將TrkMat設定為:Alpha Matte" Flow3 "。並將「Flow 2」圖層稍微上下移動將位置錯開:就可以看到顏色明暗的交疊效果。

Flow 10

5、增加快速移動後潑灑出的細碎分子
5.1
先將「Flow」、「Flow 2」、「Flow3」圖層包成為一個Com。
選擇三個Flow圖層,執行:Layer / Pre Compose指令:「Flow Com」。
※並將「Flow Com」轉換成3D Layer:需要給之後Particular 的指定使用!

Flow 11

5.2
新增一個 Solid Layer:命名為「Particle」。並排列在「Flow Com」圖層下方。

Flow 12

Flow 13

5.3 在「Particle」圖層加入Trapcode Particular效果。
Particular參數設定:分幾次逐漸調整完成!設定如下:
A、基本粒子
1、Particle/ Sphere Feather:0。
2、Emitter / Emitter Type:Layer。
3、Emitter / Layer Emitter:指定到Flow Com。
4、Emitter / Particle/sec:11000~12000之間(數值太小會看不出來)。

Flow 14

B、分子形狀(變成不規則狀)
1、Particle/ Size:10~15。
2、再替「Particle」圖層加入Simple Choke效果。(可以讓形狀邊緣變的不規則)
將 Choke Matte設定到:10左右。

Flow 15

C、最後微調細節
1、Particle/ Life( sec ):1~3秒左右。
2、Emitter / Layer Sampling:設定成 Particle Birth Time。(飛散開的感覺)
3、調整分子動態的軌跡。
Emitter / Velocity:140左右。
Emitter / Velocity From Motion:150左右。
4、Particle/ Size over Life:設定為左上到右下的斜線。(飛散的分子有大到小的變化)
5、最後再依據分子想停留的時間往返設定:Particle/ Life( sec )、Emitter / Particle/sec數值到自己理想的狀態就完成了!

Flow 16



5 則留言:

  1. Hi Joy :
    謝謝你的參與, 歡迎持續關注 MGBoom 的教學內容.

    MGBoom Design

    回覆刪除
  2. 加入3D Stroke 沒有效果 路徑也不見了,請問是哪裡出錯了

    回覆刪除
  3. Hello 仁豪:
    從你的擷圖看來,在圖層上的 3D Stroke 特效的設定都正確, 主要是你應用的圖層是Shape Layer,而不是Solid Layer. 只要你新增一個Solid Layer,在應用 3D Stroke 特效應該就可以看到喽.
    原因如下:
    因為3D Stroke 特效需要指定給該圖層的路徑也就是 Mask Path ,但Shape Layer的線條並不是Mask,所以筆刷效果出不來!
    加油!
    MGBoom Design

    回覆刪除
  4. Hello 仁豪:
    從你的擷圖看來,在圖層上的 3D Stroke 特效的設定都正確, 主要是你應用的圖層是Shape Layer,而不是Solid Layer. 只要你新增一個Solid Layer,在應用 3D Stroke 特效應該就可以看到喽.
    原因如下:
    因為3D Stroke 特效需要指定給該圖層的路徑也就是 Mask Path ,但Shape Layer的線條並不是Mask,所以筆刷效果出不來!
    加油!
    MGBoom Design

    回覆刪除