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

"可是,底板怎么辦?"

聰明的你可能會(huì)想到一個(gè)問題,假如我不是有2個(gè)按鈕,而是有100個(gè),那豈不是按鈕底板圖層要寫好多好多標(biāo)示來(lái)表明它在每一個(gè)文件中都不隱藏? 就像這樣:

實(shí)際上這是不用的,如果你需要無(wú)論如何都不會(huì)隱藏的圖層存在,只需要在這個(gè)圖層的名稱中加入特殊標(biāo)志“@PandaCUT_NEVERHIDE”:

這樣,無(wú)論我導(dǎo)出多少個(gè)文件,標(biāo)示了"@PandaCUT_NEVERHIDE"的圖層均不會(huì)隱藏!!

導(dǎo)出一下,一共出來(lái)四個(gè)圖! 都帶著底板!

添加調(diào)整圖層? 沒問題!

我們現(xiàn)在看看我們導(dǎo)出的圖片.....恩,或許會(huì)顯得有些"太亮了",在這種時(shí)候,除了破壞性編輯, 我們還喜歡在工程的最上層添加"調(diào)整圖層",比如調(diào)個(gè)色啊,調(diào)調(diào)對(duì)比度啊,這些一般都是位于最上層圖層的.有"@PandaCUT_NEVERHIDE"在,這些都不是事!

添加曲線圖層:

打上NEVERHIDE標(biāo)簽:

導(dǎo)出吧!

再來(lái)個(gè)反色:

導(dǎo)出吧!

能不能再給力一點(diǎn)啊,老濕?

 

當(dāng)然能! 只要按照我們之前的原則,我們可以玩出各種花樣! 例如,有時(shí)候我們 需要底圖不變而按鈕上的文字內(nèi)容變,我們可以這樣玩:

建立五個(gè)不同的按鈕上的字樣圖層,寫不同的文本內(nèi)容,打上不同的標(biāo)簽,將按鈕本身以及其底圖 設(shè)立"NEVER_HIDE"標(biāo)簽保證其永遠(yuǎn)不會(huì)隱藏:

執(zhí)行腳本!就點(diǎn)一下鼠標(biāo),看看我們得到了什么:

同理,我們可以利用同樣的底色,在按鈕之上添加幾個(gè)用來(lái)修改顏色的調(diào)整圖層,改名,加標(biāo)簽:

然后執(zhí)行腳本!點(diǎn)一下鼠標(biāo)!看看我們得到了什么:

能不能再給力一點(diǎn)啊,老濕?

每一次導(dǎo)出,根據(jù)位置,腳本都會(huì)自動(dòng)生成一個(gè)txt文件,其中記錄著各個(gè)文件的位置和尺寸,如果你是前端工程師,你應(yīng)該知道我在說什么!

不過,因?yàn)槲乙膊恢滥銓?duì)代碼有何種需求,目前導(dǎo)出的格式是針對(duì)特定的GUI庫(kù)的,如果你希望能再再給力一點(diǎn),告訴我們!

美中不足的,是我們目前還沒有x2,x0.5支持,點(diǎn)9圖支持這種高大上的東西,如果大家用著爽,

我們會(huì)把這些功能加上的!

說了半天,在哪里可以買到呢?

不需要買! 開源免費(fèi)!請(qǐng)點(diǎn)擊:https://github.com/jiangduoduo/PandaCUT

本站備份：http://pic.16xx8.com/allimg/150703/16xx8.zip

進(jìn)入我們的項(xiàng)目.詳細(xì)教程,下載方式均有!

另外麻煩大家下載的話看看網(wǎng)頁(yè)里最底下的文字~謝謝!