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

文章地址 https://segmentfault.com/a/1190000013290433
确定需求
刚入门前端的小伙伴经过一个阶段的学习，已经准备小试牛刀了。但看到设计师给出的psd图，又头疼了，天啊撸，怎么办，我不会切图啊。今天我就带领小白学习傻瓜式切图。包学包会。(￣▽￣)"

所需软件
PxCook
photoshop
PxCook（像素大厨）：可以对设计图进行标注。从而可以更方便的进行开发。这里我们使用的是它的插件完成切图。

PxCook与ps连接
使用photoshop打开你的psd图，通过编辑->增效工具->开启远程连接的支持。勾选"启用远程连接"，输入密码，点击确定。（记住这一步的密码，之后要用）
打开PxCook软件，点击右上角的切图图标。如下图所示。

会弹出弹窗，如下图所示。

输入刚刚在ps界面输入的密码。点击开始使用。如果出现下面的界面，恭喜你，连接成功啦！这就表示你可以开始切图。

切图步骤
选择你要切的图层，点击切所选图层按钮在弹出层上面的路径上就可以找到所有切的图片。
纸上得来终觉浅，我们来实际操作下把~
使用ps打开一张psd文件，按照如下操作，稍等片刻，就可以在路径下找到切好的图了。

小技巧：如果要把很多图层一起切，可以新建组，把要切的图层放到组里面，选中组，点击切所选图层按钮即可。

是不是很简单，学会了不妨点个赞。

PxCook+photoshop实现傻瓜式切图（推荐小白使用）相关推荐

像素大厨生成html文件,PxCook 像素大厨 - 标注切图一起搞定
PxCook是新一代的UI界面设计标注切图工具.自动智能分析PSD文档信息,只需通过简单的点.滑操作即可生成标注.同时实时检测PSD,一旦PSD更新,标注自动更新,无需再次标注.切图工具无需安装插件, ...
像素大厨PxCook for Mac(自动标注切图工具)中文免费版
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图.每个UI设计师都在用的 ...
photoshop 切片工具进行切图
1.使用切片工具切图 2.存储为web所用格式 3.选择图片格式 4.只保存切片(选择所有用户切片) 5.查看:
如何在photoshop上安装cutterman切图神器
最近为了安装上cutterman切图神器可是下了不少功夫,之前安装了很多款都无法实现,直到最后这个哈哈哈,才实现.心里还是蛮开心的,我至少安装了又卸载不下5次.不断的往复,这种体验还是蛮难得的.当然对 ...
Photoshop之Cutterman一键切图插件的安装及使用说明
目录安装步骤: 使用说明: 是不是在为使用PS切片工具切图而苦恼?最近发现一款PS切图神器 - Cutterman.Cutterman支持CC及以上版本,安装前请确保PS版本正确. Cutterma ...
psd文件转响应式html5,前端切图【PSD转静态页】响应式切图 html5+css3
一.服务流程 1.你们提供psd效果图,我们根据你们提供的效果图开发一整套前端代码: 2.我们会根据你们的效果图评估整个开发制作周期和费用: 3.确定价格后下单进行托管: 4.我们这边及时安排人员制作 ...
【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇插件 | 使用插件进行切图 )
文章目录一. PhotoShop 切图插件 - Cutterman 1.下载 Cutterman 插件 2.安装 Cutterman 插件 3.启动 Cutterman 插件 4.注册 Cutter ...
像素大厨标注如何导出Html,每个设计师都在用的UI标注工具UI切图软件——PxCook像素大厨...
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图. 以下,就会着重展示P ...
android ps切图工具下载,移动APP设计之PS切图插件大汇总，值得收藏
移动APP界面设计切图和标注是一项必不可少的步骤.所以,设计界也涌现出了很多切图神器和标注神器. 包括25学堂之前介绍过的很多切图工具和切图教程. 今天25学堂的小编为大家精选了几个不错的移动APP设 ...

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

PxCook+photoshop实现傻瓜式切图（推荐小白使用）相关推荐

最新文章

热门文章