效果預覽

一個由密集白色小圓組成的球體，在黑色背景上平滑旋轉，展現 3D 球面視差效果。核心技術：「定義圖案填滿畫布 → 圓形選區裁切球體 → 移動圖案產生視差 → 球面化濾鏡強化 3D 感 → 時間軸逐幀切換圖層可見度」。

詳細製作步驟

階段一：建立密集白圓圖案

1. 新建 100×100 px 透明文件。用「橢圓選框工具」按 Shift 拖出小正圓，執行「編輯 » 填充 » 白色」。
2. 複製該圓形圖層，排列成 3×3 或 4×4 陣列，間距均勻（可用「移動工具」+ Alt 複製對齊）。
3. 全選（Ctrl+A），執行「編輯 » 定義圖案」，命名「密集白圓」。

階段二：生成大尺寸圖案填滿圖層

1. 新建 400×400 px 文件（較大便於後續移動產生視差）。
2. 執行「編輯 » 填充 » 圖案」，選擇剛定義的「密集白圓」，得到滿版白圓圖層。

階段三：裁切球體基底形狀

1. 新建 300×300 px 文件（最終輸出尺寸）。開啟「視圖 » 顯示 » 網格」輔助對齊。
2. 用「橢圓選框工具」按 Shift 從中心拖出正圓選區（直徑約 240 px）。
3. 新建圖層，填滿黑色，命名「球體遮罩」。
4. 將階段二的大尺寸白圓圖層拖入此文件，置於「球體遮罩」上方。
5. 按 Ctrl 點擊「球體遮罩」縮圖載入圓形選區，選中白圓圖層按 Delete 刪除圓外區域 → Ctrl+D 取消選區。現得一個被白圓填滿的黑底圓球。

階段四：產生旋轉視差幀序列

1. 複製白圓球圖層 3 份，分別命名「幀 1」「幀 2」「幀 3」「幀 4」。隱藏除「幀 1」外所有圖層。
2. 選中「幀 2」，用「移動工具」按住 Shift 按 ← 左鍵移動 1 次（10 px），執行「濾鏡 » 扭曲 » 球面化」，量值 100%，模式「正常」。再載入「球體遮罩」選區，反選（Ctrl+Shift+I），刪除球外多餘白圓。
3. 「幀 3」：移動 2 次（20 px）→ 球面化 → 反選刪除。
4. 「幀 4」：移動 3 次（30 px）→ 球面化 → 反選刪除。
   原理：白圓圖案水平位移 + 球面化扭曲 = 模擬球體表面紋理隨旋轉產生的視差位移。

階段五：時間軸面板合成動畫

1. 開啟「時間軸」面板，選「建立影格動畫」。
2. 第 1 幀：僅顯示「幀 1」圖層。點選「複製選定幀」圖示。
3. 第 2 幀：隱藏「幀 1」，顯示「幀 2」。再複製幀……依此類推建立 4 幀。
4. 全選 4 幀，設定幀延遲 0.1 秒，循環選「永遠」。
5. 點擊播放預覽，確認旋轉流暢無跳幀。

階段六：輸出 GIF 與優化

1. 執行「檔案 » 匯出 » 存儲為 Web 所用格式 (舊版)」。
2. 格式：GIF，顏色：128 或 256，抖動：無/擴散，循環：永遠。
3. 若檔案過大（>1MB），可：縮小畫布至 200×200 px、減少顏色至 64、增加幀延遲至 0.15 秒。

進階擴展

• 多球體互動：建立多組不同大小/顏色的球體圖層組，在時間軸中錯開幀序列，製作行星軌道運行效果。
• 貼圖映射：將白圓圖案換為世界地圖、木紋、金屬拉絲等無縫紋理，球面化後即得真實材質旋轉球。
• 3D 圖層替代：PS 3D 功能（新版已移除）或 Blender/C4D 可產生真 3D 旋轉，但本 2.5D 技巧零門檻、渲染極快，適合網頁載入動畫、UI Loading 圖標、簡報轉場素材。

常見問題 FAQ

Q: 球面化後邊緣鋸齒明顯？

A: 球體遮罩選區建立時，在「選取 » 修改 » 羽化」1–2 px 再填充黑色；或球面化後對球體圖層執行「濾鏡 » 模糊 » 高斯模糊」0.5 px。

Q: 旋轉方向反了？

A: 移動工具改按 → 右鍵，或調整幀順序（將幀 4→幀 1 排序）。

Q: 想要更多幀更平滑？

A: 移動步長改為 5 px（不按 Shift 直接按方向鍵），增加幀數至 8–12 幀，幀延遲相應縮短（0.05–0.08 秒）。