切图片工具-ps切片工具怎么用

切图是设计师交付给开发的产物之一,设计稿完成后,设计师需要将其切成便于制作成页面的图片。设计师切图时就需要用到切图工具,比如摹客iDoc,可以自动切图(支持Sketch、Adobe XD、PS的设计稿),设计师只需在设计稿上进行切图标记,上传至iDoc即可,无需手动,开发可以自主下载和使用。

iDoc如何切图?其实很简单:(以PS切图为例)

Step 1.安装并打开插件

下载地址:

插件安装好后打开PS,在「窗口>扩展功能」找到摹客 iDoc 插件,选择并打开。使用摹客平台账号登录。没有账号需要先注册(

)

Step 2.标记切图

在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。将在名称前增加“-e-”,「标记切图」变为「取消切图标记」,则标记切图完成。

Step 3.上传至iDoc

标记切图后,一键将设计稿上传至云端项目中,开发工程师就可以自主下载切图,只需在右侧面板中选中切图,点击即可下载。

iDoc自动切图,还有更多亮点功能:

1. 切图压缩:在右侧面板中选中切图

2. 切换平台和选择倍率:iOS、Android、Web

3. 下载选中切图,一步到位。

摹客iDoc还支持Sketch、Adobe XD的自动切图,下载插件即可:

Sketch:

adobe XD:

1、首先打开电脑上的PS 软件,双击打开,进入操作页面。

2、然后打开或者拖入要切的图片。

3、接着选用工具栏里的-切图工具,根据自己喜好进行切图。

4、切完之后,ctrl+shift+alt+s 一起按。保存切图弹出窗口在最左上角“预设”。

5、单击打开可以选择自己要的格式。

6、之后就可以直接保存了,下面的格式都变成了预设的格式了。

PS切片工具的使用方法:

1、打开原本准备好的一张图片,可以把图片直接拉到PS中,也可以用菜单栏上的文件工具来打开文件。

2、把图片缩放到合适的大小,然后选择左手边工具栏上的一把像小刀一样的工具,然后右击,出同三个选择,选择“切片工具”。

3、然后鼠标变成小到,在您想切片的地方开始占,然后往左拉或者往下拉,就出会现一个四方形的区域块,这就是您要切除的范围,直到拉到您觉得合适地方为止,小编切了几个案例,分别用了一些颜色来区分开给大家看得更清楚。每一个片块代码一个区域,都会在上面有蓝色数字标识的。

4、保存时,选择文件》存储为WEB和设备所用格式,这是一种专门为网页制作人设置的格式。

Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。

2003年,Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月,Adobe公司推出了新版本的Photoshop CC,自此,Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。