偽 3D 西瓜

在 2D 也能呈現的立體球體效果!
Totallypic

Totallypic

2024年7月31日 上午 12:00

Ae 教學:讓向量圖動起來

在 Ai 製作立體物件時,我們會套用3D迴轉效果,並使用對應線條圖
在 Ae 中,也有跟貼圖效果很像的 CC Sphere(球面化效果)!透過設置 Y 軸旋轉角度的表達式,讓插畫無限循環旋轉。請觀看以下影片:

Illustrator

我們只要製作直條紋,晚點在 AE 套用球面效果就會呈現弧面

先在繪製好的直線上套用粗糙效果,數值設定可參考這篇教學

1. 確定位置後,我們來製作球面貼圖。將西瓜紋樣寬度複製到原本的兩倍寬,稍微目測圖層兩邊留白空間跟底下的圓形要一樣寬

2. 選取西瓜條紋,到物件>擴充外觀

3. 複製下層色塊貼到上層,並選取西瓜條紋到路徑管理員面板中點選「裁切」

4. 拓展畫布讓工作區域大於條紋形狀

我將西瓜蒂頭、陰影、材質、文字、條紋、背景獨立放在各自的圖層,存檔後就可以準備匯入 AE 了

After Effects

先調整合成尺寸到原本的工作區域大小,並還原混合模式,接著添加效果

  1. 選取西瓜紋樣圖層,到選單 Effect > Perspective > CC Sphere
  2. 接著在 Effects Control (效果面板)調整 CC Sphere 效果屬性
  • Rotation(旋轉)
    • 按著 Alt 點選 Rotation Y 旁的碼錶,在時間軸中輸入表達式 Time*(360/3),可讓它每 3 秒旋轉一圈
    • Radius 可調整球體大小
    • Offset 可調整球體位置
    • Light
      • Light Intensity > 100 改為 0,可關閉高光
    • Shading(著色)
      • Ambient > 10 改為 100,可將預設的低環境光拉回一般值

 ⚠️ 如果出現隙縫接縫,試將 Continuously Rasterize(連續柵格化)關閉

完成,燈愣!

CC Sphere 可應用在地球、行星、迪斯可球等球狀物體上是個不用開啟 3D 卻能呈現實足立體感的效果唷!

文章標籤

# 球面化# CC Sphere# 動態設計# 動畫入門