---
title: "偽 3D 西瓜"
slug: faux-3d-effect
url: https://totallypic.com/posts/faux-3d-effect
published_at: 2024-07-31
modified_at: 2024-09-18
author: "Totallypic"
category: "Ae 教學：讓向量圖動起來"
tags: ["球面化", "CC Sphere", "動態設計", "動畫入門"]
access: public_access
---

# 偽 3D 西瓜

> 在 2D 也能呈現的立體球體效果！

By **Totallypic** | 2024-07-31

在 Ai 製作立體物件時，我們會套用3D迴轉效果，並使用對應線條圖在 Ae 中，也有跟貼圖效果很像的 CC Sphere（球面化效果）！透過設置 Y 軸旋轉角度的表達式，讓插畫無限循環旋轉。請觀看以下影片：Illustrator我們只要製作直條紋，晚點在 AE 套用球面效果就會呈現弧面先在繪製好的直線上套用粗糙效果，數值設定可參考這篇教學 1. 確定位置後，我們來製作球面貼圖。將西瓜紋樣寬度複製到原本的兩倍寬，稍微目測圖層兩邊留白空間跟底下的圓形要一樣寬2. 選取西瓜條紋，到物件>擴充外觀3. 複製下層色塊貼到上層，並選取西瓜條紋到路徑管理員面板中點選「裁切」4. 拓展畫布讓工作區域大於條紋形狀我將西瓜蒂頭、陰影、材質、文字、條紋、背景獨立放在各自的圖層，存檔後就可以準備匯入 AE 了After Effects先調整合成尺寸到原本的工作區域大小，並還原混合模式，接著添加效果選取西瓜紋樣圖層，到選單 Effect > Perspective > CC Sphere接著在 Effects Control （效果面板）調整 CC Sphere 效果屬性Rotation（旋轉）按著 Alt 點選 Rotation Y 旁的碼錶，在時間軸中輸入表達式 Time*(360/3)，可讓它每 3 秒旋轉一圈Radius 可調整球體大小Offset 可調整球體位置LightLight Intensity > 100 改為 0，可關閉高光Shading（著色）Ambient > 10 改為 100，可將預設的低環境光拉回一般值 ⚠️ 如果出現隙縫接縫，試將 Continuously Rasterize（連續柵格化）關閉 完成，燈愣！CC Sphere 可應用在地球、行星、迪斯可球等球狀物體上是個不用開啟 3D 卻能呈現實足立體感的效果唷！