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

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

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

"可是,底板怎么辦?"


 

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

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

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

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

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


 

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

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

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

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

添加曲線圖層:

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

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

打上NEVERHIDE標(biāo)簽:

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

導(dǎo)出吧!

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

再來個反色:

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

導(dǎo)出吧!

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

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

 

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


 

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

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

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

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

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

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

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

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

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

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

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

不過,因?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)入我們的項(xiàng)目.詳細(xì)教程,下載方式均有!

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

學(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)友求助,請回答!