當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

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

來(lái)源:站酷 作者:Nathan_J 學(xué)習(xí):23913人次

即會(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è)圖層的圖層名稱(chēng)中 分別打上"@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è)切圖神器_www.tgudhdp.cn

可以看到,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è)切圖神器_www.tgudhdp.cn

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

切圖教程,分享一個(gè)切圖神器_www.tgudhdp.cn

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

切圖教程,分享一個(gè)切圖神器_www.tgudhdp.cn

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



同一個(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)的正確名稱(chē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è)切圖神器_www.tgudhdp.cn

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

切圖教程,分享一個(gè)切圖神器_www.tgudhdp.cn

哈哈! 這回有啦!


 

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

切圖教程,分享一個(gè)切圖神器_www.tgudhdp.cn

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

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

切圖教程,分享一個(gè)切圖神器_www.tgudhdp.cn

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
嘻嘻哈哈_Cherry2015-07-06 10:40
好厲害的樣子!

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!