700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Ps快捷切图psd文件及将psd内容转化为CSS样式工具(PxCook)

Ps快捷切图psd文件及将psd内容转化为CSS样式工具(PxCook)

时间:2020-12-21 20:58:08

相关推荐

Ps快捷切图psd文件及将psd内容转化为CSS样式工具(PxCook)

Ps快捷切图psd文件及PxCook提取CSS样式

一、 Ps快捷切图Assistor-PS和PxCook工具

    在编写网页代码时,一般都会选择背景透明的图片,任务比较繁忙不想麻烦UI设计师给我们截图,我们可以通过psd文件自己解决。

    一种方式可以通过ps快捷工具Assistor-PS

1.用ps打开psd文件,选择你要裁剪的图标

2.上述裁剪区域选好,打开工具Assistor-PS,点击图层裁剪在ps导出为web格式保存即可

    一种方式可以通过PxCook工具,该工具主要是为了提取CSS样式

1.pxCook可通过/pxcook下载,安装之前需要安装Adobe AIR,官网有提示

2.安装PxCook工具,创建项目(web项目)打开psd文件,选择相应的块进行裁剪

3.在裁剪前需要远程连接ps,ps中通过编辑》远程连接打开界面,配置对应用户密码;PxCook选择对应的块,点击裁剪区域,会让你根据上述ps配置密码进行连接

输入与ps对应的密码选择切所选的图层即可

二、PxCook工具提取样式

1.用PxCook打开相应的psd文件,选择对应的块,为了减少标注或者吸取色系,可通过该工具一键提取如图所示:

2.通过上述选取,在右侧可以看到其对应的宽高、颜色、字体等CSS样式属性,在代码编写时整体复制即可,从而减少工作量,提高开发效率

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。