3分鐘把一張圖變成可編輯的PSD分層文件開源工具LayerDivider上手全記錄【免費(fèi)下載鏈接】layerdividerA tool to divide a single illustration into a layered structure.項(xiàng)目地址: https://gitcode.com/gh_mirrors/la/layerdivider上周幫朋友救急處理一張插畫光是按元素?fù)笀D層就耗掉一個(gè)下午。朋友笑我是手藝人我卻笑不出來——直到我遇到了 LayerDivider一個(gè)能把單張圖片自動(dòng)轉(zhuǎn)換為可編輯PSD分層文件的開源工具才真正從這類重復(fù)勞動(dòng)里解脫出來。設(shè)計(jì)師的周一噩夢(mèng)一張圖摳了一整天先說說那個(gè)讓我想吐槽的場(chǎng)景。你大概也遇到過類似的活兒甲方丟過來一張圖說幫我把每個(gè)元素都拆出來做成能單獨(dú)改的圖層。聽起來簡(jiǎn)單做起來全是體力活——魔棒、鋼筆、套索輪番上陣邊緣摳不干凈要一點(diǎn)點(diǎn)補(bǔ)顏色相近的區(qū)域更是噩夢(mèng)。等一張圖摳完一天沒了眼睛也快沒了。更氣人的是這種活兒沒有技術(shù)含量只有時(shí)間成本。它本質(zhì)上就是機(jī)械地把像素按顏色、按形狀歸類而這恰恰是計(jì)算機(jī)最擅長(zhǎng)的事。遇到LayerDivider這款免費(fèi)圖片分層軟件到底做了什么LayerDivider 解決的就是上面這個(gè)痛點(diǎn)。你只需要丟給它一張圖它會(huì)在幾秒到幾分鐘內(nèi)取決于圖片復(fù)雜度和電腦配置吐出一個(gè)結(jié)構(gòu)清晰的 PSD 文件每個(gè)顏色區(qū)域、每個(gè)獨(dú)立物體都被拆成單獨(dú)圖層圖層有統(tǒng)一命名打開就能改。而且它不用聯(lián)網(wǎng)、不用注冊(cè)、不收費(fèi)模型和依賴裝好之后可以完全離線運(yùn)行——對(duì)在意隱私、不想被訂閱制綁架的設(shè)計(jì)師來說這一點(diǎn)非常加分。它是怎么做到的說白了它內(nèi)置了兩套拆圖思路對(duì)應(yīng)兩類完全不同的圖片。如何把一張圖拆分成多個(gè)圖層兩條路線任你選路線一按顏色拆適合插畫和UI這條路線用的是圖像聚類算法理解起來并不難它把圖里每個(gè)像素的顏色都登記在冊(cè)再把顏色接近的像素歸成一個(gè)組最后把每個(gè)組提煉成扁平色塊圖層。歸組時(shí)用的是專業(yè)的 CIEDE2000 色彩差異公式用來判斷這兩個(gè)顏色算不算同一種比肉眼判斷還要穩(wěn)。細(xì)節(jié)上也做得很貼心合并完色塊后會(huì)對(duì)圖像做一次平滑處理讓圖層邊緣不那么生硬每個(gè)色塊還會(huì)用該區(qū)域的平均色重新填涂保證最終效果干凈利落。路線二按物體拆適合照片和復(fù)雜場(chǎng)景如果圖里有好幾個(gè)獨(dú)立物體——比如一堆商品、一張角色立繪——光按顏色拆可能不夠用。這時(shí)候 LayerDivider 會(huì)調(diào)用 Segment Anything就是那個(gè)知名分割模型先把畫面里的獨(dú)立物體逐個(gè)圈出來再圍繞每個(gè)物體單獨(dú)生成圖層。簡(jiǎn)單概括一條路線負(fù)責(zé)把調(diào)色板攤開另一條負(fù)責(zé)把畫面里的人或物一個(gè)個(gè)請(qǐng)出來。此外它還有個(gè)很實(shí)用的輸出選項(xiàng)普通模式只生成基礎(chǔ)圖層復(fù)合模式會(huì)額外生成高光層、陰影層等效果圖層配合屏幕、正片疊底這類混合模式編輯自由度更高。一鍵把圖片拆分成圖層的方法我的實(shí)測(cè)三步光說不練沒意思我直接拿項(xiàng)目自帶的樣例圖跑了一遍。下面這張就是輸入圖一張白底、四個(gè)純色元素的簡(jiǎn)單插畫。點(diǎn)擊生成按鈕之后工具輸出了下面這個(gè)結(jié)果——每個(gè)元素都被拆開并標(biāo)注了對(duì)應(yīng)的圖層名Red、Blue、Green、Yellow一眼就能對(duì)上號(hào)整個(gè)過程就三步打開界面Windows 用戶先跑一遍install.ps1安裝環(huán)境之后用run_gui.ps1啟動(dòng)瀏覽器訪問localhost:7860就能看到操作面板。上傳圖片、選模式在面板里上傳圖片按圖片類型選擇按顏色拆還是按物體拆其余參數(shù)保持默認(rèn)也能出不錯(cuò)的效果。點(diǎn)按鈕、下載PSD點(diǎn)擊生成等處理完成后把輸出的 PSD 文件下載下來直接用 Photoshop 打開繼續(xù)編輯。不想在本地折騰環(huán)境的話項(xiàng)目還附帶了一個(gè) layerdivider_launch.ipynb 筆記本在 Colab 這類在線環(huán)境里順序執(zhí)行單元格同樣能拿到一個(gè)可用的界面。新手第一次使用需要準(zhǔn)備什么說實(shí)話門檻不高但有些東西提前準(zhǔn)備好能少踩坑Python 3.10 及以上 Git這是本地安裝的基礎(chǔ)核心依賴是 OpenCV、scikit-learn、Gradio、pytoshop 這些安裝腳本會(huì)自動(dòng)幫你裝好不用手動(dòng)一個(gè)個(gè)來按物體分割的路線需要下載 Segment Anything 的預(yù)訓(xùn)練權(quán)重文件比較大首次運(yùn)行會(huì)自動(dòng)下載耐心等一等建議先從簡(jiǎn)單、純色、輪廓清晰的圖片試起跑通流程之后再挑戰(zhàn)復(fù)雜插畫和照片。效果不滿意幾個(gè)親測(cè)有效的調(diào)參小技巧默認(rèn)參數(shù)已經(jīng)夠用但如果分層結(jié)果不合心意記住這幾個(gè)旋鈕就夠了層分得太粗把初始聚類數(shù)量調(diào)大圖層會(huì)切得更細(xì)顏色太雜、層太多把色彩合并閾值調(diào)高相近的顏色會(huì)被更積極地合并邊緣太生硬把平滑強(qiáng)度調(diào)大一點(diǎn)色塊邊緣會(huì)更柔和元素沒拆開換用按物體分割路線并適當(dāng)調(diào)低最小區(qū)域閾值讓小物件也能被識(shí)別出來。想在代碼里直接用也很簡(jiǎn)單核心處理函數(shù)就一個(gè)傳入圖片和幾個(gè)數(shù)字參數(shù)即可from ldivider.ld_processor import get_base df get_base(input_image, loops2, cls_num15, threshold8, size5)參數(shù)含義和界面上的滑塊一一對(duì)應(yīng)調(diào)整起來非常直覺。圖片轉(zhuǎn)PSD分層工具適合誰用插畫師把一張成品插畫拆成可編輯圖層改配色、調(diào)局部毫不費(fèi)力游戲美術(shù)角色、道具、場(chǎng)景素材的分層省掉大量重復(fù)摳圖時(shí)間UI設(shè)計(jì)師界面組件、圖標(biāo)批量拆分搭建設(shè)計(jì)系統(tǒng)時(shí)很省事電商與運(yùn)營(yíng)產(chǎn)品圖按元素拆解做活動(dòng)素材時(shí)自由度更高。一句話只要你的日常工作里出現(xiàn)過把一張圖拆成很多層的需求它就值得你花十分鐘裝來試試。寫在最后開源的意義回到開頭那個(gè)下午。朋友后來問我工具不會(huì)出錯(cuò)嗎當(dāng)然會(huì)——復(fù)雜照片、大面積漸變它不一定能一次到位。但它把從零摳一整天變成了拿默認(rèn)結(jié)果微調(diào)十分鐘這個(gè)量級(jí)的差距就是工具存在的意義。更難得的是LayerDivider 是開源的。如果你懂點(diǎn) Python完全可以按自己的需求改造算法或者給項(xiàng)目提需求、修 bug。想體驗(yàn)的話先把它克隆到本地git clone https://gitcode.com/gh_mirrors/la/layerdivider拿一張最普通的圖片開始吧親眼看看它如何把拆圖這件苦差事變成幾秒鐘的事?！久赓M(fèi)下載鏈接】layerdividerA tool to divide a single illustration into a layered structure.項(xiàng)目地址: https://gitcode.com/gh_mirrors/la/layerdivider創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考