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

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

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

即会被导出在@button1图片中.一旦出现名字中有@button1_down的图层,即会被导出在@button2图片中.无论这些图层的层叠状态如何,无论图层是矢量图层,文字图层,调整图层.



 

为什么要这样做,而不是直接导出图层呢?

我们知道,一个需要裁切并导出的 元素并不一定只画在一个图层里,

它可能遍布于很多个图层,有些甚至还会跨越一些图层, 例如我们

绘制一个横版过关游戏中的人物动画,腿部有三帧动画被放在ABC三个图层中,

身体不动, 放在D图层,手部有EFG三帧. 绘制时,绘制的逻辑很可能是

腿部被身体遮挡,身体被手部遮挡. 这样一来,如果我们要导出这三帧的

三张图片中,传统的批量导出工具是很难实现的.但PandaCUT 可以

轻松解决这个问题! 首先我们创建一个"@PandaCUT_MASKS"组,

在组里添加三个图层, 分别命名为"@frame1","@frame2"和"@frame3",

接下来,我们将腿部的ABC三个图层的图层名称中 分别打上"@frame1","@frame2"和"@frame3"

三个标签,在EFG图层中也分别打上"@frame1","@frame2"和"@frame3"

三个标签,然后我们给D,即身体这一层上打上全部的三个标签!

那么在自动导出时, 就会分别导出"ADE","BDF","CDG"三种组合了.


 

回到本例中,在本例中,我们要导出两个元素,一个是button1,另一个是button1_down,

那么,我们就这样写:

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

可以看到,text1和button1,text1_down和button1_down这四个图层被打上了与"@PandaCUT_MASKS"组中 相对应的标签.这说明,text1和button1

将被导出到名为"button1.png"的文件中,而text1_down和button1_down两个

图层将被导出到名为"button1_down.png"的文件中.

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

选择您想要的目录后,让熊猫来工作吧! 当它完成工作后,您将看到以下提示:

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

打开你刚才选定的文件夹,文件已经导好啦!

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

"老湿,好是好,可是底板和背景哪里去了?"



同一个图层可以被多个标示共享
 

由于底板图层和背景图层都没有所有没加过@button1标志,

所以它们不会被导入到button1所对应的文件中.

如果一个图层没有添加任何一个"@"开头的标识,或者添加了"@"标示,但在最上层的“@PandaCUT_MASKS”中没有它对应的正确名称,那么这个图层永远不可能被导出.

因此,我们只需给按钮底板添加一个@button标志就行了,但这里有个问题,按钮的底板同时被@button1和@button1_down两个元素使用,它们都要导出按钮底板,这怎么办呢?

很简单! 写两个名字,中间加个空格就行了:

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

再导一个看看:

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

哈哈! 这回有啦!


 

再加一个按钮试试?

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

假如我们现在需要画一个新按钮,颜色不同,我们把原来的图层复制然后绘制一个新按钮,就像这个:

想要导出它,只需要按照上文所述方式,添加一个"@button2"和"@button2_down"标示即可:

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

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!