当前位置:首页>ps入门教程>ps基础教程>工具教程>教程内容

切图教程,分享一个切图神器(3)

来源:站酷 作者:Nathan_J 学习:23913人次

"可是,底板怎么办?"


 

聪明的你可能会想到一个问题,假如我不是有2个按钮,而是有100个,那岂不是按钮底板图层要写好多好多标示来表明它在每一个文件中都不隐藏? 就像这样:

切图教程,分享一个切图神器_www.16xx8.com

实际上这是不用的,如果你需要无论如何都不会隐藏的图层存在,只需要在这个图层的名称中加入特殊标志“@PandaCUT_NEVERHIDE”:

切图教程,分享一个切图神器_www.16xx8.com

这样,无论我导出多少个文件,标示了"@PandaCUT_NEVERHIDE"的图层均不会隐藏!!


 

导出一下,一共出来四个图! 都带着底板!

切图教程,分享一个切图神器_www.16xx8.com

添加调整图层? 没问题!

我们现在看看我们导出的图片.....恩,或许会显得有些"太亮了",在这种时候,除了破坏性编辑, 我们还喜欢在工程的最上层添加"调整图层",比如调个色啊,调调对比度啊,这些一般都是位于最上层图层的.有"@PandaCUT_NEVERHIDE"在,这些都不是事!

添加曲线图层:

切图教程,分享一个切图神器_www.16xx8.com

切图教程,分享一个切图神器_www.16xx8.com

打上NEVERHIDE标签:

切图教程,分享一个切图神器_www.16xx8.com

导出吧!

切图教程,分享一个切图神器_www.16xx8.com

再来个反色:

切图教程,分享一个切图神器_www.16xx8.com

导出吧!

切图教程,分享一个切图神器_www.16xx8.com

能不能再给力一点啊,老湿?

 

当然能! 只要按照我们之前的原则,我们可以玩出各种花样! 例如,有时候我们 需要底图不变而按钮上的文字内容变,我们可以这样玩:


 

建立五个不同的按钮上的字样图层,写不同的文本内容,打上不同的标签,将按钮本身以及其底图 设立"NEVER_HIDE"标签保证其永远不会隐藏:

切图教程,分享一个切图神器_www.16xx8.com

执行脚本!就点一下鼠标,看看我们得到了什么:

切图教程,分享一个切图神器_www.16xx8.com

同理,我们可以利用同样的底色,在按钮之上添加几个用来修改颜色的调整图层,改名,加标签:

切图教程,分享一个切图神器_www.16xx8.com

然后执行脚本!点一下鼠标!看看我们得到了什么:

切图教程,分享一个切图神器_www.16xx8.com

能不能再给力一点啊,老湿?

每一次导出,根据位置,脚本都会自动生成一个txt文件,其中记录着各个文件的位置和尺寸,如果你是前端工程师,你应该知道我在说什么!

切图教程,分享一个切图神器_www.16xx8.com

不过,因为我也不知道你对代码有何种需求,目前导出的格式是针对特定的GUI库的,如果你希望能再再给力一点,告诉我们!

美中不足的,是我们目前还没有x2,x0.5支持,点9图支持这种高大上的东西,如果大家用着爽,

我们会把这些功能加上的!

说了半天,在哪里可以买到呢?

不需要买! 开源免费!请点击:https://github.com/jiangduoduo/PandaCUT

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

进入我们的项目.详细教程,下载方式均有!

另外麻烦大家下载的话看看网页里最底下的文字~谢谢!

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
嘻嘻哈哈_Cherry2015-07-06 10:40
好厉害的样子!

关注大神微博加入>>

网友求助,请回答!