Photoshop切图工具使用技巧集合——重磅分享!
的有关信息介绍如下:做网页的人都知道,要想完成一个网页,都必须使用到ps的切图工具,对于这个工具,可能很多人都是很简单的直接切完导出图片完事,而没有实质性的去研究切图工具的其它用法,下面小编向大家分享下自己在工作中是如何运用切图工具的。
启动ps软件,打开你的文件,找到切图工具,准备切图。如图所示,以下面的文件为例;
首先说说切图的通用技巧:通常情况下,大家想必都是通过切图工具直接切图,就是一刀一刀的切。如图
但其实我们是可以有个更精准的方法:在画布上拉出合适的参考线;然后点击切片工具设置菜单中的“基于参考线的切片”;
可以看到切片贴着参考线切出了各个区域;
如果你想均匀的切出多个版块,你可以在画布上点击鼠标右键,在弹出的选项中选择“划分切片”,然后按照你自己的切图习惯设置水平划分或者垂直划分,再调整对应的数值即可,如图,我把图片水平均匀切分为3个切片;
可能很多小伙伴都不知道,切片其实还可以双击,如图,在切片区域双击,可以看到当前切片的具体信息;这些信息,在制作页面的时候相当有用,比如说做绝对定位 ,就可以马上知道第二个切片在页面中的 top和left的位置;
切片还有个小技巧,就是你在切png透明格式的图片时,可能很多小伙伴是直接拉出参考线,直接参考线吸附png图边缘,然后再划出切片。如图通用做法:
其实不用这么麻烦,你只要隐藏其它不想显示的图层,然后在要切的图片上直接划出切片;
然后按住ctrl+c复制切片,在点击菜单“文件”——“新建”或者同时按住
ctrl+n新建,在弹框中直接点确定;
这时会弹出一个新窗口,再ctrl+v 粘贴图层,如图所示,png图被切过来了~而且是最适合的像素。
隐藏掉背景图层,就可以导出png格式的图片了~
以上就是切片工具的一些小技巧。希望对你有帮助。
如果觉得此文对你有帮助,可投上你宝贵的一票。你的投票点赞是我前进的动力~谢谢。