Illustrator 教材 / Class LLL

剪裁遮色片：改框，還是改裡面的內容？

硬輪廓限制顯示，隱藏的資料仍在

剪裁只讓框內內容可見。分開移框與移內容、加入物件和複合孔洞，再釋放檢查來源仍完整；需要漸淡時，比較另一種連續透明資料，避免把遮住影像誤認成去背。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 17 分鐘

開啟互動教材查看參考來源

閱讀目標

指出剪裁路徑必須是向量
比較移框、移內容與整組移動
用複合路徑建立真正透出的洞
加入／移出物件後檢查集合關係
釋放後找回無填色筆畫的框
分清硬輪廓與連續透明及去背目的

適用條件與學習範圍

圖只露出框內時，是內容被刪掉了，還是正在透過另一條向量路徑觀看？

先能辨認物件／群組及圖層中的選取範圍；有洞的框先補讀複合路徑及填色規則。

能建立剪裁組合，分開改框和內容、加入或移出物件，釋放後找回完整內容與無填色筆畫的框；能依硬邊或局部漸淡選資料結構。

到向量剪裁路徑、集合內外、孔洞與內部繪圖銜接及硬邊／透明用途比較。不做任意輪廓分割、主體辨識、點陣刪像素、完整不透明度遮色片或原生軟體控制。

原理與判斷

內容提供圖像，剪裁路徑提供顯示範圍；兩者成為剪裁組合後，框外內容被隱藏而不被刪除。改框是在改可見窗口，改內容是在窗口後搬圖。看到同樣裁切外觀，並不能推定檔案已失去外面資料。要看到內孔也露出背景，必須先讓剪裁路徑本身具有正確的孔洞規則。需要柔和漸淡則要能記錄中間透明度的結構；向量剪裁的內外範圍不代替不透明度遮色片的白黑灰分布，更不代替辨識照片主體的去背工作。

先分三件事：向量框、被遮物件與剪裁組合

剪裁路徑定義顯示範圍；已遮色的物件是被限制顯示的內容；兩者合成剪裁組合。G157說集合可包含多個物件、群組或圖層。只有向量物件可作剪裁路徑，被遮內容則不限向量，置入點陣影像也可被遮。先在圖層看框和內容各是哪一項，再在畫面看可見範圍。本站左床仍畫完整192×128原創PNG，右床只露出與框相交部分；3456是72×48格映射面積，不是來源像素數。若需求是圖片套進版面形狀，硬輪廓剪裁適用；若要保髮絲半透明，這個框沒有自動辨認主體。

建立前：最上方路徑與參與選取

在副本準備一條向量框及至少一件內容，把框放到內容上方。物件 > 排列 > 移至最前可把框帶到最前，再選框和要遮的內容。只選內容或把點陣影像放到最上方當框，都不符合這個建立條件。本站「集合結構」可比較頂層候選與選取不足：製作按鈕會停用，不冒充原生錯誤視窗。回到向量框且同選內容才建立。實際檔案還要查圖層有沒有其他較上方項目、隱藏／鎖定或不適用的選取；畫面看似在前面，不等於你選到的是那條路徑。

物件製作：藏起外側，建立時移除框外觀

G161提供物件 > 剪裁遮色片 > 製作入口；成功後只顯示路徑內的內容，外側被隱藏。G157同時說轉為剪裁路徑時自動移除填色與筆畫，被遮物件移入剪裁群組。建立後立即在圖層確認剪裁組合，再移內容看框外資料是否仍可出現。教具製作把框筆畫狀態清掉而保留同一條矩形及內孔座標；右床不是把來源PNG重新擷取。綠色細線是選取／觀察導引，不是框又恢復了填色／筆畫。只看畫面外緣，容易把選取線誤當實際輸出筆畫，因此「為框補筆畫」需要另外明確操作。

圖層製作：建立在正確容器，核對首項

G158另提供圖層流程：建立框和內容、把框放高，選它們並群組，再選群組或圖層名稱，用製作／釋放剪裁遮色片。G157指出群組／圖層的第一個物件作為下方子群組／子圖層的遮罩；操作前展開目標容器，檢查第一項確實是預期向量框。這條入口適合已有容器結構時，不等於任意群組都具有一份孔洞輪廓。G161有「重疊形狀先群組」的簡略句，卻沒有解釋多個框如何共同成洞；本站不把它延伸為群組自動布林。需要多子路徑或孔洞，先依G166建立可核對填色規則的複合路徑，再用作剪裁路徑。

編輯遮色片：移框和改錨點，內容位置另查

G159：圖層選包含剪裁路徑和內容的群組，物件 > 剪裁遮色片 > 編輯遮色片，再用直接選取工具改路徑。完成後點剪裁外的位置退出編輯。移框改的是可見窗口；調錨點／控制柄改的是輪廓。官方本文有「方向選取工具」拼字，依工具上下文指直接選取工具，不另創一種工具。教具預設框48×32在內容內，製作後可見1536；只把框右移12，右邊超出原內容4格，可見1408。原內容仍3456，沒有因窗口碰到邊界就變小。要重新構圖可移框；要變形輪廓則編錨點，不要先把整個集合一起移，否則框與內容相對關係不變。

編輯內容：可見部分是入口，外側路徑仍能改

G159建議直接選取工具移到框內可見路徑，輪廓出現時選取，再改錨點、控制柄、填色或筆畫。框外部分雖然看不見，仍能編輯。若選不到想改的內容，先在圖層定位該項；不要把看不到判為檔案已刪或只能重置。教具「編輯內容」只移PNG的位置，沒有修改它的像素或增加解析度。當框已右移12，再把內容也右移12，兩者相對位置回到原狀，可見重新1536；若一起搬則裁顯示關係保留。「整組右移4格」會同時改兩份座標，跟單獨移框不同，按鈕到示意邊界會停用。

加入與移出：集合關係決定受不受剪裁

G160：圖層把物件拖進含剪裁路徑的群組／圖層就加入，拖出就移除。這是在改結構關係，沒有把那件物件刪掉。適合在同一版面窗口持續加入圖像或裝飾，完成後核對該物件在框外是否仍被限制。本站「加入備用物件」把原創綠方塊放入同一剪裁集合；「移出」把它放回集合外，它會在框外照常顯示。不是一個可見／隱藏開關：SVG是否經過同一clipPath和面積聯集都跟集合位置改。若移出後仍沒看到，查物件位置、其他遮擋與外觀，不假定釋放整組才能找回。

孔洞：先讓框本身有內外，再拿來剪裁

要讓中間也透背景，先選外路徑與內路徑，物件 > 複合路徑 > 製作，再在屬性確認非零環繞或奇偶及子路徑方向。群組只保多件獨立物件，不保證自動得到同一個孔洞；有白色小片蓋住，也不是透明洞。教具用奇偶規則：外框48×32減內孔16×16，可見1536−256=1280；內孔跟著框移，不跟PNG移。深淺底都能透出，PNG來源並沒有被挖掉。完整方向與繞數判讀補讀複合路徑頁，返回仍保留框、內容與孔洞條件；這裡不複製另一套非零方向控制。

釋放：內容回來，框可能因沒有外觀而看不見

選含剪裁的群組，再物件 > 剪裁遮色片 > 釋放。G160提醒原剪裁路徑留在文件裡，但因沒有填色／筆畫而不可見；選它並補色或輪廓可讓它重新可見。這不是自動回復建立前外觀或撤銷整份文件。本站釋放後原PNG完整出現，仍保留框座標和孔洞；若未額外補筆畫，讀數提醒「框仍在，無填色筆畫」。需要找全部剪裁路徑時，G159提供先取消選取，再選取 > 物件 > 剪裁遮色片；釋放後已不是同樣的有效剪裁集合，應回圖層檢查保留的路徑。

框可再加填色／筆畫，但不靠顏色決定剪裁灰階

建立時移除外觀，不表示剪裁路徑此後不能畫。G159明列可以重新套填色與筆畫取得視覺效果；先選對路徑，避免把內容或整組的外觀一起改。需要窗口邊框時可補筆畫，再查看筆畫是在遮住圖像還是只是當選取導引。剪裁範圍由路徑幾何與內外規則決定，沒有用框的白黑灰當漸淡資料。教具補筆畫只增加結果上的白色輪廓，不改剪裁交集面積；框顏色或本來沒有外觀，都不能拿來解釋不透明度遮色片的透明分布。

內部繪圖銜接：先選外框，再畫或貼進去

G078／AI07主責的內部繪圖以已選物件的邊界承載內部繪製；可用來在既有形狀內加圖稿。先看目前繪圖模式、選取的外框及圖層新增內容，完成後回正常繪圖，避免後續物件意外繼續加入同一裁顯示關係。 G078另提醒內部繪圖保留路徑外觀，與物件製作自動移除框外觀不同，不能把本頁製作示意套為所有建立方式。把它接到本頁的觀察：內部內容與外框仍有各自的編輯責任，改框不等於刪內容。想調新增內容可從圖層或直接選取工具入內，想解除就查實際剪裁組合再用釋放。工具的可用條件與即時形狀展開取捨由即時形狀頁承接，本站不以本頁製作按鈕聲稱完整模擬所有內部繪圖輸入。

硬輪廓與連續透明：按想保留的資訊選結構

本頁硬框限制輪廓內外。若要局部漸淡，G322／323說不透明度遮色片使用另一個物件的灰階控制：白顯示、黑隱藏、灰部分透明；可用彩色物件或點陣影像，但會按灰階計算，而不是拿單一剪裁路徑的填色顏色作洞。建立及退出遮色片編輯還有透明度縮圖與剪裁／反轉等獨立責任。教具「硬邊與透明」用同一圖比較硬框與左黑右白線性遮色片，框中心是50%，可見背景透出。它是兩種資料用途的原理比較，不是原生剪裁有一個「轉透明」選項。也不宣稱Photoshop圖層遮罩與Ai各種集合結構可無條件互換；原生不透明度遮色片完整教學由該任務交付後承接。

影像套框與去背：先確認要保留的邊界

矩形或幾何形狀套圖，剪裁能直接完成窗口構圖；若目標是把照片主體從背景分離，框內背景仍跟主體一起存在。剪裁不辨髮絲，不產生半透明邊緣，也不把像素變成向量路徑。素材換成另一張照片後，需要重新判斷主體邊界與輸出背景。可以用適合的向量輪廓作硬邊裁顯示，或在有來源與實測條件的其他流程取得透明影像再置入；交付前換深淺底看邊緣、查來源解析度及嵌入／連結。這個本站示範只保192×128原創練習PNG，沒有完成任何真實照片去背或輸出保真驗收。

步驟與觀察

保母稿，核對向量頂層與共同選取
在副本把向量框放到內容上方，選框及內容。已有容器可從圖層核對首項；不要用點陣影像當剪裁路徑。
製作後看圖層及移除外觀
物件 > 剪裁遮色片 > 製作，查剪裁組合及框的填色／筆畫，不把選取線當實際輸出筆畫。
分開改框及內容
編輯遮色片改窗口；直接選取工具或圖層選內容改位置。比較相對位置，保留外側來源；要一起搬才選整組。
有洞先核對複合路徑
外框與內框製作複合路徑並查填色規則，再作剪裁。換深淺底，確認內孔真正透出而非白色蓋片。
依後續修改決定保集合或釋放
還要構圖就保集合；需要解除則在副本釋放，從圖層找無外觀的框，再明確補筆畫。需要局部漸淡另選不透明度遮色片類資料。

常見問題

製作不可用或遮的是錯形狀

查至少兩件、共同選取、最上方是否預期向量框；點陣不能當剪裁路徑。圖層入口另查容器首項。

移動後整張都走，裁切關係沒變

可能選了剪裁組合；改框用編輯遮色片，改內容用直接選取工具或圖層定位單件。

群組後孔洞還實心

群組不自動建立同一填色孔洞，先用複合路徑及填色規則核對，再作剪裁。

釋放後像少了一條框

框仍可能在圖層但沒有填色／筆畫；選它補外觀，不把看不見當已刪。

框外仍有新增裝飾

查該物件是否在剪裁組合外；要受同一框限制須移入，而不是只拖到畫面上的框附近。

套框後背景沒有去掉或髮絲太硬

剪裁只限制顯示；先辨目標是窗口構圖、硬輪廓還是局部半透明，再選相應資料與查核流程。

適用範圍與證據

原教材查核日期：2026-10-21 適用範圍：Illustrator桌面Windows／macOS；五主責G157–161全文及G166／322／323補查，內部繪圖沿已驗AI07來源；非iPad／網頁版入口通用保證。來源狀態：實讀既有快取正文，逐項日期／內容雜湊值／教材落點見AI23研究；G161 群組簡略句不推為自動孔洞，G159工具拼字按上下文核對。示意限制：續用原創FD51 PNG與向量邊界模型，框／內容座標、SVG clip-rule及矩形分格面積同源。連續透明只為固定線性遮色片用途比較，非Adobe演算或完整透明度面板。原生軟體實測：未原生Illustrator、去背或輸出實測；來源查核與公開瀏覽器只支持本站教材。學習成效驗證：未真人換素材試用，不以看過／操作／自標理解推定成效。

參考來源

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