android系统GUI资源图制作工具draw9pacth

9.png格式的图片是Android上新创的一种被拉伸却不失真的图像格式,其四周比普通的png图片多了一个像素位的白色区域,该区域只有在图片被还原和制造的时候才能看到,当打包后无法看见,并且图片的总像素会缩小2个像素,比如23×23像素的9.png图片被打包后会变成21×21像素。在制作的时候要注意掌握尺寸,9.png 图像一般只有几百个字节那么大,系统加载会更流畅

1、下载工具:  draw9patch.zip (124.83 KB, 下载次数: 75) 该工具SDK中自带。
2、解压,执行draw9patch.bat,会出现如图:
QQ截图未命名.jpg
3、将你用PS制作的图片素材,拖到该窗口中,出现如图:
QQ截图未命名11.jpg

间黑红条纹部分表示不能编辑,边缘白色透明框就是上述介绍的增加的一像素边框。

4、将鼠标放在白色边框,点住左键不放拖动,会出现黑色线条如图:
QQ截图未命名222.jpg

  • 1号黑色条位置向下覆盖的区域表示图片横向拉伸时,只拉伸该区域
  • 2号黑色条位置向右覆盖的区域表示图片纵向拉伸时,只拉伸该区域
  • 3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域
  • 4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域
  • 没有黑色条的位置覆盖的区域是图片拉伸时保持不变(比如,如果图片的四角为弧形的时候,当图片被任意拉伸时,四角的弧形都不会发生改变)

5、如果失误多选了部分,可按住shift键,点击鼠标左键去掉黑色条
6、右边3个黑色图形区域为显示当前拉伸效果
7、选择好区域后,点击左上file->save 9-path,保存图片,后缀名为xxx.9.png,此时图片效果为:
QQ截图未命名444.jpg

via http://www.cnblogs.com/dynasty/archive/2011/03/03/1969617.html

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

生活在西班牙

自己动手丰衣足食

BlueAsteroid

Just another WordPress.com site

Jing's Blog

Just another WordPress.com site

Start from here......

我的心情魔方

天才遠私廚

希望能做一個分享各種資訊的好地方

语义噪声

西瓜大丸子汤的博客

笑对人生,傲立寰宇

Just another WordPress.com site

Where On Earth Is Waldo?

A Project By Melanie Coles

the Serious Computer Vision Blog

A blog about computer vision and serious stuff

Cauthy's Blog

paper review...

Cornell Computer Vision Seminar Blog

Blog for CS 7670 - Special Topics in Computer Vision

datarazzi

Life through nerd-colored glasses

Luciana Haill

Brainwaves Augmenting Consciousness

槑烎

1,2,∞

Dr Paul Tennent

and the university of nottingham

turn off the lights, please

A bunch of random, thinned and stateless thoughts around the Web

%d bloggers like this: