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

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

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

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



 

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

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

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

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

身體不動, 放在D圖層,手部有EFG三幀. 繪制時,繪制的邏輯很可能是

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

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

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

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

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

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

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

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


 

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

那么,我們就這樣寫:

切圖教程,分享一個切圖神器_theoat.com.cn

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

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

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

切圖教程,分享一個切圖神器_theoat.com.cn

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

切圖教程,分享一個切圖神器_theoat.com.cn

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

切圖教程,分享一個切圖神器_theoat.com.cn

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



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

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

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

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

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

很簡單! 寫兩個名字,中間加個空格就行了:

切圖教程,分享一個切圖神器_theoat.com.cn

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

切圖教程,分享一個切圖神器_theoat.com.cn

哈哈! 這回有啦!


 

再加一個按鈕試試?

切圖教程,分享一個切圖神器_theoat.com.cn

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

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

切圖教程,分享一個切圖神器_theoat.com.cn

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

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

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

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