黑马程序员技术交流社区
标题: 关于点九切图的制作方法 [打印本页]
作者: 小江哥 时间: 2018-4-27 16:45
标题: 关于点九切图的制作方法
本帖最后由 小江哥 于 2018-4-27 16:55 编辑
鉴于在我们的工作偶尔会在切图的时候遇上点九切图,那么什么是点九切图?今天在这里就把关于点九切图的经验分享给大家,希望大家能在今后的工作当中能够熟练的运用!
点九图:
1、点九是安卓平台应用程序开发中一种特殊的图片格式。扩展名:.9.png(文件名必须已此命名 xx.9.png)
2、1)切图
2)在新建画布大小时,上下左右各多出1px
3)在多出的1px中绘制拉伸区域,色值必须是纯黑色(#000)
注:1.色值必须是纯黑#000,透明度100%,周围不能出现半透明像素
2. .9.png必须绘有拉伸区域的黑线
3.上左表示为拉伸区域,右下为内容显示区域
示例:
可以明显看到.9.png的外围是有一些黑色的线条的,那这些线条是用来做什么的呢?我们来看下放大的图像
放大后可以比较明显的看到上下左右分别有一个像素的黑色线段,简单来说,序号1和2表示了可以拉伸的区域,序号3和4表示了显示内容区域。
ps制作方法:
第一步,先输出普通的png资源,用选区工具选取尽可能多的拉升部分加以删除。
第二步,然后将这些内容拼接成一个完整的整体。
第三步,然后扩大画布大小,上下左右各空出一个像素
第四步,再用一个像素的铅笔工具(颜色选择纯黑色),上下左右分别画点就可以了,保存的时候注意把后缀修改为.9.png
关于点九切图的方法就说到这里啦,希望可以给你有很大的帮助,在具体工作中也要灵活应用,一定要多和开发沟通交流,良好的沟通才是解决问题的唯一方法!
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |