刚入门前端的小伙伴通过一个阶段的学习,已经准备小试牛刀了。但看到设计师给出的psd图,又头疼了,天啊撸,怎么办,我不会切图啊。今天我就带领小白学习傻瓜式切图。包学包会。( ̄▽ ̄)"前端
PxCook(像素大厨):能够对设计图进行标注。从而能够更方便的进行开发。这里咱们使用的是它的插件完成切图。node
使用photoshop打开你的psd图,经过编辑->增效工具->开启远程链接的支持。勾选"启用远程链接",输入密码,点击肯定。(记住这一步的密码,以后要用)
打开PxCook软件,点击右上角的切图图标。以下图所示。工具
会弹出弹窗,以下图所示。学习
输入刚刚在ps界面输入的密码。点击开始使用。若是出现下面的界面,恭喜你,链接成功啦!这就表示你能够开始切图。spa
选择你要切的图层,点击切所选图层按钮 在弹出层上面的路径上就能够找到全部切的图片。
纸上得来终觉浅,咱们来实际操做下把~
使用ps打开一张psd文件,按照以下操做,稍等片刻,就能够在路径下找到切好的图了。插件
小技巧:若是要把不少图层一块儿切,能够新建组,把要切的图层放到组里面,选中组,点击切所选图层按钮便可。设计
是否是很简单,学会了不妨点个赞。图片