本教程展示如何在 Illustrator 中以像素級精度繪製專業化學燒瓶圖標。核心技術包含：啟用像素網格與對齊、圓角矩形/橢圓/矩形組合建構主體、Round Any Corner 腳本精準倒角、路徑尋找器布爾運算、不透明蒙版模擬玻璃透明度漸變、多層漸層疊加營造液體與玻璃質感、高斯模糊柔化高光，最終輸出清銳向量圖標。

環境設定：像素完美工作流

• 新建 300×300px 文檔，RGB 模式。
• 「視圖 > 顯示網格」「視圖 > 對齊到網格」，網格間距 5px、細分 1。
• 開啟「資訊面板」即時監控尺寸座標。
• 單位設為像素。

主體構建：幾何組合與腳本倒角

1. 瓶身主體：165×170px 矩形，頂部兩錨點「物件 > 路徑 > 平均」合為尖頂 → 變三角形。
2. 瓶頸：60×170px 橢圓置於三角形頂部。
3. 底部/頸部連接：矩形工具繪製底部 170×15px、頸部 60×95px 矩形，定位組合。
4. 全選上述形狀，路徑尋找器「合併」成單一主體輪廓。
5. 精準倒角：直接選取工具選中特定錨點，執行「檔案 > 腳本 > 其他腳本」載入 Round Any Corner.jsx，輸入半徑（10px/20px）實現精確圓角，避免手動拖拽誤差。
6. 圖層面板命名為「Back」（瓶身主體）。

瓶頸與瓶口細節

1. 橢圓工具繪製兩橢圓（大 60×20、小 80×30），路徑尋找器「減去頂層」得瓶口環狀。
2. 矩形 60×10px 置於瓶口下方，再次「減去頂層」切平底部。
3. 命名為「Top」（瓶頸組件）。

圖層分離與基礎著色

1. 複製「Top」置前，與「Back」路徑尋找器「減去頂層」，更新「Back」為純瓶身（無瓶頸）。現有兩圖層：「Back」「Top」。
2. 背景：矩形滿版，填 #00A79D，鎖定圖層。
3. 「Back」填 #D1D3D4，30% 透明度（半透明玻璃感）。

液體與玻璃質感：不透明蒙版核心應用

液體高光（綠色漸層）

1. 複製「Back」置前，矩形 18×95px 覆蓋液面區域，選中兩者路徑尋找器「交集」得液體高光區。
2. 填 #39B54A，外觀面板複製填色，疊加「線性漸層（黃→透明）」，黃色滑塊不透明度 0%，模擬液面折射高光。

液面弧形高光

1. 橢圓 120×20px 置於液面，線性漸層填色。
2. 複製兩份置前，關閉對齊網格，頂層向上移 1px，兩層「減去頂層」得細弧帶，填 #39C74A。

瓶身邊緣高光與反射

1. 橢圓 170×60px，無填色、白色 1pt 描邊，刪除底部錨點，15% 透明度 → 瓶身側面高光。
2. 4×4px 圓形，填 #39B547，混合模式「疊加」，外觀面板複製填色：白色 50% 透明度 +「效果 > 扭曲與變換 > 變換」複製 10 份、水平 41pt、垂直 -33° → 連續氣泡/反射點。
3. 縮放複製得 3px、2px 兩組氣泡群，分佈瓶身。

瓶頸「Top」精細質感

1. 外發光：「Top」偏移路徑 -33px，線性漸層填色，30% 透明度，高斯模糊 20px。
2. 左/右側反射：複製「Top」兩份，頂層分別左移 10px/上移 5px、右移 20px、右移 10px，與底層「減去頂層」得細長反射條，填線性漸層，透明度 15-20%。

小結

化學燒瓶圖標展示了 Illustrator 精密繪圖的幾大支柱：

1. 像素網格對齊：確保邊緣銳利、尺寸精確，適合圖標小尺寸輸出。
2. 腳本輔助精準倒角：Round Any Corner 等腳本解決手動圓角不一致痛點。
3. 路徑尋找器布爾運算：合併/減去/交集/排除，構建複雜幾何關係。
4. 不透明蒙版+漸層：以灰度控制透明度，實現玻璃邊緣漸隱、液面折射等高級材質。
5. 外觀面板多重填色/效果：單一路徑疊加多層填色、模糊、變換，保持結構乾淨。

掌握此工作流，可高效產出各類科學儀器、醫療器械、化妝品瓶罐等透明/半透明材質圖標。