"关注像素大厨,把繁琐的事情交给我"👆
微信
亲爱的小伙伴们好!很久不见。咱们已经放出了打磨许久的「全新PS切图功能」,切图嗷嗷快,协做爽歪歪!今后小伙伴们在使用 PxCook 切图功能时事半功倍。工具
这次的更新,咱们完全摒弃了原有的切图方式~优化
让咱们来看看新版PxCook切图功能优化后带来的福音吧!插件
切图功能更稳定设计
切图过程更快速code
体验更流畅cdn
协做更便捷blog
涵盖旧版本优选功能开发
光说不练假把式,咱们上图来体验下新版本切图所带来的丝滑般感觉文档
17个图层切为1x,2x和3x,总共51个图标就已经已经顺利导出完成啦~
那么,这么好用的切图功能,应该如何使用呢?
全新版本的 PS 切图,咱们采用了更直接 PS 插件方式,摒弃了旧版本切图方式所带来的体验上的弊端。操做更加专一,且对于新版本PS的兼容性会更好~若是新版本遇到切图过程障碍,切图后台会智能的跳到备选切图方案中,直到切图成功为止。
新版本从切图外观上更改成以读条形式切图,而且采用PS更加原生的切图方式,以确保切图过程PS文档再也不闪烁,让速度快了3-5倍左右。
首先保存 Psd,而后点击切图面板,选择所要输出图层并【标记为切图】便可将画板附带切图导出到PxCook中,将以下的 PS 画板,按照如图所示的设置导出到PxCook。只要将须要切图的图层标记并保存,即便图层再多,切图过程也可一步到位,无需长时间等待,更加提升工做效率!
咱们设计了更简洁的切图操做界面,切图插件也无需手动安装,而且插件与PxCook更加紧密的链接,体验更流畅,操做更便捷!
该设备和分辨率选项,须要您根据当前设计稿的尺寸来进行选择(例如:您的设计稿是 iOS 设备且宽度为 375,那须要您将设备选择为iOS,分辨率选择为1x)。设备类型和设计稿分辨率的选项,只会决定标记的切图的生成尺寸,标记的切图将会根据您设置的设计稿分辨率为基准,缩放为当前项目所需的各个尺寸。
设计师完成的切图可直接导入到PxCook协做项目中,而且可自动适配开发人员所需的尺寸,开发人员只要在协做项目右侧边栏中查看或直接下载到成果图层,省去至关无用环节,让开发人员处理更便利!
I. 随意定义切图大小尺寸
能够将你但愿输出的大小尺寸切图导入到PxCook中,新建一个形状图层,将图层调整为想要输出的尺寸,并重命名为“#”或“@bounds”,而后与所需输出的图层一块儿编组,导入到PxCook中即获得你想要尺寸的图层了。
II. 切图导出到本地
点击面板右下角【导出当前选中到本地】、【导出全部切图到本地】便可将当前选中的图层或组直接导出到本地文件夹中。以后在弹出的对话框中,能够选择须要导出的分辨率,默认为导出所有。
感兴趣的童鞋们快来体验一下吧!为“产●设●研”而生
来自PxCook 官方团队 ,专一多年设计研发的效率协做工具
喜欢的小伙伴可搜索
微信关注公众号:像素大厨PxCook
可获取更多设计资讯,和各类做图小技巧