在PS里面对psd文件进行切图

作为一个前端攻城狮,对psd文件进行切图还是一门需要掌握的技巧。
环境:
MacOs 10.13.3
Abode Photoshop CC 2017
操作手法:

  1. 传统切图法,在原图中通过SliceTool依次选中所有需要进行切图的部分,在File -> Export -> Save for Web(Legacy)中依次为每一张图进行设置需要导出的图的相关属性。缺点是在比如想切有透明背景图的时候,还需要把需要切的图层下面的背景关掉才能进行切图,并且切图的边缘需要用心才能切得满意。
  2. 新建图层切图法,在图层中选中需要进行切图的部分,保存这个图层到一个新建的psd文件里面,再进行裁剪,即可得到想要的切图,并且边缘处理得会使人觉得比较满意,缺点是效率比较低下。
  3. 自动生成切图法,这个是用起来比较舒服的一种方法,想要使用需要进行一些设置,第一步:使用command + K,打开设置,在Plug-In -> Generator -> Enable Generator 打勾勾;第二步:在File => Generate -> ImageAssets 打勾勾;接着把需要进行切图的文件另存为一个路径,然后就可以按照一定的规则修改图层以自动生成需要的文件,生成的文件被放在{Project}-assets文件目录下。
    当要导出不同的格式,只需把图层名称的后缀改成相应的格式后缀就可以了。默认jpg格式以90%品质生成,png格式以32为图像生成。
    以下是几个可能会用到的规则:
    原图:logo
    200% [email protected]则可以保存为名为[email protected]的文件,默认以png32格式进行压缩,分辨率是原图的两倍。
    60x60 [email protected]则可以保存为名为[email protected]的文件,以png8格式进行压缩,分辨率60 * 60 (其中x是x轴中的x),其中的png8中的数字可以修改为24,32依次用png24与png32格式进行压缩。
    logo.jpg6以60%品质生成图片,其中的jpg6中的数字可以为1-10(或者1%-100%)以使用不同的品质生成图片。

猜你喜欢

转载自blog.csdn.net/weixin_34283445/article/details/87636769
今日推荐