问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

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 和任意链接格式的需求文档上传至蓝湖;一键生成邀请链接发送给团队成员,团队成员加入后,大家都可以看到相同的内容,结合视频会议,通过打点标注的形式,即可将产品需求表达得清清楚楚,还能反复查看避免遗漏。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
怎样委婉的询问他人帮忙处理的进展情况? 爱维他叶酸多少钱一盒?性价比怎么样? 叶酸哪个牌子好排行榜 在什么情况下,你应该问一下对方的意见? 哪些叶酸片性价比高? 哪些品牌的叶酸对孕妇比较好? ...apk的,为什么通过qq传到平板上后面又多了个rename后缀 溴酸钾物质的理化常数 活性叶酸哪个牌子的效果最好?为什么孕妈们都吃活性叶酸片? 适合孕妇吃的含活性叶酸的叶酸片有哪些呢? CDR怎么像ps一样对图片进行切片啊?切片结束后怎么... PS中怎样把大型的图片存为JPG格式 ps如何导出完整图片,而不是导出切片 ps拼接的长图如何保存为jpg 求问ps如何导出单个切片及PS导出所有的切片图像 ps怎么把长图截成几张 用ps怎么切片长图片 如果用PS将一张长图裁剪成子图片然后分别保存啊 怎么在word中的一页前再加一页 word怎么加下一页空白页 华为手机截屏哪里设置 华为手机截图设置在哪里设置 华为nova7手机截屏设置在哪里设置 华为的截屏设置在哪里设置 华为手机的滚动截屏在哪里设置 华为手机手势截屏在哪设置 华为的滚动截屏在哪里设置 华为手机截屏在哪里设置方法 调整手机截屏在设置那里?华为手机。 华为手机的截屏功能在哪里设置 PS 一张JPG的图片如何切片后,成为PNG透明的??? Photoshop内切片工具怎么 用 怎样将切完的 图片 一... ps切割工具怎么把长图切割成小图 怎么用别人的微信爱奇艺会员登录 微信开通的爱奇艺会员怎么在另一个手机登陆 爱奇艺会员是申请的,别人怎么登陆呢? 用微信登录的爱奇艺怎么在别的手机登陆 爱奇艺会员用微信登录的,我把发给别人,别... 爱奇艺会员是微信登陆的怎么借给别人? 怎么登录别人的爱奇艺会员? 我是微信手机开通爱奇艺会员的!怎么样可以让别人... 微信登录的是自己的,但爱奇艺会员要登录别... 借用别人的爱奇艺会员怎么登陆,不知道是QQ手机号... 微信购买的爱奇艺会员怎么给别人用 在登陆页面为什... 用申请的爱奇艺会员可以给别人用吗?账号是多少 钉钉视频时为什么老是弹出来取消静音对话框? ipad上的钉钉视频怎么静音 钉钉视频聊天静音然后在手机上的看视频会有声音吗? 钉钉会议视频管理员怎么关闭其他音频? 钉钉,老师强制全员静音,自己怎么打开麦克?