切圖教程,分享一個切圖神器
"可是,底板怎么辦?"
聰明的你可能會想到一個問題,假如我不是有2個按鈕,而是有100個,那豈不是按鈕底板圖層要寫好多好多標(biāo)示來表明它在每一個文件中都不隱藏? 就像這樣:
實(shí)際上這是不用的,如果你需要無論如何都不會隱藏的圖層存在,只需要在這個圖層的名稱中加入特殊標(biāo)志“@PandaCUT_NEVERHIDE”:
這樣,無論我導(dǎo)出多少個文件,標(biāo)示了"@PandaCUT_NEVERHIDE"的圖層均不會隱藏!!
導(dǎo)出一下,一共出來四個圖! 都帶著底板!
添加調(diào)整圖層? 沒問題!
我們現(xiàn)在看看我們導(dǎo)出的圖片.....恩,或許會顯得有些"太亮了",在這種時候,除了破壞性編輯, 我們還喜歡在工程的最上層添加"調(diào)整圖層",比如調(diào)個色啊,調(diào)調(diào)對比度啊,這些一般都是位于最上層圖層的.有"@PandaCUT_NEVERHIDE"在,這些都不是事!
添加曲線圖層:
打上NEVERHIDE標(biāo)簽:
導(dǎo)出吧!
再來個反色:
導(dǎo)出吧!
能不能再給力一點(diǎn)啊,老濕?
當(dāng)然能! 只要按照我們之前的原則,我們可以玩出各種花樣! 例如,有時候我們 需要底圖不變而按鈕上的文字內(nèi)容變,我們可以這樣玩:
建立五個不同的按鈕上的字樣圖層,寫不同的文本內(nèi)容,打上不同的標(biāo)簽,將按鈕本身以及其底圖 設(shè)立"NEVER_HIDE"標(biāo)簽保證其永遠(yuǎn)不會隱藏:
執(zhí)行腳本!就點(diǎn)一下鼠標(biāo),看看我們得到了什么:
同理,我們可以利用同樣的底色,在按鈕之上添加幾個用來修改顏色的調(diào)整圖層,改名,加標(biāo)簽:
然后執(zhí)行腳本!點(diǎn)一下鼠標(biāo)!看看我們得到了什么:
能不能再給力一點(diǎn)啊,老濕?
每一次導(dǎo)出,根據(jù)位置,腳本都會自動生成一個txt文件,其中記錄著各個文件的位置和尺寸,如果你是前端工程師,你應(yīng)該知道我在說什么!
不過,因?yàn)槲乙膊恢滥銓Υa有何種需求,目前導(dǎo)出的格式是針對特定的GUI庫的,如果你希望能再再給力一點(diǎn),告訴我們!
美中不足的,是我們目前還沒有x2,x0.5支持,點(diǎn)9圖支持這種高大上的東西,如果大家用著爽,
我們會把這些功能加上的!
說了半天,在哪里可以買到呢?
不需要買! 開源免費(fèi)!請點(diǎn)擊:https://github.com/jiangduoduo/PandaCUT
本站備份:http://pic.16xx8.com/allimg/150703/16xx8.zip
進(jìn)入我們的項目.詳細(xì)教程,下載方式均有!
另外麻煩大家下載的話看看網(wǎng)頁里最底下的文字~謝謝!
上一篇:詳細(xì)解析Photoshop CS5的圖層蒙版新用法
下一篇:ps燈光效果