每天学习一点点，每天进步一点点，整个人都会觉得快乐很多，前几天我接到一个安卓界面设计的工作，由于平时一直接触网页设计，没有接触过安卓设计，所以当对方跟我说小窗口要做成点9图的时候我并不知道是什么，不怕不知道，就怕不学习，我马上查找了相关知识，并且学会了如何用ps绘制，为了给和我一样不明白的同学提供便利，特奉上教程！
方法/步骤
1
首先我们要知道什么是点9图，点9图就是安卓系统或ios系统内的一种可拉抻而不失真的图，比如我们的微信聊天气泡就是典型的点9图，因为聊天气泡需要随文字的多少进行拉抻，如下图所示
2
如下图所示点9图和一般图的拉抻方法，一般图就是整体放大，会出现失真的情况，而点9图是把图中某些部分进行拉抻，而不重复的地方，比如圆角和光泽等部分都不做变化，以此来实现图片的放大，不会出现失真的情况。
3
了解了点9图的原理，我们就来谈谈点9图的绘制方法，以我之前绘制的气泡按钮为例，首先用ps沿着图片的边缘切好图
4
通过【编辑】【画布大小】设置画布上下左右各向外扩展1像素
5
查看图中的可拉抻区域，即不包括圆角，光泽等特殊区域的区域，我在下图中已经圈出，如果不能确定某一区域是不是可拉抻区域，可以在绘制之前将图片该部分拉抻一下试试，如果图片出现了失真的变化，该区域就是不可拉抻区域。目前就我来看，可拉抻区域包括：纯色区域，渐变区域等，而我下图绘制的光泽区域，在横向属于可拉抻区域，纵向属于不可拉抻区域。
6
拾取#000颜色，对图片四周的1px区域以以下标准进行填充，上部为横向可拉抻区域，左侧为纵向可拉抻区域，这两个部分按照可拉抻区域的特点确定黑色条纹的长短，下方为横向内容区域，右侧为纵向内容区域，内容区域的意思就是，如果这个按钮是个窗口的话，右下两区域延伸成为的长方形就是可以显示内容的区域。做好后，将图片保存为png格式，然后手动更改文件后缀为。9.png，就完成了点9图的制作。
下一篇：图片处理之美美的九格切图