切圖教程,分享一個(gè)切圖神器

2023-11-03 17:52:18 來(lái)源/作者: / 己有:2人學(xué)習(xí)過(guò)

即會(huì)被導(dǎo)出在@button1圖片中.一旦出現(xiàn)名字中有@button1_down的圖層,即會(huì)被導(dǎo)出在@button2圖片中.無(wú)論這些圖層的層疊狀態(tài)如何,無(wú)論圖層是矢量圖層,文字圖層,調(diào)整圖層.



 

為什么要這樣做,而不是直接導(dǎo)出圖層呢?

我們知道,一個(gè)需要裁切并導(dǎo)出的 元素并不一定只畫(huà)在一個(gè)圖層里,

它可能遍布于很多個(gè)圖層,有些甚至還會(huì)跨越一些圖層, 例如我們

繪制一個(gè)橫版過(guò)關(guān)游戲中的人物動(dòng)畫(huà),腿部有三幀動(dòng)畫(huà)被放在ABC三個(gè)圖層中,

身體不動(dòng), 放在D圖層,手部有EFG三幀. 繪制時(shí),繪制的邏輯很可能是

腿部被身體遮擋,身體被手部遮擋. 這樣一來(lái),如果我們要導(dǎo)出這三幀的

三張圖片中,傳統(tǒng)的批量導(dǎo)出工具是很難實(shí)現(xiàn)的.但PandaCUT 可以

輕松解決這個(gè)問(wèn)題! 首先我們創(chuàng)建一個(gè)"@PandaCUT_MASKS"組,

在組里添加三個(gè)圖層, 分別命名為"@frame1","@frame2"和"@frame3",

接下來(lái),我們將腿部的ABC三個(gè)圖層的圖層名稱中 分別打上"@frame1","@frame2"和"@frame3"

三個(gè)標(biāo)簽,在EFG圖層中也分別打上"@frame1","@frame2"和"@frame3"

三個(gè)標(biāo)簽,然后我們給D,即身體這一層上打上全部的三個(gè)標(biāo)簽!

那么在自動(dòng)導(dǎo)出時(shí), 就會(huì)分別導(dǎo)出"ADE","BDF","CDG"三種組合了.


 

回到本例中,在本例中,我們要導(dǎo)出兩個(gè)元素,一個(gè)是button1,另一個(gè)是button1_down,

那么,我們就這樣寫(xiě):

切圖教程,分享一個(gè)切圖神器

可以看到,text1和button1,text1_down和button1_down這四個(gè)圖層被打上了與"@PandaCUT_MASKS"組中 相對(duì)應(yīng)的標(biāo)簽.這說(shuō)明,text1和button1

將被導(dǎo)出到名為"button1.png"的文件中,而text1_down和button1_down兩個(gè)

圖層將被導(dǎo)出到名為"button1_down.png"的文件中.

切圖教程,分享一個(gè)切圖神器

選擇您想要的目錄后,讓熊貓來(lái)工作吧! 當(dāng)它完成工作后,您將看到以下提示:

切圖教程,分享一個(gè)切圖神器

打開(kāi)你剛才選定的文件夾,文件已經(jīng)導(dǎo)好啦!

切圖教程,分享一個(gè)切圖神器

"老濕,好是好,可是底板和背景哪里去了?"



同一個(gè)圖層可以被多個(gè)標(biāo)示共享
 

由于底板圖層和背景圖層都沒(méi)有所有沒(méi)加過(guò)@button1標(biāo)志,

所以它們不會(huì)被導(dǎo)入到button1所對(duì)應(yīng)的文件中.

如果一個(gè)圖層沒(méi)有添加任何一個(gè)"@"開(kāi)頭的標(biāo)識(shí),或者添加了"@"標(biāo)示,但在最上層的“@PandaCUT_MASKS”中沒(méi)有它對(duì)應(yīng)的正確名稱,那么這個(gè)圖層永遠(yuǎn)不可能被導(dǎo)出.

因此,我們只需給按鈕底板添加一個(gè)@button標(biāo)志就行了,但這里有個(gè)問(wèn)題,按鈕的底板同時(shí)被@button1和@button1_down兩個(gè)元素使用,它們都要導(dǎo)出按鈕底板,這怎么辦呢?

很簡(jiǎn)單! 寫(xiě)兩個(gè)名字,中間加個(gè)空格就行了:

切圖教程,分享一個(gè)切圖神器

再導(dǎo)一個(gè)看看:

切圖教程,分享一個(gè)切圖神器

哈哈! 這回有啦!


 

再加一個(gè)按鈕試試?

切圖教程,分享一個(gè)切圖神器

假如我們現(xiàn)在需要畫(huà)一個(gè)新按鈕,顏色不同,我們把原來(lái)的圖層復(fù)制然后繪制一個(gè)新按鈕,就像這個(gè):

想要導(dǎo)出它,只需要按照上文所述方式,添加一個(gè)"@button2"和"@button2_down"標(biāo)示即可:

切圖教程,分享一個(gè)切圖神器