Class LLL / 設計星團教材目錄編輯與來源

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、實際格式/設備或真人換素材試用;看過與自行標記已理解保持分離,操作成功不作為學習成效證明。

步驟與觀察

  1. 先保外形改點色

    選內點改填色,觀察相鄰色面過渡;不要先移邊界。

  2. 移一點再看結構

    以網格工具移內點,檢查鄰近網格線與色流;需要曲線手柄時回原生檢查。

  3. 比較一般漸層

    保相同外輪廓,看方向性漸層是否已足夠;切檢視不刪資料。

  4. 建立與增刪

    規則起點用建立漸層網格,或網格工具點擊;先少點,核外觀/亮部,再逐步增加。

  5. 核轉換條件

    普通漸層展開前核方法,感知不支援網格;Offset0取輪廓後核失去內點色資訊。

  6. 保母稿與返回

    保留原網格並檢獨立副本;回原結構續編,深淺底核整物件不透明度,真格式另測。

常見問題

改色卻把外形拉歪

先核是否移到邊界點;分開點色與座標,回母稿選內點。

網格太密仍不自然

先看線密度與點位;減少不必要細節或改用多個簡單漸層。

透明後仍看到白線

先核是輔助線還是圖稿,隱藏輔助線、換深淺底再查不透明度。

感知無法轉網格

官方明列不支援;保母稿改方法或重建,勿直接展開全部外觀。

輪廓沒有原來色面

外界不足以重建內點顏色;回保留的網格,或把輪廓當獨立路徑編輯。

適用範圍與證據

原教材查核日期:2026-10-21 適用範圍:Illustrator桌面Windows/macOS;六主責來源實際正文與展開/感知補查;iPad/網頁版及最低版本不擴稱。 來源狀態:G258–263均逐條讀正文,日期/內容雜湊值/章節映射見AI21來源紀錄;短文未支持之每點不透明度及外觀保證未擴稱。 示意限制:原創規則凸四邊網格,幾何與RGB雙線性細分、真逐點資料及獨立副本;沿既有向量床/等角機構元件,非Adobe網格演算。 原生軟體實測:未原生Illustrator、AI/EPS/PDF/PostScript、特別色印版、ICC或設備實測;網站檢查不替代。 學習成效驗證:未真人換素材試用,不從操作或自標理解推定成效。

參考來源

來源依原教材逐頁維護;本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤,歡迎來信提出具體段落與版本。

相關知識