PxCook+photoshop实现傻瓜式切图(推荐小白使用)

肯定需求

刚入门前端的小伙伴通过一个阶段的学习,已经准备小试牛刀了。但看到设计师给出的psd图,又头疼了,天啊撸,怎么办,我不会切图啊。今天我就带领小白学习傻瓜式切图。包学包会。( ̄▽ ̄)"前端

所需软件

PxCook(像素大厨):能够对设计图进行标注。从而能够更方便的进行开发。这里咱们使用的是它的插件完成切图。node

PxCook与ps链接

使用photoshop打开你的psd图,经过编辑->增效工具->开启远程链接的支持。勾选"启用远程链接",输入密码,点击肯定。(记住这一步的密码,以后要用)
打开PxCook软件,点击右上角的切图图标。以下图所示。
切图图标工具

会弹出弹窗,以下图所示。学习

链接界面

输入刚刚在ps界面输入的密码。点击开始使用。若是出现下面的界面,恭喜你,链接成功啦!这就表示你能够开始切图。spa

图片描述

切图步骤

选择你要切的图层,点击切所选图层按钮 在弹出层上面的路径上就能够找到全部切的图片。
纸上得来终觉浅,咱们来实际操做下把~
使用ps打开一张psd文件,按照以下操做,稍等片刻,就能够在路径下找到切好的图了。插件

图片描述

小技巧:若是要把不少图层一块儿切,能够新建组,把要切的图层放到组里面,选中组,点击切所选图层按钮便可。设计

是否是很简单,学会了不妨点个赞。图片

相关文章
相关标签/搜索