具体操作步骤如下:
1、首先打开PS软件,导入需要切片的图片,点击工具栏剪裁工具,选择里面的切片:
2、然后用切片工具根据自己的需求,用鼠标选中要切割的区域,这里将图片切割成3份
3、接着点击菜栏的文件,选择导出,点击存储为Web所用格式:
4、在弹出的窗口上选择格式、颜色、大小等相关数据修改后,按下回车键存储:
5、弹出的窗口选择好保存路径,命名好文件,点击保存:
6、保存后的文件在一个文件内,打开后就会看到分割好的三个图了:
PS中如何自动切图,用摹客,轻松标记,自动切图:
Step 1.安装并打开插件
下载摹客 PS插件,插件安装好后打开PS,在「窗口>扩展功能」找到摹客 插件,选择并打开:
Step 2.标记切图
在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。将在名称前增加“-e-”,「标记切图」变为「取消切图标记」,则标记切图完成。
Step 3.上传至摹客
标记切图后,一键将设计稿上传至云端项目中,开发工程师就可以自主下载切图,只需在右侧面板中选中切图,点击即可下载。
摹客自动切图,还有更多亮点功能:
1. 切图压缩:在右侧面板中选中切图
2. 切换平台和选择倍率:iOS、Android、Web
3. 下载选中切图,一步到位。
ps切图方法如下:
1、首先打开需要处理的图片。
2、选择左侧工具栏“切片”。
3、将需要切片的区域拉出选框。注:框选出图片以外的地方会自动对其到图片。
4、在框选过程中,如果有没有框选或者重复框选的区域,系统会自动帮我们生成空白区域或者重复区域并对齐到图像。
5、系统自动生成过程中会生成一些并不是我们想要的多余图片,保存到桌面,看一下效果。
6、所以在框选切片区域的时候一定要准确选择想要切片的区域。
7、将图片准确切割,并点击菜单“文件”——”存储为web和设备所用格式(D)“,选择保存位置和名称。
8、找到保存位置,打开可以看到,已经达到想要切片的效果。
注意事项:
1、切片区域选择准确。
2、格式选择根据需要选择,一般为“HTML和图像”。
你指的切图是,做成页面,还是。
1,做页面。如果你的效果图是一张图片 ,不需要后台数据的交互和用文字表述的。可以直接用切片工具,方便一点。
2,如果你的效果,有数据的交互,或是要把以文字的形势 ,就要把图切的很细了。那可以,用选区工具,把要切的部分,复制,粘贴新建文档,保存出来。
3,如果你是把一张图切一部分,可以用裁剪工具,和用选区的方法。
点击,用鼠标拖动划出区域,再在区域内双击