ps切片分隔符怎么去掉? ps切片有分隔符的解决办法
网页中使用的图片一般比较小,方便加载,当图片尺寸大,质量高时就需要用到切片工具对图片进行分割、优化等,使得图片在网页中更好应用。但是实际应用中,往往因为分隔符的问题,使得图片出现排版错乱、空隙等问题。这篇经验分享一点切片方面的心得。希望可以帮助到有需要的朋友。
1、启动PS软件,并打开需要切片的图片
分隔符其实是因为没有切好才会产生的,有一些细小的像素,比如1PX,肉眼看不出来。所以接下来会用到一个PS自带的神器,让大家切片更容易,并且不会产生分隔符。
2、CTRL+R打开标尺,有标尺的可以忽略
打开标尺可以帮助我们更好的建立参考线,前面说到的神器就是参考线工具了。点击上方的标尺可以拉出水平参考线,点击左侧的标尺可以拉出垂直参考线。参考线还可以用选择工具(V)进行移动调整。
3、建立好参考线工具之后,选择切片工具,点击基于参考线切片。这个神奇的按钮一点,你会发现自动建立了很多切片。如果参考线建立的切片很完整了,你可以直接保存,但是一般情况都需要稍微调整
4、选择切片选择工具,选中你需要组合的切片,右键组合切片。合并好需要组合的切片,还可以删掉不需要的切片,经过调整之后,得到最终的切片。
5、切好之后就可以保存了,选择存储为WEB格式,在弹出的窗口进行图片设置。一般网页使用gif格式或者jpg格式即可。质量选择中等就可以了。如果需要给切片命名,可以在存储选项中选择切片,然后进行命名。
6、存储之后,我们在文件夹打开切好的图片,你会发现完全没有分隔符哦。接下来就可以挑选需要的图片应用到网页中了,再也不用因为烦人的分隔符慢慢调整了。
注意事项:
参考线一定要建立好,有一个小技巧看切片是否完整,就是看切片的序号,比如你发现5之后没看见6就到7了,那肯定是有一个6的切片很小你没有发现,那就可能会产生分隔符了。最好要建立精确的参考线。
相关推荐:
相关文章
- Photoshop是常见的专业图片处理软件,其功能多样,那么PS如何裁切图片?下面小编就为大家详细介绍PS裁切图片的两种方法,一起来学习吧2016-09-17
- PS怎么切图?ps中想使用切图功能将图片中的一个部分或者图表单独存为web文件,下面我们就来看看ps从一张图片中切出一部分的教程,需要的朋友可以参考下2016-09-13
- PS怎么快速切换图纸的前景色和背景色?我们知道ps中的图层分为前景色和背景色,如果需要快速的切换前景色和背景色,该怎么切换呢?下面我们就来看看详细的教程,需要的朋友2016-08-30
- 这篇教程是向脚本之家的朋友分享ps快速裁图、切片方法,教程真的很不错,比较基础,适合新手来学习,来看看吧2016-08-16
- 在使用制作网页图片时常常要用到切片工具。切片就是对图像按照需要进行切割,编辑,并保存。以备在网页上使用,那么ps怎么切片?下面小编就为大家介绍ps切片工具方法,来看看2016-08-01
- 前不久电脑软件更新,小编常用的PSc3被换成了PSc6,界面发生了一些变化,工具用起来也有些不同。比如裁剪工具,就稍微发生了一些变化,下面小编就为大家介绍PS中裁切工具怎么使2016-07-23
- 这篇教程主要是向脚本之家的朋友分享ps布尔运算切出来一个好看的心形方法,教程制作出来的心形非常漂亮,难度不是很大,适合新手来学习,来看看吧2016-07-22
- 网页设计中最常用的切图工具还是photoshop,那么photoshop怎么切图?下面小编就为大家详细介绍PS切图方法,不会的朋友可以参考本文,来看看吧2016-06-27
- 这篇教程主要是向脚本之家的朋友分享PS制作淘宝详情页及切图导出方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考一下,希望能对大家有所帮助2016-05-12
- 下面小编为大家分享PS切图后图片大小过大的几种常用解决方法,教程真的很不错,对于不知道怎么解决的朋友可以参考本文,希望能对大家有所帮助2016-04-18
最新评论