效果預覽

傳統竹簾質感逼真：竹片木紋、穿繩孔洞、繩索漸層、掛圖遮罩透顯，支援收起/放下動畫互動。

第一階段：竹片元件「簾片」

1. 新建圖形元件「簾片」，矩形工具無筆觸，線性漸層 #D0C695 → #D9CC97，尺寸 466×14.9px。

2. 放大 400%，拉輔助線定位穿繩孔位置。直線工具紅色極細線沿輔助線畫橫線，選中中間段落分離，填 #A59249 實色（竹節凹陷面）。刪除紅線。

3. 新圖層畫木紋：直線工具 1px 實線，線性漸層 #D9BA81 透明度 70%，隨意畫線條模擬竹紋。

4. 打穿繩孔：新圖層橢圓工具，放射漸層 #333333(100%) → #666666(60%)，Shift+Alt 從中心畫圓對齊右側輔助線交點。Ctrl+D 複製對齊左側。竹片完成。

第二階段：編織竹簾「簾」元件

1. 新建圖形元件「簾」，底層畫 550×400 粉紅矩形（定舞台大小，後刪）。
2. 新層「簾」，拖入「簾片」置中頂對齊。Ctrl+D 複製 24 次（共 25 片，高度 14.9×25≈373px，留縫隙）。

3. 對齊面板「垂直平均分佈」，瞬間等距排列。

4. 穿繩（右側）：放大 800%，矩形工具無筆觸，線性漸層 #D7C9AC → #7D4D57，在兩孔間畫矩形，選擇工具拉彎上下邊成弧形繩索狀。

5. 輔助線定位，Alt 拖動複製繩索至每兩孔間。

6. 左側繩索：右鍵「複製幀」→ 新層「左繩」→ 「貼上幀」→ Shift+← 快速移動→ 方向鍵微調對齊左孔。

7. 掛圖遮罩：導入掛圖 (PNG 透明底)，新層「圖」置於繩層下。新層「遮罩」複製「圖」層幀貼上，右鍵設為遮罩層。竹片縫隙自動遮住圖片，極其真實。

8. 刪除底層粉紅矩形，「簾」元件完成。

第三階段：收放動畫（影片剪輯「簾動畫」）

1. 新建影片剪輯，背景層同前。
2. 拖入「簾」元件，時間軸設計：第 1 幀全展開，中間關鍵幀逐層向上收疊（或用導引層路徑），最後幀收成一團。
3. 可添加繩索拉動動畫、掛圖同步卷起（遮罩動畫配合）。
4. 主場景放入「簾動畫」，按鈕控制 `play()`/`prevFrame()` 實現互動收放。

工藝總結

• 模組化：竹片→竹簾→動畫，三級元件嵌套，修改竹片樣式自動全局更新。
• 遮罩妙用：掛圖遮罩完美解決「透縫見圖」難題。
• 對齊面板：平均分佈、置中對齊，告別手動排版。
• 漸層細節：竹片本體、竹節凹面、木紋、繩索、穿孔，五層漸層疊加出寫實質感。