本教學示範如何用圖層樣式構建雷達顯示器靜態界面，再利用時間軸面板製作循環掃描動畫，最終導出 GIF。效果如下：

第一階段：構建雷達靜態結構

1. 畫布與底色：新建 250×200 px，填充灰色背景。橢圓工具繪製 #bacce5 正圓，添加圖層樣式（斜面浮雕、內發光、投影等）塑造金屬外殼質感。
2. 內圈藍圓：繪製 #00387d 較小正圓，疊加漸層疊加、內陰影、外發光等樣式，形成深藍螢幕底。
3. 掃描光源圖層：複製藍圓圖層、清除樣式、填充設 0%，再添加「角度漸層」疊加樣式，產生一道可旋轉的高光帶——這就是即將旋轉的掃描光。
4. 細節元素：繪製白色扇形高光（填充 0% + 外發光）、十字準線、同心圓刻度，統一添加圖層樣式（描邊、外發光）並將填充降至 50%，最後加一白圓（填充 0% + 內發光）作中心點。

第二階段：時間軸動畫製作

1. 開啟「時間軸」面板（舊版為「動畫」），建立幀動畫模式。
2. 複製兩幀（共三幀）。選中第 2 幀，修改掃描光圖層的「角度漸層」角度（如從 0° 改為 180°），使高光帶旋轉半圈。
3. 選中第 1 幀 → 點擊「添加補間幀」圖示 → 設置補間 10 幀 → 確定。
4. 補間完成後選中最後一幀 → 再次補間回初始角度（形成閉環）。
5. 播放選項設為「永遠」，預覽無誤後「存儲為 Web 所用格式」導出 GIF。

關鍵提示：掃描光本質是一個「角度漸層疊加樣式」，動畫僅通過補間幀改變其角度參數即可，極其輕量高效。同理可擴展製作儀表盤、聲波動畫等。