今天教大家用 Illustrator 繪製一枚通透剔透的玻璃質感雲朵圖標。雖然教程翻譯自國外資源，但其中涵蓖的路徑運算、漸變疊加、混合模式等技巧，對 UI 設計師極具參考價值。即使平時主力用 PS，熟悉 AI 的向量特性也能讓設計流程更靈活。废話不多說，直接進入實作！

最終效果

步驟 1：構建雲朵基礎幾何

使用橢圓工具（按 Shift 畫正圓）繪製數個圓形，排列成雲朵的基本輪廓。選中底部兩個主要圓形（A、B），開啟「對齊」面板，執行「底部對齊」，確保基準線整齊。

步驟 2：鋼筆工具補齊雲朵形狀

用鋼筆工具繪製一個連接左右圓形底部中心點的路徑，封閉成完整的雲朵外輪廓。選中所有形狀，開啟「路徑查找器」面板，點擊「合併」得到統一的雲朵形狀（命名為 Blue，填藍色以利辨識）。

步驟 3：建立邊緣高光與陰影的基礎圖層

複製雲朵形狀 Blue 兩次：

• 第一副本：向右、向上各移動 1px，填紅色（代表高光側）。
• 第二副本：向左、向下各移動 1px，填黃色（代表陰影側）。

步驟 4：路徑布林運算產生邊緣帶

再複製兩次 Blue 置於最上層。依序執行：

• 選中 Blue + 黃 → 「減去前層」→ 得到 Red 形狀（上緣高光帶）。
• 選中 Blue + 紅 → 「減去前層」→ 得到 Yellow 形狀（下緣陰影帶）。

步驟 5：繪製內部反光形狀

用鋼筆工具畫一個貼合雲朵上緣的曲面形狀（可暫時降低透明度對齊）。複製 Blue 置於底層，與此曲面形狀執行「相交」，得到深藍色的內部反光區。

步驟 6：背景與主體漸變奠基

在雲朵下方建立矩形背景，填充白→灰徑向漸變。選中 Blue 層，同樣套用徑向漸變，並在「外觀」面板將混合模式設為「柔光」，讓主體與背景融合。

步驟 7：為邊緣帶與反光區著色

• Red 圖層組 → 填白色。
• Yellow 圖層 → 填灰→深灰徑向漸變。
• 深藍反光層 → 填白→灰→灰徑向漸變，混合模式設「柔光」。

步驟 8：製作主體高光疊層

複製 Blue 層調整節點做成 White 層（白色、正常模式）；再複製一次縮小節點，改徑向漸變、正常模式，作為次級高光。

步驟 9：混合工具打造平滑過渡

選中上述兩個高光層 → 「物件」→「混合」→「建立」→「混合選項」設「平滑顏色、步數 30」。完成後將混合組設為「正片疊底」並勾選「挖空組」，形成自然的高光漸層。

步驟 10：添加鏡面反光點

畫兩個橢圓，填充深灰→黑徑向漸變，混合模式設「顏色減淡」，分別置於雲朵上緣與下緣，模擬玻璃體的鏡面高光。

完成！