QuickTime Logo（經典藍色 Q 字環繞）是矢量精度與光影質感並重的經典案例。本教程展示網格系統精準佈局、外觀面板 6 層漸變疊加、路徑尋找器布爾運算、封套扭曲透視修正、不透明蒙版邊緒羽化的專業級 Logo 建模流程，適合品牌標識設計師研習矢量 Logo 精密構建方法論。

文檔與網格設定

700×700 px，RGB。啟用網格與對齊網格，網格線間距 5px，細分 1。信息面板實時監控尺寸位置。單位設為 px。

主體 Q 環構建

1. 橢圓工具按 Shift 畫 420×420px 正圓，無填充，描邊 85pt 內側對齊，「物件 > 展開外觀」得封閉環狀；
2. 網格間距改 2.5px。矩形工具畫 95×175.5px 矩形，添加錨點，底邊兩錨點上移 47.5px 成梯形，旋轉 45°，圓角 3px，展開外觀；
3. 將梯形移至 Q 環缺口位置，路徑尋找器「與形狀區域相加」合併，得完整 Q 字基礎幾何。

外觀面板 6 層漸變疊加（核心質感來源）

選中 Q 形，外觀面板依次添加：

1. 填充 1：基底藍（R8 G145 B228）+ 內發光（模式正片疊底，不透明度 75%，模糊 5px）；
2. 填充 2：線性漸變（模擬頂部高光帶），不透明度漸變；
3. 填充 3：線性漸變（模擬側面反光）；
4. 填充 4：徑向漸變（模擬球體體積感），不透明度 70%；
5. 填充 5：徑向漸變（邊緒菲涅爾高光）；
6. 整體路徑：添加內發光統一邊緒質感。

缺口細節：立體切面構建

1. 矩形 60×260px + 30px 圓角 → 減去三角形得切面基礎形；
2. 添加錨點、轉換錨點工具拉出弧度，分割、刪除多餘，得上下兩切面；
3. 上切面：白色基底 + 4 層線性漸變模擬金屬拉絲高光；
4. 下切面：深藍基底 + 線性漸變模擬陰影面；
5. 疊加高光切片：藍色形狀副本與矩形相交，線性漸變 30% 不透明度；
6. 邊緒精修：多次複製偏移（1px/0.5px/4.5px）疊加細微高光/陰影線條，營造機械加工級邊緒質感。

組合與透視修正

1. 切面群組旋轉 -45° 復位；
2. 橢圓環（外徑 320、內徑 270）減去矩形得背景光環，徑向漸變置頂；
3. 橢圓 295×35px + 弧形變形得底部倒影，徑向漸變置頂；
4. Q 環偏移路徑 -3px 內縮，與鋼筆勾勒形狀相交得內邊緒高光，不透明蒙版羽化邊緒。

方法論總結

• 網格即尺規：所有尺寸、位置、圓角、偏移皆為網格整數倍，保證像素級精準；
• 外觀面板即著色器：6 層漸變疊加 = 1 個物件承載完整 PBR 級材質邏輯，修改參數即時生效；
• 封套扭曲即透視：將平面漸變映射至透視變形容器，避免手繪透視漸變的不可控；
• 不透明蒙版即遮罩：非破壞性控制高光顯示範圍，邊緒羽化自然。

這套「幾何精準 + 外觀疊加 + 非破壞編輯」三位一體的工作流，是商業級矢量 Logo 設計的黃金標準。