Question

使用Photoshop绘制点九的方法

Answer 1

一、使用Photoshop绘制点九的方法。

确定切图后直接改变图片的画布大小，手动将上下左右各增加1px

使用铅笔工具，手动绘制拉伸区域，色值必须为黑色（#000000）。

存储为web所用格式，选择png-24，储存时手动将后缀名改为.9.png

不过这种方法的缺点是不能实时预览，判断并测试拉伸区域的准确性。

使用此方法需要注意以下2点:

1.手绘的黑线拉伸区必须是#000000，透明度100%，并且图像四边不能出现半透明像素；

2.你的.9.png必须绘有拉伸区域的黑线。

二、什么是点九。

1、“点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png。

其实相当于把一张png图分成了9个部分（九宫格），分别为4个角，4条边，以及一个中间区域。

2、示例

这张图只有中间用黑线指定的区域做拉伸。

1号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域

2号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域

3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域

4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如果图片的四角为弧形的时候，当图片被任意拉伸时，四角的弧形都不会发生改变）