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

Photoshop 教材 / Class LLL

路徑、形狀與向量遮罩

同一條曲線,留下什麼資料、控制誰?

用少量錨點與方向柄描述輪廓,分開形狀、工作路徑、像素與向量遮罩。比較元件運算、填描、轉選區與取樣後能否回改,再以硬邊、半透明及細絲條件決定何時需要逐像素資料。

撰寫與維護:Class LLL · Lab Light Label|預估閱讀 23 分鐘

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

閱讀目標

適用條件與學習範圍

要保留可編輯的幾何、畫出顏色,還是限制一層的顯示?同一輪廓能表達哪些透明細節?

能用錨點/方向線調輪廓,選擇形狀/路徑/像素承載,分清選區取樣與向量回改;能指出柔邊/半透明哪些資訊不是單一輪廓提供,並保存來源與路徑。

本頁主責通用路徑、形狀及向量遮罩。既有pen-path只承接去背硬邊流程,不複製其網址/紀錄/Hero;完整文字、繪畫動態、像素選區與印刷交付另有唯一頁。

原理與判斷

路徑保存點、曲線與元件關係;它不是照片中的顏色,也不是每個像素的選取程度。先問要保留幾何、產生外觀,還是讓已有內容在某處顯示,再選形狀、路徑、像素或遮罩。 少量幾何控制適合清楚硬邊、標誌與可描述的曲線;毛髮、玻璃與柔軟陰影需要逐像素資訊。向量遮罩也能羽化或與原有Alpha相乘,但一條輪廓不會自動推得照片的透明程度。

四錨點比較台:幾何、取樣與合成來自同一份資料

後片的4錨點與方向臂描述4段三次Bézier,前左是96×64範圍灰階,前右是同範圍的實際合成。先選點改X/Y,再只改柄長或方向;初始輪廓較原硬邊內縮,調整後看差異,不需要拖曳。共線方向把兩柄放在一直線;角點示例讓其中一側多轉45°,不是Photoshop的通用轉換配方。 每段以20份折線近似,像素內4×4覆蓋取樣;邊緣平均用本站方框處理。綠線、夾具、PNG和數值都讀相同模型,但不冒充Adobe反鋸齒、羽化、選區擬合、彎度鋼筆或描圖演算法。柄長0不畫方向臂;所有像素數字都是網站96×64編碼,不是PS輸出實測。

選區快照與向量回改:改路徑不等於改已轉出的範圍

在「轉換與透明」按取樣為選區快照,保存目前幾何、元件運算與本站邊緣平均;前左/前右改用這份當時範圍。再回輪廓改一點,後方綠線會更新,快照保持原樣;按即時向量範圍才回到當前幾何,重新取樣則更新快照。這模擬資料生命週期,不執行Photoshop指令。 Photoshop由路徑轉選區後,活動選區是該次像素範圍,不能假設以後移點會跟著改。向量遮罩則保有可編輯路徑,重改點會重新決定顯示範圍。需要哪種回改能力,就保哪份資料;終點是能指出正在改路徑、選區還是像素結果。

錨點、方向線與平滑/角點:切線連續不是曲率保證

直段由端點定位,曲段還需要兩端的方向控制。移錨點會影響相連曲段;改柄角度與長度,改的是曲線附近的走向及影響範圍。長柄不普遍代表更平、短柄也不普遍代表更尖,必須連同下一個點與其柄一起看。 平滑點的兩方向共線,提供一致切線;不保證兩側曲率相等。角點可有獨立柄,也可無柄形成直線轉折。曲線扭結或隆起時,先檢查方向與相鄰點,再決定增點;終點是能解釋哪段被哪個控制影響,不把「點多」當精準。

鋼筆:直線、曲線、閉合與開放路徑

選鋼筆,在選項選路徑先畫幾何;點一下放直段端點,拖曳建立方向線。點回起點閉合,閉合輪廓可供範圍使用;開放線可作描邊,不能把兩者的用途混成自動去背。硬邊去背完整路線沿舊鋼筆路徑頁,不在此另建一份同義方法。 2024原工具頁以Ctrl點空白處(Windows)/Command點空白處(macOS)結束開放路徑;新版頁把Ctrl+Enter/Command+Return寫為保持開放,與官方作者載入選區快捷說明衝突,本頁不用該組合作結束指令。若快捷自訂不同,使用面板與工具入口核對,先保存路徑。

自由手繪鋼筆與磁性吸附:手勢與邊緣線索不同

自由手繪鋼筆適合以手繪手勢記錄路徑,再以點/柄整理;自由畫不代表自動產生理想少點輪廓。磁性選項是自由手繪鋼筆的邊緣吸附方式,適合影像對比能提供明確邊緣時;背景近色、斷裂或細碎紋理可能讓它吸錯地方,仍要檢查生成路徑。 當代簡頁有自由手繪鋼筆入口;2021年Julieanne Kost原文說明自由手繪鋼筆選擇磁性選項,寬度管搜尋距離、對比管邊緣差異、頻率控制落點的頻繁程度,齒輪可開磁性選項。這是標明年代的控制說明,不保證現在相同數字範圍。若你的桌面版本有磁性選項,按當版介面逐項比較;若無此入口,用鋼筆手動或已發布選區方法替代。終點是分辨人畫手勢與邊緣吸附,不能宣稱已實測現版全參數。

彎度鋼筆:少量點形成曲線與角點

彎度鋼筆讓你以點選安排曲段,雙擊切角點/曲點,點回起點閉合;適合先整理連續曲線,再局部修形。點的位置仍由你判斷,不能用太少點跨過重要轉折,也不應一路密點追每顆像素。 2026桌面版說明的標題誤帶Illustrator,但正文與圖片是Photoshop,另以Adobe原有彎度鋼筆教學交叉核對。路徑顯示的顏色/粗細是編輯輔助,不是最後筆畫;終點是能切換點型並檢查輪廓,不把它當本站固定四段曲線的同一求解。

內容感知描圖:技術預覽與生成後驗收

2026官方頁列此為技術預視功能:在偏好設定的技術預視啟用並重啟後,從鋼筆群組尋找;細節調邊緣偵測/簡化,建立、延伸與修剪生成的路徑。適合明顯邊界提供起稿線索,結果仍需直接選取工具驗收。 可用性受版本/平台/預覽設定影響,本頁未在桌面實測,不保證每台都有。吸到背景、缺口或碎邊時,調細節/局部修點或改手動來源;不要把偵測路徑當已完成透明遮罩。終點是知道它產出幾何起稿及什麼需人工檢查。

自動增加/刪除與橡皮筋預覽:編輯輔助不是新輪廓資訊

自動增加/刪除開啟時,鋼筆指向已選段/點可切換增刪;要在既有線上開始另一條線時可先關閉,避免誤改原路徑。橡皮筋預覽可顯示下一段連接,適合先看方向再落點,不會保存一條永久輸出線。 若看到多餘點或誤刪,先查當時指標與選定路徑,並非所有點擊都在畫新點;終點是辨認輔助狀態與真正保存資料,最終輪廓仍以點/段檢查。

增加/刪除錨點與轉換點:刪點不等於切斷段

增加錨點工具在既有段加點;刪除錨點工具點掉不必要錨點;轉換點工具可拖出方向線,或把平滑點轉成無柄角點,也可調成獨立兩柄。先判斷要改局部走向、減少冗點,還是刻意開口,再選工具。 直接刪除/Backspace或剪下可能連點帶段刪掉,與刪除錨點工具不同。出現缺口時先回復並核對工具,不靠補更多點掩蓋。終點是能在保有輪廓的前提下減點,必要時用直接選取工具處理段。

路徑選取工具/直接選取工具:元件與點、段分開

路徑選取工具選整個元件,適合移動/複製/對齊;直接選取工具選點、柄或段,適合局部重塑。路徑面板目前哪條路徑顯示,與圖層哪層作用不同;移整個元件不能當只改一點。 路徑元件的對齊/分布針對同份路徑,跨圖層的形狀對齊用圖層工具與正確目標。整條跑位時先查選取層級,終點是能指出改動範圍,不把圖層外框與路徑節點混用。

形狀/路徑/像素:幾何、外觀與像素承載

形狀建立形狀層,保留可改輪廓及填色與筆畫外觀;路徑建立工作路徑,尚未畫出填色像素;像素由形狀工具在作用層寫入點陣結果。鋼筆不提供像素模式:新版鋼筆設定表過度泛化,本頁依繪圖模式專頁及完整繪圖說明採形狀工具限定。 選了工具卻出現一塊填色,先查是不是形狀;以為已畫進影像卻只是輔助路徑,查承載與填描。點陣化或直接像素後,不能只用原工具把結果當仍可回改幾何。終點是先選需要保存的資料,輸出像素仍受目標尺寸影響。

矩形與橢圓:尺寸與比例,而非手描每一角

矩形工具適合矩形/方形結構,可依當版屬性調尺寸與角;橢圓工具適合橢圓/圓形,需規整比例時依當版工具限制比例。先用基本幾何建立可回改結構,再直接選取工具處理必要例外。 用錯比例、把所有圓角拉到同一值或放大低解析像素,不能靠形狀名稱補救。終點是分辨幾何尺寸和觀看縮放;即時形狀屬性依建立方式/版本,不保證任意轉成的路徑都保有相同參數。

三角形、多邊形、星形與線條工具:各自控制什麼

三角形工具建立三角形;多邊形工具以邊數描述規整多邊;當代星形工具另外控制尖數、內外半徑與角圓度,與舊版多邊形工具的星形入口分開;線條工具處理開放線段與其描邊/端點。適合有規則的標記或構成,先改對應幾何再改外觀。 星尖變太深、線尾不合預期時先查幾何、線段端點與轉角接合;不要假設所有工具都有同一份角圓度。終點是會選適合的基本工具,複雜輪廓再交點/段,不用一張星圖概括所有形狀。

自訂形狀:重用輪廓與資源條件

自訂形狀可選內建輪廓或讀入形狀預設集;也可在路徑選原創路徑後編輯 > Define 自訂形狀命名重用。適合重複圖形,選之前確認來源/用途,不能假設別人機器有同一套預設。 同一輪廓換比例會改觀感,直接像素化也不再是原幾何資源;終點是能保存可找回的原創形狀並核對外觀。文字轉路徑還有文字編輯損失,完整文字承載另拆,不在此假教所有字型流程。

布林關係與元件順序:聯集、相減、交集、排除

在同份路徑中選對元件,再用路徑運算的合併、減去、交集或排除選項;前後安排會影響相減的角色,合併形狀元件會改元件組織,執行前保可回改副本。這些幾何關係不同於圖層像素混合。 本站A是四段曲線,B是固定圓;聯集保任一範圍、減去B保A中不屬B處、交集只保重疊、排除只保不重疊。看前左灰階驗收,不是把按鈕當PS向量布林求解器。整塊消失時先查選到誰、角色和交集是否存在;終點是用位置關係解釋結果,而非反覆換模式。

形狀填色與筆畫:外觀屬性與編輯線不同

形狀層可由選項、屬性或相關工作列改變填色與筆畫;純色、漸層與圖樣選外觀來源,筆畫另有寬、實/虛/點、內側/置中/外側對齊,以及端點與轉角接合等適用控制。它們保存形狀外觀,不是路徑面板顯示線的顏色/粗細。 細輪廓被描邊擠滿,先查對齊位置與寬;開放線段的端點和封閉角的接合也不同。終點是能分開改幾何、改外觀與改編輯輔助;完整圖樣/漸層填色策略另拆,不用本頁平色模型冒充所有材質。

填滿路徑與筆畫路徑:在作用層寫像素

路徑選路徑後填滿路徑把指定顏色等內容寫入作用像素層;擴展選項可改模式、不透明度、羽化、消除鋸齒。筆畫路徑沿路徑用所選工具描畫,需先設定工具,筆刷的筆尖/間距等會改結果,與形狀層的可改筆畫屬性不同。舊完整說明另有模擬壓力選項會依所選工具模擬筆壓;不是還原真實手寫壓力紀錄,入口按當版核對。 選到文字、填色、調整或智慧型物件等不適用目標時,不應承諾填滿路徑可直接按;先保來源並選可寫像素層。填描後原路徑仍可保存,但再移點不會自動改先前已畫的像素。終點是知道寫入哪層、哪些可回改;筆刷完整疊色沿既有筆刷頁。

路徑管理:工作路徑暫存、命名保存與回改

視窗 > 路徑看清工作路徑、已保存路徑與形狀/向量遮罩路徑。工作路徑可被後續操作取代;雙擊名稱或儲存路徑命名,再保存含所需結構的母檔,重新開啟驗收。選路徑名控制可見/作用項,不等於已選某個點。 可複製、重排已保存路徑或管理元件;不要把暫存工作路徑當永久備份,也不把某頁不同OS格式敘述當通用交付保證。終點是能再次找到並編輯同一份幾何,檔案交付條件回母檔頁核對。

路徑→選區:羽化、反鋸齒與運算

路徑選正確路徑,建立選取範圍可指定羽化半徑與消除鋸齒,並選新增/增加/減去/交集與現有選區的關係;將路徑載入為選取範圍或縮圖載入是快速入口,採當前設定。使用0羽化比較幾何邊界與反鋸齒,不能把兩者都叫「畫出髮絲」。 選區是這次像素範圍,後續改路徑不會自動重轉;需保存或重載時先查資料在哪裡。新版另一模式頁泛稱選取 > 載入選取範圍讀取路徑的說法太籠統,本頁採路徑專頁入口。終點是能驗收範圍而非只看螞蟻線,部分程度沿唯一選區/虛線知識補讀。

選區→工作路徑:容許差與羽化損失

路徑的建立工作路徑可將活動選區邊界擬合成路徑;2026專頁列容許度 0.5–10px,較低值通常更多點、更貼近邊界,較高值較簡化。選合適尺度後檢查重要缺口與轉折,並命名保存。 轉換會移除原選區羽化,不能把再轉回選區當無損往返。高容許差可能吃掉孔洞,低值可能密點追噪;終點是知道取捨與丟失的資訊。本站不做這份擬合算法,快照只示範幾何→取樣後不再隨路徑更新。

向量遮罩:幾何限制整層,仍可濃度/羽化

選要遮的層及路徑,圖層 > 向量圖遮色片 > 目前路徑;也可全部顯現與全部隱藏起始後畫路徑。選向量遮罩後用鋼筆/直接選取工具/形狀工具改輪廓,限制的是該層顯示。它不同於只藏智慧型濾鏡效果的範圍,也不是把影像像素刪掉。 屬性可改濃度或羽化,因此不能說向量遮罩絕對沒有柔邊;但均一邊緣柔化不會估出複雜半透明分布。Shift點縮圖/屬性可停用,紅X時看未受該遮罩限制的內容。點陣化向量圖遮色片改成像素遮罩後,該結果不再保原曲線控制;先留幾何副本。終點是知道回改對象與什麼資訊還在。

硬邊、玻璃與細絲:既有Alpha可保留,未知Alpha不靠猜輪廓

硬邊樣本Alpha大致0/255,幾何輪廓可描述主要邊界;另一樣本有內部半透明及輪廓外細絲。本站「只靠輪廓」刻意忽略已知Alpha,以幾何灰階決定透明,會把內部變實或切掉細絲;「同時保留既有Alpha」則相乘,內部透明可留下,外部仍可能被幾何裁掉。 這不是說加向量遮罩會自動消除原有透明,而是單一輪廓不能從不透明照片推得每像素Alpha。若來源需要髮絲、玻璃或陰影,保留/修整像素遮罩與實際深淺底檢查,不用每根硬路徑假裝取得透明。終點是能選表達力合適的資料,已知網站Alpha樣本不作PS去背實測。

剪裁路徑:依接收端要求,非所有排版必做EPS

剪裁路徑是嵌入影像供支援的排版/輸出端界定可見硬輪廓:先儲存路徑命名,再路徑面板剪裁路徑選它;控制剪裁路徑近似精度的選項通常先留空,有輸出問題再與接收端核對。它不是Photoshop圖層向量遮罩的另一名字,也不是軟邊Alpha的替代。 2026Adobe專頁已明說現代InDesign可原生接PSD圖層透明,多數流程不必剪裁路徑。EPS/DCS/PDF/TIFF等僅依舊系統或特定接收要求選,不能一律改CMYK/轉EPS。本頁未做印刷機實測,終點是先問交付條件並留母檔,不把傳統路徑流程套到所有現代排版。

步驟與觀察

  1. 選擇資料與保留來源

    在Photoshop桌面Windows/macOS,留原稿與可編輯副本。要幾何選路徑、要可改填描選形狀;像素只在適用形狀工具且確定要點陣時選。先說明素材是硬邊還是需要半透明資訊,不直接套同一去背方法。

  2. 少量點描述主要輪廓

    鋼筆或適切Curvature/形狀工具起稿,直接選取工具調點/柄,必要時增刪或轉角點;先觀察相鄰兩段。結束開放路徑不用有衝突的Ctrl+Enter說法;按已核原工具入口及路徑面板核對,閉合則回起點。

  3. 檢查元件與填描位置

    選對元件再做Combine/減去/交集/Exclude;要形狀外觀改變填色與筆畫,要在像素層畫結果才填滿/筆畫路徑。檢查作用層與路徑項,完成後分開找幾何與結果像素。

  4. 保存後再轉選區或向量遮罩

    命名保存路徑。需要活動像素範圍用建立選取範圍,設定羽化/反鋸齒與運算;需要幾何回改的層顯示用目前路徑建向量圖遮色片。要從選區回路徑則查容許度及羽化損失,不把來回轉換當無損。

  5. 換素材與底色驗收,再留母檔

    換成細絲/半透明條件,查所保透明資料是否來自來源/像素遮罩,還是只有輪廓;比較深淺底與目的像素尺寸。保留幾何與未破壞來源,重新開啟母檔確認可編輯;剪裁路徑只按接收端工作流要求交付。

常見問題

以為在畫路徑,卻出現填色或寫進像素

先查形狀/路徑/像素與作用層。鋼筆沒有像素模式;形狀外觀、路徑輔助線及已填描像素各有不同回改方式。

刪一個點卻切斷輪廓,或整條一起移動

分清刪除 Anchor與刪除鍵、路徑選取工具與直接選取工具。先回復再選正確點/段/元件,不補一堆點掩蓋缺口。

改柄後隆起、扭結或兩段不順

同時看鄰點與柄方向,平滑只保切線共線;勿以長柄一定平或更多點一定精確判斷。

已轉選區/填色後,移點結果沒有跟著改

那些是已取樣或已寫入的像素。回保存路徑重做轉換/填描,或使用可回改形狀/向量圖遮色片;不是自動連動的資料。

向量遮罩有柔邊卻仍失去玻璃/細絲

羽化不是逐像素透明重建;查原有Alpha與像素遮罩。已有透明可與幾何相乘,但輪廓外仍會被裁掉,需用適當資料及深淺底驗收。

Tracing/Magnetic或舊剪裁流程找不到

核對當版/平台/Technology 預視與接收端條件。未核現版數字不借Elements補;可用手動鋼筆或已發選區入口,現代PSD透明不一律改EPS。

適用範圍與證據

原教材查核日期:2026-10-20 適用範圍:Photoshop桌面Windows/macOS文件型教學;預視/工具模式/保存格式按當版及接收端核對。 來源狀態:實讀Adobe模式、路徑/元件、選區互轉、向量遮罩與剪裁專頁,及原作者歷史教學。鋼筆新頁快捷/像素表述衝突不照抄;Curvature及形狀頁title誤帶其他產品,以Desktop body/原教學核對。Magnetic採2021原作者控制說明,精確現版參數未核。 示意限制:原創96×64硬邊/透明細絲RGBA樣本,4錨點三次Bézier、80段近似/4×4覆蓋、原創元件布林/邊緣平均/快照及Alpha乘合。不是Adobe擬合、Tracing、Curvature、羽化或印刷機結果。 原生軟體實測:未執行Photoshop桌面或全模式/平台實測;來源查核、網站模型與檔案輸出分開呈現。 學習成效驗證:沒有真人遷移試用;動畫、數字或自行標記不當學習成效證據。

參考來源

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

相關知識