Android.9图片怎么做?Sketch/Photoshop制作安卓.9可拉伸图片
文章摘要
HeoGPT
这篇文章介绍了如何制作安卓.9可拉伸图片,包括使用Sketch和Photoshop制作黑线和对齐像素等注意事项。同时还介绍了.9图的作用和常见错误。如果你需要制作自适应的图片,这篇文章可以帮助你快速入门。
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结
投诉安卓的屏幕尺寸太碎片化了,在做启动图的时候可以使用安卓的.9图来做,还有一个常见的例子就是聊天的气泡,因为每次输入的内容长度不一样,导致需要做自适应。.9图就是在安卓上的一个比较好的自适应方案。
.9图是什么
.9图主要由一个素材图片配合上下左右的宽度为1px
的黑线构成。
要求黑线的所有像素颜色为#000000,不可存在灰色、半透明的情况
黑线属于图片素材外的元素,例如图片尺寸为100px*100px
,.9图制作完成后图片尺寸应该为102px*102px
黑线的作用
如果图片上覆盖了内容,例如文字气泡中的文字,那么右侧的纵向内容条、底部的横向内容条就相当于规划了文字显示的区域。
如果内容的尺寸超出了图片素材的尺寸,为了做自适应我们需要放大图片素材,横向宽度需要变大时,不会整个拉伸全部图片,而是只拉伸一部分。就是顶部的横向拉伸条区域。
纵向拉伸也是同理。
Sketch中制作
将元素放入一个画板中
调整画布尺寸,分别增加2个像素,将图片元素调整到x=1,y=1的位置上
使用形状工具绘制黑线,需要注意对齐像素
Photoshop中制作
打开图片素材
点击图像->画布大小
宽度和高度分别+2
绘制可以对齐像素的黑线
常见错误
在对接开发前可以先检查一下黑线是否成功对齐像素,不存在半透明像素的情况。
照片的最外一圈像素只能是#000000或者是透明。
- 感谢你赐予我前进的力量
打赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 张洪Heo
评论
生成评论
匿名评论
违规举报
✅ 你无需删除空行,直接评论以获取最佳展示效果