1、在pS中打开。
2、选择切片工具。
3、右键图像界面--划分切片。
4、在宽度和高度上分别输入需要划分的数量。
5、存贮为Web和设备所用格式。
Photoshop软件,简称“PS”,是由AdobeSystems开发和发行的图像处理软件,Photoshop主要处理以像素所构成的数字图像,其众多的编修与绘图工具,可以有效地进行编辑工作。用Photoshopcc2014软件将做好的网页平面图切图的详细制作方法是:1、打开ps软件,“文件--打开”做好的网页平面图;2、打开“切片工具”,设置“样式”正常;3、用“切片工具”在上右键打开--划分切片,根据实际需要,设置“切片”数,“水平划分为”2,“垂直划分为”2,确定;4、“文件--存储为web所用格式”,存储,取好文件名,保存;5、打开电脑“文档”,可以看到一个专门文件夹“images”,打开文件夹即可看到切好的了。
我用的摹客的PS插件,很快就能完成UI标注和切图,大概步骤如下:
1安装摹客的PS插件,安装好之后在PS的「窗口>扩展功能」找到摹客插件,选择并打开:
2标记切图:在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。当图层或编组的名称前增加了“-e-”,「标记切图」变为「取消切图标记」,就可以了。
3标记切图后,点击插件的上传按钮,开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。
用摹客完成Photoshop切图,还支持:
1 切图压缩:在右侧面板中选中切图
2 切换平台和选择倍率:iOS、Android、Web
3 自定义切图尺寸
是要切片吗?是的话可以按下面的方法 *** 作:
1、点击裁剪工具选择切片工具; Ctrl R调出标尺 拖出参考线
2、点击基于参考线切片
3、Ctrl alt shift s(存储为web格式)
4、保存(保存默认成为一个单独的名为images的文件夹)
2、在左侧的工具栏中,找到第5个工具,选择“切片工具”。
3、按住鼠标左键拉取一个矩形框来获取切图的位置,完成后会出现一个橙色边框,右键“编辑切片”,设置好名称和其他信息,点击“确定”。
4、按住“ctrl+shift+alt+S”键进行保存切片,点击“储存”。选择保存位置,输入名称,把格式改为“仅限图像”,切片设置为“所有用户切片”。
5、点击“保存”,返回桌面,点开“images”文件夹即可看到用ps切出来的了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)