PS图片做好以后怎样切图保存

发布网友发布时间：2022-02-21 06:59

我来回答

共10个回答

热心网友时间：2022-02-21 08:28

1、打开Photoshop，然后点击切片工具。

2、点击切片工具后，把图片按要求切好。

3、把图片切好之后，按Ctrl+Alt+Shift+S进入保存web格式，保存格式设置为JPEG。

4、设置好保存格式后，点击底部的存储。

5、点击存储后，打开images文件就可以看到切好的图片了。

热心网友时间：2022-02-21 09:46

UI切图一般都会用到专门的软件，比如我们用的摹客，Sketch、Adobe XD、PS的设计稿都支持，设计师只需在设计稿上进行切图标记，然后用摹客的插件上传到平台，就可以自由下载和使用切图了。摹客的PS插件主要是这样使用：

1.安装摹客的PS插件，安装好之后在PS的「窗口>扩展功能」找到摹客插件，选择并打开：

2.标记切图：在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。当图层或编组的名称前增加了“-e-”，「标记切图」变为「取消切图标记」，就可以了。

3.标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。

摹客的这些切图和标注等功能都是免费的，可以使用。

热心网友时间：2022-02-21 11:21

1：建立参考线，CTRO+R，出现标尺，将鼠标放在标尺上，按住左键像图片内拖动就形成参考线，这时可以兼顾参考线上的单位像素（或厘米等，如果是厘米等，请到首选项中设置为像素），拖拽参考线，包围需要切割成图片的区域。这个不是必要环节，但是参考线可以帮助你切割更准确，因为切到可以自动靠齐参考线。如果有必要也可以使用网格来帮助。
其实参考线和网格是在开始设计构图时候就应使用的，这样页面才会更规矩，布局才更精确。
2：使用切片工具，切片工具和裁剪工具共享工具箱位置，点击裁剪工具不放，就会出现切片工具了。使用切片工具在图片上沿参考线划分。这个和使用选取工具是一样的。切出一个图片后，会根据整个图片自动生成其它切片。这个由你创建的是主要切片，其它都是自动生成的，可以叫辅助切片。如果对主要切片不满意，使用切片选择工具将它选中，然后点击右键删除。如果一个主要切片被删除，由它而生成的辅助切片也会被删除。
3：文件-存储为WEB和设备所用格式
执行这个操作会将你的图片直接生成一个按照切片分割好的网页。
注意：默认是生成用表格的网页，如果需要生成CSS网页，在这个界面的最左上角，有一个“优化菜单”图标小小的下拉菜单。点开后选择“输出设置”，在上面第二个选项中，选择“切片”，可以看到默认是“生成表格”，改成“生成CSS”就可以了
4：至于其它设置，请自己试验吧。返回，存储就可以得到网页。
建议：最好只使用那些被切好的图片，自己重新编辑CSS，因为生成的css真是要多乱有多乱啊

手打的，希望能帮到你

热心网友时间：2022-02-21 13:12

选择切片工具，然后在图片上右键，会出现切片菜单，选择分割切片，定好高度及宽度方向上的分割分数，确定后就切好了，然后要保存为WEB所用格式，就会在我的文档里自动生成一个images文件夹，里面按次序存着分割好的图片。

热心网友时间：2022-02-21 15:20

现在还有人用PS切图吗，也太麻烦了
直接通过PS插件上传蓝湖，蓝湖直接切好了
甚至还有自动标注
不舒服么

热心网友时间：2022-02-21 17:45

其实不用保存. 直接上传到蓝湖就可以了

热心网友时间：2022-02-21 20:26

为什么你还在用ps？
太慢了。
给你推荐一个免费切图软件——蓝湖。不仅能一键标注，还能一键下载不同格式的切图。
还有设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览等功能。

热心网友时间：2022-02-21 23:24

蓝湖不仅能一键标注，还能一键下载不同格式的切图。

还有设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览等功能。

对设计图进行树状连线，清晰展示跳转逻辑。

还可在一旁添加细节说明，方便团队成员的理解。

热心网友时间：2022-02-22 02:39

这等小事，安装个插件不就行了，可以试试蓝湖这种，直接百度，去官网下载ps插件

热心网友时间：2022-02-22 06:10

产品经理与设计师沟通需求，通常会用产品文档或 Axure 原型，在一起办公时大家开会讨论，面对相同的屏幕口述，都需要反复沟通才能说清楚。远程办公中，就可以将Word、PDF、Excel、PPT 和任意链接格式的需求文档上传至蓝湖；一键生成邀请链接发送给团队成员，团队成员加入后，大家都可以看到相同的内容，结合视频会议，通过打点标注的形式，即可将产品需求表达得清清楚楚，还能反复查看避免遗漏。