在sketch中使用.9图缩小图片尺寸

很惊喜Sketch有9宫格图片处理功能,这里有一个简短的介绍:
sketch有一个可以模拟.9图放缩的功能,只需要对图片对象(只对图片对象有效)使用Layer>Image>Convert to 9-slice image命令即可生成一个九宫格的控制柄,通过拖动控制柄即可制作一个可以自由放缩,但是边缘样式不变的.9图,原理和我们平时使用的.9图差不多。有了这个功能,我们就可以在sketch中快速绘制例如对话框、消息气泡等不同尺寸的特殊部件了。

在sketch中使用.9图缩小图片尺寸_第1张图片
Paste_Image.png
在sketch中使用.9图缩小图片尺寸_第2张图片
Paste_Image.png

然而我要说的是我面临的一种情况:利用九宫格将一个大图处理成一个尽可能小的图,以减小图片占用空间。以前我的办法是尽可能将九宫格的中心区域尽可能缩小,但是在缩放的时候总是出现问题,不是预期的效果,缩放时四角会有变形的效果,而我想象中的9宫图缩小只要控制得好应该不会变形的。

后来发现在我这种应用情况下,应该是将九宫格的中心区域尽可能扩大。为什么呢?反向理解就明白了,如果你将一个九宫格小图拉伸成大图,主要变大的其实是中心区域部分,四角部分是不会改变的。所以,利用九宫格缩小图片之前,应尽量使中心区域尽可能大,相应地四角部分尽可能地小。无论是放大还是缩小,统一的原则应该是四角部分尽可能地小。

另外一个注意的地方是:选定了中心区域范围后,不要双击,而是在图片上点右键,点Confirm,然后再进行图片缩放

你可能感兴趣的:(在sketch中使用.9图缩小图片尺寸)