在人员配置齐整的互联网公司，产品经理、射鸡狮、程序猿分别负责着产品的上中下游，如何高效沟通不撕逼是每个互联网从业人员应该关注的话题，沟通不畅不仅会导致项目停滞，还有可能引发肢体冲突，每一年都有产品经理被打进医院，或者程序猿被祭天的新闻。

今天探讨的是UI设计稿如何运用Pxcook+PS高效切图正确输出图档，从而提升效率的话题。同样视频教程已然非常详尽，如果有些不清楚的点，可浏览半仙哥整理的这份图文教程。

Step1 可自行下载或者公众号回复“Pxcook”即可获取最新版的Pxcook，但是有个小知识点，Pxcook安装包是AIR的格式，须下载和安装“AdobeAIR”方可能正常打开Pxcook的安装包，如下：

Step2 打开PS然后“编辑”>“远程连接”，自行设置密码和勾选“启用远程连接”即可，如下： 

Step3 打开Pxcook，然后选右上角的“切片工具”，即可使Pxcook和PS产生连接，接下来射鸡狮们即可大展拳脚了！ 

Step4 下面图标我们可清楚地了解到，如果不统一大小可能要输出4个不同的尺寸，但是强行修改尺寸会改变其形状，造成视觉上的丑陋，故我们的切片原理是每个图标尺寸设置为40*40，不够大小的把周围透明区域也切进去，此刻相信你一定会被半仙哥的睿智所折服，也会被Pxcook的强悍所震撼，接下来我们要做的是如何保证切出透明的背景来。

给每个图标一个矩形背景，大小为40*40，半透明为20%，图层命名和图标样式如下：

Step5 选择Pxcook，然后选择“按选择切图”>“IOS”，“设计”选择“@2x”，输出选择“@1x @2x @3x”，点击“切所选图层”即可切所有的图标了！

当然Pxcook也有些小bug，就是切出的图标有可能会有半透明背景，我们只需再多切一次即可解决掉！总之，搞设计就得不怕试错！

关注公众号：趣设网课，回复“Pxcook”即可获取最新版的Pxcook！

作者：趣设网课（v: uegreat）

本文由 @趣设网课 整理发布。未经许可，禁止转载。

Powered by Froala Editor