Illustrator 教材 / Class LLL
漸層網格:改的是交點、色面,還是外輪廓?
網格・交點/色面
先分開點色與點位,再比較一般漸層;理解建立、編輯、透明與轉換後保住或失去的資訊。
撰寫與維護:Class LLL · Lab Light Label|預估閱讀 23 分鐘
閱讀目標
- 分辨點色、點位、網格線與色面
- 選擇不規則或規則建立起點
- 核整物件透明與深淺底
- 保原作並辨轉網格/輪廓的資訊變化
適用條件與學習範圍
只改一個交點的顏色,和移動它的位置,各改了什麼?取得輪廓後還能改原來的色面嗎?
- 先讀一般漸層的色標與色場座標;需要儲存顏色時補色票。
能分辨點色、網格幾何與外界,判斷是否需要網格;轉換前保留母稿並核可編結構與限制。
主責網格建立/編輯/整物件透明與漸層/路徑轉換。不複製漸層、色票或色彩理論;有限規則直線網格不是Adobe插值,不提供原生AI或交付格式測試。
原理與判斷
網格把幾何與顏色分配連在一起。內點變色會沿相鄰色面過渡,移點則改這段過渡發生的空間;外界不一定要跟著改。 網格值得用在需要局部連續色流的形體,但不是漸層的自動升級。轉成輪廓後只有外界不足以重建內部顏色;先判斷要編的是哪種資訊,再選結構。
網格線、網格點與色面:不是多個獨立漸層
G258將網格線條定義為支配顏色方向的結構線,交點網格點可帶顏色,四個交點之間是網格色面。選網格點改色,會沿相鄰色面過渡;移點會改色流的空間。網格不是在一個普通漸層上多放幾個色標,也不是物件混合的中間物件。 適合需要輪廓內局部體積與連續色流的單一物件;只是方向性明暗,用普通線性/放射狀通常較易維護。先畫少量色面,若色流扭結先看結構線與點位,再加細節,不靠堆更多點掩蓋。
保住外輪廓:先改內點顏色,再移內點
選取工具選網格,再用網格工具(U)選交點;改填色或將色票顏色拖到網格點/色面。只改點色而不移點時,物件外輪廓不應因此變形。接著選內點移位,觀察相鄰色流重分配,保留邊界點可維持外輪廓。 本站同一四邊形的座標與RGB權重共同產生可見小色面,內點X/Y與顏色分開控制;若需要曲線手柄、折疊或自交,停止用此模型推論。本站直線凸四邊網格受限不翻面,16×16雙線性細分不是Adobe Bézier/Coons插值。
不規則網格:網格工具建立與追加
選取工具選路徑,網格(U)在路徑或內部點擊會建立網格點與網格線;改填色,再點不同位置增加結構。拖網格點可改色流方向。不規則布局適合配合局部高光或形狀,不必先鋪密集均勻格。 點擊沒有預期色面時先核選到的可編物件及網格工具,不把圖片或普通漸層色標視為交點。本站只示範規則點列與點欄,不提供任意位置交叉拓撲,原生不規則建立應回Illustrator檢查結構。
規則網格:建立漸層網格、橫列與直欄
選物件,物件 > 建立漸層網格,設定橫列與直欄,再以預視檢查後確定。適合從規則結構開始,再移交點配合形體;一開始點數過多會增加調整成本,先用較少行列。 外觀可選平面、至中央或至邊緣,亮部調整白色高光比例;它們是建立網格時的起始顏色分布,不是持續套在任何網格上的圖層效果。色暈不對先核外觀/亮部及點色,再移點。本站點列/點欄計數明示為交點數,不能直接當原生橫列/直欄欄位的數值。
平面、至中央、至邊緣與亮部的選擇
平面保持原填色;至中央偏中央高光;至邊緣偏外緣高光。亮部設定白色高光的比例,適合建立單純體積起點,之後仍要逐點調色以配合形體與光線。 網站重建以原創藍色為底,按點到中心的規則權重混白;真產生新的逐點顏色,會取代目前網格,先保存或保留原作。這不是Adobe高光公式,也不保證同一百分比得到原生外觀。普通漸層已能表達的光暗不必先網格化。
選點、改點色與色面:色票、Shift
網格工具選點,Shift可連續選多點;色票可拖色到點或色面。適合統一一區色調或局部布色,先核選點範圍,避免把整物件改色與改一點混淆。 G260明列Shift點擊新增點可保目前填色。新增點本來就是結構改變;若顏色也意外跳變,先核操作修飾鍵和新點填色,不只撤銷位置。本站只選一點;新增規則列/欄用相鄰幾何與RGB線性插入,保留原點而不仿真原生Shift建點。
移點與刪點:幾何成本不能忽略
網格工具拖點可移動結構;原生網格可有曲線方向控制,移點時同時看周圍線是否擠壓。Windows按Alt/macOS按Option,以網格工具點網格點刪除。適合去掉無用細節,應保留母稿,刪除可能改色流。 看見色帶折角先查相鄰點與線密度,再考慮刪點或重建;不是只加更多亮色點。本站增刪整列/整欄限2到4個交點,刪除真移除資料與顏色;只刪內列/內欄避免無意改外界,並檢查剩餘色面凸性,不代表原生上限。
網格透明度:整物件不透明度與點色分開
G261的具名程序為選取工具選整個網格,視窗 > 透明度,設定不透明度 0–100%。它調整整物件可見程度;白色填色不等於透明,必須換深淺底核對。適合整組色面淡出,而不是用來移高光。 該短正文支持的是整物件透明,本站因此只提供整物件不透明度,不從索引推定每個網格點均有相同面板操作。網站輔助線是觀察標記,透明度為0仍可看見它;取消輔助線再檢查色面,勿將輔助線當圖稿的透明通道。
一般漸層比較:切檢視不改資料
普通漸層以色標及一套空間控制布色;網格把局部顏色與幾何交點綁在同一可編結構。先保相同外輪廓,切換比較,再判斷局部高光是否真的需要網格。多個簡單形狀各有漸層往往較易管理,複雜局部連續色流才值得投入網格。 本站一般漸層比較使用固定藍到珊瑚紅線性色場,沿目前網格外界裁切,切換不刪網格。它不是從任意網格無損還原普通漸層;看不見原點色時先切回網格,再確認不是資料被轉換。
漸層填色轉網格:物件 > 展開的條件
G263:選取工具選漸層填色物件,物件 > 展開,選漸層網格,OK;再用網格工具加線與點。適合想將既有普通漸層改成可局部編交點的起點,先保留原始漸層副本。G145補充展開可把外觀變成獨立結構,不等同展開外觀。 先檢查來源方法與物件;G145說若有外觀屬性使展開停用,先保副本、展開外觀再展開,逐層核結果,勿盲目展開全部。G257明列感知不能展開成網格;不要承諾所有任意形狀、筆畫、混合模式或外觀堆疊都按同一步成功。本站只把藍紅經典線性示意取樣成獨立逐點色資料,轉換副本可改色/移點,原網格仍保留;不是Adobe 展開取樣或原生輸出。
感知限制與替代下一步
若使用感知且需要可編網格,先保存母稿,回漸層方法核對,改用可支援的結構或自行重建;不靠換副檔名處理。G257另指出PDF/SVG會點陣化、CC 資料庫不保存感知渲染,這些是方法與交付限制,不是所有網格的共同規則。 本站感知選項只顯示具名限制並停用轉網格,不假裝實作Adobe感知插值;比較色場仍是本站普通線性示意。想比較方法本身回漸層主頁,避免把有限模型當原生可用性測試。
網格轉輪廓路徑:位移複製路徑為0
G262的操作是選取工具選網格,物件 > 路徑 > 位移複製路徑,位移輸入0,OK。用途是取得路徑輪廓結構,適合再做路徑編輯或以輪廓作其他任務;保留網格原件並在圖層與直接選取工具檢查結果。 該短文沒有承諾輪廓路徑保留全部內部網格點、色面與顏色。單一外界不足以重建那些資訊,不把轉路徑寫成無損。本站「取獨立輪廓副本」真保存邊界座標、平填色及不透明度,沒有網格行列或內點色;可獨立改首點與填色,之後改網格不回寫副本。平填外觀是本站觀察政策,不是原生位移 0的外觀保證。
特別色與透明的格式條件:先保AI母稿
G259提示特別色在EPS、PDF或PostScript印出時仍會保留;這支持特別色相關條件,不推論所有工作流或設備均無變色。G261說明轉成較舊EPS/PDF版本時,網格透明可藉不透明度遮色片保留;不代表仍以相同原生結構可編。 要交付時保AI母稿,核印版、透明及目標版本,在目標應用/實際輸出查核。本站只用RGB顯示色,沒有特別色印版、ICC、透明平面化、EPS/PDF/PostScript匯出;若需要這些保證,停止用網站預覽作證據,回色票與交付主責。
平台、日期與完成界線
查核2026-10-21;六主責來源 G258–263實際正文均標更新2025-10-27,另實讀G145 展開及G257 感知。內容雜湊值、取得時間與每條章節落點留於AI21來源紀錄;日期不等於最低支援版本,未自行推定版本下限。Windows/macOS共用選單與U工具,刪點Alt/Option具名區分,個人快捷與繁中譯名仍需核對;iPad/網頁版不擴稱一致。 圖解重用既有等角機構元件/向量床與字型,原創網格資料;公開網站檢查、來源支持與真人理解分開。未原生Illustrator、實際格式/設備或真人換素材試用;看過與自行標記已理解保持分離,操作成功不作為學習成效證明。
步驟與觀察
先保外形改點色
選內點改填色,觀察相鄰色面過渡;不要先移邊界。
移一點再看結構
以網格工具移內點,檢查鄰近網格線與色流;需要曲線手柄時回原生檢查。
比較一般漸層
保相同外輪廓,看方向性漸層是否已足夠;切檢視不刪資料。
建立與增刪
規則起點用建立漸層網格,或網格工具點擊;先少點,核外觀/亮部,再逐步增加。
核轉換條件
普通漸層展開前核方法,感知不支援網格;Offset0取輪廓後核失去內點色資訊。
保母稿與返回
保留原網格並檢獨立副本;回原結構續編,深淺底核整物件不透明度,真格式另測。
常見問題
改色卻把外形拉歪
先核是否移到邊界點;分開點色與座標,回母稿選內點。
網格太密仍不自然
先看線密度與點位;減少不必要細節或改用多個簡單漸層。
透明後仍看到白線
先核是輔助線還是圖稿,隱藏輔助線、換深淺底再查不透明度。
感知無法轉網格
官方明列不支援;保母稿改方法或重建,勿直接展開全部外觀。
輪廓沒有原來色面
外界不足以重建內點顏色;回保留的網格,或把輪廓當獨立路徑編輯。
適用範圍與證據
原教材查核日期:2026-10-21 適用範圍:Illustrator桌面Windows/macOS;六主責來源實際正文與展開/感知補查;iPad/網頁版及最低版本不擴稱。 來源狀態:G258–263均逐條讀正文,日期/內容雜湊值/章節映射見AI21來源紀錄;短文未支持之每點不透明度及外觀保證未擴稱。 示意限制:原創規則凸四邊網格,幾何與RGB雙線性細分、真逐點資料及獨立副本;沿既有向量床/等角機構元件,非Adobe網格演算。 原生軟體實測:未原生Illustrator、AI/EPS/PDF/PostScript、特別色印版、ICC或設備實測;網站檢查不替代。 學習成效驗證:未真人換素材試用,不從操作或自標理解推定成效。
參考來源
- Adobe G258|Mesh objects overview(2025-10-27)
- Adobe G259|Create mesh objects(2025-10-27)
- Adobe G260|Edit mesh objects(2025-10-27)
- Adobe G261|Set transparency for gradient meshes(2025-10-27)
- Adobe G262|Convert mesh objects to path objects(2025-10-27)
- Adobe G263|Convert a gradient-filled object to a mesh object(2025-10-27)
- Adobe G145補查|Expand objects
- Adobe G257補查|Control perceptual interpolation in gradients
來源依原教材逐頁維護;本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤,歡迎來信提出具體段落與版本。
相關知識
- 漸層布色:顏色在哪裡過渡,接縫為何會斷? — 先選布色結構
普通漸層的色標與色場已能解決方向性明暗;需要局部交點才進網格。
- 色票與印版:改的是獨立值、共享來源,還是特別色? — 點色與印版來源
改網格點色前先分清顏色值、全域引用與特別色印版;RGB預覽不構成真輸出保證。