优艾设计网

切图教程,分享一个切图神器

"可是,底板怎么办?"

 

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

切图教程,分享一个切图神器

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

切图教程,分享一个切图神器

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

 

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

切图教程,分享一个切图神器

添加调整图层? 没问题!

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

添加曲线图层:

切图教程,分享一个切图神器

切图教程,分享一个切图神器

打上NEVERHIDE标签:

切图教程,分享一个切图神器

导出吧!

切图教程,分享一个切图神器

再来个反色:

切图教程,分享一个切图神器

导出吧!

切图教程,分享一个切图神器

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

 

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

 

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

切图教程,分享一个切图神器

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

切图教程,分享一个切图神器

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

切图教程,分享一个切图神器

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

切图教程,分享一个切图神器

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

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

切图教程,分享一个切图神器

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

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

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

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

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

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

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

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

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新基础

基础排行榜