教學目標

本教學將引導你使用 CorelDRAW 繪製一個類似 QQ 音樂的播放器介面，涵蓋外框繪製、漸層填色、按鈕設計、海報區倒影、進度條與音符特效等核心 UI 元素製作流程。

素材準備

教學使用三張素材圖片（素材 1~3），分別用於頂部彩虹條、歌曲海報區、底部廣告區。請先下載或準備對應圖檔。

製作流程

1. 繪製介面外框與漸層背景

• 以矩形工具繪製 106×228 mm 的圓角矩形作為外框。
• 套用漸層填色，複製一份並切割局部色塊，置於框內並執行「精確剪裁」。

2. 頂部彩虹條與素材導入

• 使用貝塞爾工具繪製頂部彩虹曲線。
• 導入素材 1，置於框內精確剪裁，調整圖層位置關係。

3. 功能按鈕製作

• 繪製按鈕基本圖形，添加陰影效果。所有功能按鈕採用相同風格，保持視覺一致性。

4. 分割欄設計

• 繪製細長矩形，填黑並套用透明度工具調整透明度。
• 複製一層改為白色，疊加形成細緻分隔線。

5. 歌曲海報區與倒影

• 繪製正方形作為海報區，導入素材 2 精確剪裁。
• 複製正方形，移除填色保留描邊，倒圓角並填淺色、深灰描邊加陰影。
• 全選海報區向下鏡像複製，對複製層套用透明漸層製作倒影效果。

6. 播放進度條與音符飛出特效

• 進度條：繪製黃色長條加陰影，打散後複製縮短表示播放進度，右側添加白色圓形滑塊。
• 音符：以基本圖形組合快速繪製音符，焊接後加白色陰影並打散疊加增強亮度，最後調整位置呈現飛出動感。

7. 廣告區與文字排版

• 以面板寬度繪製矩形框，導入素材 3 精確剪裁。
• 輸入相關文字並加上陰影效果，放置於對應位置，完成整體介面。

重點技巧總結

• 善用「精確剪裁」快速將素材套入不規則容器。
• 透明度工具與鏡像複製是製作倒影、分割線的關鍵。
• 音符等小圖示可透過基本圖形組合、焊接、陰影疊加快速產出。