edit_note帖子
49
stars积分
8,382
event加入
2012-01-16
安卓交流
[安卓技术]教你美化手机QQ
schedule发表于 2012-12-11 15:39:00
visibility查看 5,880
chat_bubble回复 783
#1 楼主
一、准备工作
1.用到的软件:AndroidResEdit 1.5
Java运行库 Adobe Photoshop cs5
WinRAR 手机QQ android版安装包 2.
建立工作空间:建立一个文件夹用于
保存过程中修改的图片。应 至少包含
drawable,drawable-land,
drawable-hdpi及任意名文件 夹A和
B。解压缩QQ安装包到A,将下载的
素材保存到B。 3.素材:构思好自己
想做的 主题,搜索下载相关的图片。
例如我用 了黑暗游侠的主题,就需要
找高品质竖版(或适宜裁剪成竖版)
的 图片两张用作登录界面和背景。线
条简单的相关图片一张或若干张 修改
后做为头像图标等。登录界面用到魅
族logo,需要找含有清晰 魅族logo且
logo部分背景较单一方便提取的图片
一张或若干张。
二、登录界面制作
1.桌面图标制作 下载的素材图片。我
们可以看到这张图片的顶部缺失了 一
部分,并且背景色是白色而不是透
明。
用魔棒工具点击外 围白色部分
选择后按*删除 白色部分
如果你没有看 见魔棒工具, 请右键点
击这 个按钮,就会 让你选则魔棒 工
具
用矩形选择工具选择整个界 面,右键
自由变换,调整图 片到中心位置。
用矩形选择工具选择下部圆弧,大小
约与上部缺失部分相当,点 击右键,
通过拷贝的图层。这是下方会显示 多
了一个图层,点击它, 这时所有的操
作都只能在选定图层上进行,而不会
影响原图层的内容。 拖拽新图层到原
图层之下,这样两图片的重叠部分原
图层就会遮挡新 图层。可以通过点击
图层左侧的眼睛来显示/隐藏图层,方
便被遮挡图 层的处理。 用矩形选择选
择整个图片,右键,自由变换,在选
区之外按住鼠 标左键拖拽,这时图片
就会跟着鼠标旋转,把它调到翻转
180度的位置, 并拖到适合位置填补
原图层上的缺失,双击左键来应用变
动。用画笔 工具或仿制图章工具,按
住alt取色,涂抹掉多复制的部分。 这
样图像内容的修改就完成了,接下来
修改图片尺寸和格式。点 击图像,图
像大小,调整尺寸到72*72(注意单
位选像素)。接下来点 文件,存储
为,目录选择drawable-hdpi,文件类
型选png,文件名 icon.png。 再把图
像大小修改为48*48存储到drawable
文件夹下。
2.载入页面的修改
完成后的界 的界面 的界
只要抠出需要的部分就好。 这里的问
题是用作背景的素材图片 长宽比例不
合适。直接修改图像大小会 导致图片
被压扁,所以我们需要截取其 中比例
合适的一部分。 用矩形选择工具,按
住shift随便 画一下,得到一个正方形
选区,右键变 换选区,调整比例为
48:80,再改变选 区大小,移动到要
选定的区域,双击左 键应用。再点编
辑,拷贝。 点击文件,新建,直接确
定,系统 会自动建立一个等于选区大
小的图像, 编辑,粘贴。右键点击背
景图层,删除 图层。再调整图片尺寸
到480*800.
现在我们有提取好的logo和背景图片
了,接下来要把它们调色并组合。 同
时打开这几个文件,逐个拷贝粘贴到
背景图片的文件上。拷贝过来的图片
会 是独立的图层,根据遮挡关系调整
各图层的上下位置。 从最上方的图层
开始做自由变换,调整到需要的位
置,大小。接下来调整颜色 使其与背
景搭配。
这是我提取出来的logo 我们可以通过
图像,调整,通道混合器来调整图 片
颜色,注意这里的输出通道,输出通
道是红, 无论你改变下面的红绿蓝中
的哪个,都会造成红 色的改变不会影
响绿色和蓝色。例如我要把图中 的黑
色变为紫色,可以把红通道的红色调
为200, 再把蓝通道的红色调为200.
我们还可以通过ctrl+m调出曲线来调
整图片 的明暗效果。
或者用渐变工具为logo添加渐变
矩形选择,自由变换,随意拖动一
下。系统自动 选择了logo,而且还颇
为精确~向其中填充渐变 吧,不会填
充到logo以外哦。 你还可以为logo添
加阴影来增加立体感,这里就不详细
描述了。需要的童鞋请百 度“ps阴影
制作”。 将制作好的图片存储为
splash.9.png存放在drawable目录
下。
3.登录条的制作 登录条的动画由类似
的10张图片组合而成。 例中的M字可
以把图像调整为刚好占据横向的 20个
黑白格,第一张图片填充渐变时渐变
先由第一 格拉到第二格,一次类推,
完成十张图片,保存为 l1.png -
l10.png到drawable目录下。 渐变工
具填充时一次填充整个黑白格,所以
划 线时只要在格中点击就行,不用精
确到格子边缘, 矩形选择工具也一
样。 图像尺寸为320*102.我们提取出
来的logo肯定不 会是这个比例,可以
先按比例缩小图片,再点图像, 画布
(不同于前面的点击图像大小,画布
大小只会扩 展或缩小画布,不会改变
上面图片的尺寸)大小来调 整图片尺
寸。 例中的图片颜色较浅,可以先图
像,调整,反相处 理以清楚的看到图
像,或新建一个深色的背景图层。
二、主界面的制作
1.背景制作 将背景图片调整为
320*480和480*800两种尺寸,命名为
default_bg.jpeg和 default_bg_
hdpi.jpeg存储到drawable目录。从素
材中截取横向图片,调整为 480*320
和800*480两种尺寸,存储到
drawable-land文件夹中,文件名同
上。
下边栏背景的修改:从解压的文件中
复制bottom.9到自建的drawable目
录, 右键用photoshop打开。例中直
接编辑,调整,黑白将原来的蓝条改
为黑条, 并 可以把不透明度再往低
调。 调整不透明度到60%。想获得更
加通透的边栏效果 好友分类的背景修
改可以用同样的方法修改 expand_
column_bg.9.png和 expand_column_
bg_over.9.png两文件。其中 over为按
下去后的效果,其他文件命名方式相
同。各位童鞋可以自己从文件夹中找
到其它想 修改的文件用同样方法修
改。
2.头像的制作 我们要从这张图片中提
取出头像,这时由于前景色和背景色
接近,魔棒工具和快速选择工具就不
好用了。这时我们可以 用钢笔工具勾
勒出轮廓,右键建立选区,选择反
向,按 *删除选区。再用矩形选
择工具选择一个头像居中的正 方形拷
贝到新建文件中,进行尺寸调整。 用
钢笔工具勾出轮廓, 右键建立选区,
为了使 边缘不那么生硬,可以 根据图
片大小情况设置 羽化,小图片1像素
即 可。 选择反向前要点到任意 选择
工具上,右键才会 出现相关选项。
裁剪好的头像调整图像大小。例中调
整为40*40替换了名 为h001.png的企
鹅头像。实际可根据喜好找到想替换
的头 像,调整为相同的大小和名字保
存在drawable目录下。
3.图标的制作 任何一个图标都有未点
击和点击两种状态,需要分开制作。
由于图标在手机上显示出来很小,这
就要求我们用来做图标的图片线条 必
须简单,例中把用来做头像的图片经
过了简单修改替换了企鹅图标。 这张
图片线条有些多,且与背景色接近,
不适合做图标,接下 来我们来修改
它。 先新建两个图层,原图层放在最
下方,中间的图层用油漆桶 工具填充
为与背景色相近的颜色,点击左边的
眼睛隐藏这一 图层。此步骤是为了在
背景色为深色时方便清楚的预览画好
的图标效果,若使用的背景图片为浅
色则只需要建立一个图 层。 选择铅笔
工具,调整为1像素,选一个和背景反
差大的颜色。点击最 上方的图层。用
钢笔勾出边缘线条,右键,描边路
径,选到铅笔, (可以勾选上模拟压
力),1或2像素,确定。 再删除背景
图层,调整尺寸,保存到drawable-
hdpi。文件名 同想要替换的图标名。
例为bottombar_icon1.png
新建图层,放在图标图层的下方,画
笔选到5像素以上 (根据需要及图形
复杂程度),类型选成中心向周围渐
淡 那种,换成蓝色,用钢笔建立并描
边路径。 若所制作的图标轮廓较为容
易选取,可用阴影图层来简化制作。
用同样的方法制作其它图标。所需要
的隐身等标志可从安装包中提取。
三、安装包的修改
右键点击安装包,选择用winrar打
开,把做好的图片拖到res文件夹下对
应的 文件夹中。删除META-INF文件
夹下的androidr.sf和androidr.rsa文
件。
这里只保留manifest.mf 一个文件,
否则无法安 装。
关闭winrar。打开androidresedit,
点签名,选改好的安装包,立 即签
名,将签名好的文件拷到手机中安装
即可。
安装这个signfile就行了。
1.用到的软件:AndroidResEdit 1.5
Java运行库 Adobe Photoshop cs5
WinRAR 手机QQ android版安装包 2.
建立工作空间:建立一个文件夹用于
保存过程中修改的图片。应 至少包含
drawable,drawable-land,
drawable-hdpi及任意名文件 夹A和
B。解压缩QQ安装包到A,将下载的
素材保存到B。 3.素材:构思好自己
想做的 主题,搜索下载相关的图片。
例如我用 了黑暗游侠的主题,就需要
找高品质竖版(或适宜裁剪成竖版)
的 图片两张用作登录界面和背景。线
条简单的相关图片一张或若干张 修改
后做为头像图标等。登录界面用到魅
族logo,需要找含有清晰 魅族logo且
logo部分背景较单一方便提取的图片
一张或若干张。
二、登录界面制作
1.桌面图标制作 下载的素材图片。我
们可以看到这张图片的顶部缺失了 一
部分,并且背景色是白色而不是透
明。
用魔棒工具点击外 围白色部分
选择后按*删除 白色部分
如果你没有看 见魔棒工具, 请右键点
击这 个按钮,就会 让你选则魔棒 工
具
用矩形选择工具选择整个界 面,右键
自由变换,调整图 片到中心位置。
用矩形选择工具选择下部圆弧,大小
约与上部缺失部分相当,点 击右键,
通过拷贝的图层。这是下方会显示 多
了一个图层,点击它, 这时所有的操
作都只能在选定图层上进行,而不会
影响原图层的内容。 拖拽新图层到原
图层之下,这样两图片的重叠部分原
图层就会遮挡新 图层。可以通过点击
图层左侧的眼睛来显示/隐藏图层,方
便被遮挡图 层的处理。 用矩形选择选
择整个图片,右键,自由变换,在选
区之外按住鼠 标左键拖拽,这时图片
就会跟着鼠标旋转,把它调到翻转
180度的位置, 并拖到适合位置填补
原图层上的缺失,双击左键来应用变
动。用画笔 工具或仿制图章工具,按
住alt取色,涂抹掉多复制的部分。 这
样图像内容的修改就完成了,接下来
修改图片尺寸和格式。点 击图像,图
像大小,调整尺寸到72*72(注意单
位选像素)。接下来点 文件,存储
为,目录选择drawable-hdpi,文件类
型选png,文件名 icon.png。 再把图
像大小修改为48*48存储到drawable
文件夹下。
2.载入页面的修改
完成后的界 的界面 的界
只要抠出需要的部分就好。 这里的问
题是用作背景的素材图片 长宽比例不
合适。直接修改图像大小会 导致图片
被压扁,所以我们需要截取其 中比例
合适的一部分。 用矩形选择工具,按
住shift随便 画一下,得到一个正方形
选区,右键变 换选区,调整比例为
48:80,再改变选 区大小,移动到要
选定的区域,双击左 键应用。再点编
辑,拷贝。 点击文件,新建,直接确
定,系统 会自动建立一个等于选区大
小的图像, 编辑,粘贴。右键点击背
景图层,删除 图层。再调整图片尺寸
到480*800.
现在我们有提取好的logo和背景图片
了,接下来要把它们调色并组合。 同
时打开这几个文件,逐个拷贝粘贴到
背景图片的文件上。拷贝过来的图片
会 是独立的图层,根据遮挡关系调整
各图层的上下位置。 从最上方的图层
开始做自由变换,调整到需要的位
置,大小。接下来调整颜色 使其与背
景搭配。
这是我提取出来的logo 我们可以通过
图像,调整,通道混合器来调整图 片
颜色,注意这里的输出通道,输出通
道是红, 无论你改变下面的红绿蓝中
的哪个,都会造成红 色的改变不会影
响绿色和蓝色。例如我要把图中 的黑
色变为紫色,可以把红通道的红色调
为200, 再把蓝通道的红色调为200.
我们还可以通过ctrl+m调出曲线来调
整图片 的明暗效果。
或者用渐变工具为logo添加渐变
矩形选择,自由变换,随意拖动一
下。系统自动 选择了logo,而且还颇
为精确~向其中填充渐变 吧,不会填
充到logo以外哦。 你还可以为logo添
加阴影来增加立体感,这里就不详细
描述了。需要的童鞋请百 度“ps阴影
制作”。 将制作好的图片存储为
splash.9.png存放在drawable目录
下。
3.登录条的制作 登录条的动画由类似
的10张图片组合而成。 例中的M字可
以把图像调整为刚好占据横向的 20个
黑白格,第一张图片填充渐变时渐变
先由第一 格拉到第二格,一次类推,
完成十张图片,保存为 l1.png -
l10.png到drawable目录下。 渐变工
具填充时一次填充整个黑白格,所以
划 线时只要在格中点击就行,不用精
确到格子边缘, 矩形选择工具也一
样。 图像尺寸为320*102.我们提取出
来的logo肯定不 会是这个比例,可以
先按比例缩小图片,再点图像, 画布
(不同于前面的点击图像大小,画布
大小只会扩 展或缩小画布,不会改变
上面图片的尺寸)大小来调 整图片尺
寸。 例中的图片颜色较浅,可以先图
像,调整,反相处 理以清楚的看到图
像,或新建一个深色的背景图层。
二、主界面的制作
1.背景制作 将背景图片调整为
320*480和480*800两种尺寸,命名为
default_bg.jpeg和 default_bg_
hdpi.jpeg存储到drawable目录。从素
材中截取横向图片,调整为 480*320
和800*480两种尺寸,存储到
drawable-land文件夹中,文件名同
上。
下边栏背景的修改:从解压的文件中
复制bottom.9到自建的drawable目
录, 右键用photoshop打开。例中直
接编辑,调整,黑白将原来的蓝条改
为黑条, 并 可以把不透明度再往低
调。 调整不透明度到60%。想获得更
加通透的边栏效果 好友分类的背景修
改可以用同样的方法修改 expand_
column_bg.9.png和 expand_column_
bg_over.9.png两文件。其中 over为按
下去后的效果,其他文件命名方式相
同。各位童鞋可以自己从文件夹中找
到其它想 修改的文件用同样方法修
改。
2.头像的制作 我们要从这张图片中提
取出头像,这时由于前景色和背景色
接近,魔棒工具和快速选择工具就不
好用了。这时我们可以 用钢笔工具勾
勒出轮廓,右键建立选区,选择反
向,按 *删除选区。再用矩形选
择工具选择一个头像居中的正 方形拷
贝到新建文件中,进行尺寸调整。 用
钢笔工具勾出轮廓, 右键建立选区,
为了使 边缘不那么生硬,可以 根据图
片大小情况设置 羽化,小图片1像素
即 可。 选择反向前要点到任意 选择
工具上,右键才会 出现相关选项。
裁剪好的头像调整图像大小。例中调
整为40*40替换了名 为h001.png的企
鹅头像。实际可根据喜好找到想替换
的头 像,调整为相同的大小和名字保
存在drawable目录下。
3.图标的制作 任何一个图标都有未点
击和点击两种状态,需要分开制作。
由于图标在手机上显示出来很小,这
就要求我们用来做图标的图片线条 必
须简单,例中把用来做头像的图片经
过了简单修改替换了企鹅图标。 这张
图片线条有些多,且与背景色接近,
不适合做图标,接下 来我们来修改
它。 先新建两个图层,原图层放在最
下方,中间的图层用油漆桶 工具填充
为与背景色相近的颜色,点击左边的
眼睛隐藏这一 图层。此步骤是为了在
背景色为深色时方便清楚的预览画好
的图标效果,若使用的背景图片为浅
色则只需要建立一个图 层。 选择铅笔
工具,调整为1像素,选一个和背景反
差大的颜色。点击最 上方的图层。用
钢笔勾出边缘线条,右键,描边路
径,选到铅笔, (可以勾选上模拟压
力),1或2像素,确定。 再删除背景
图层,调整尺寸,保存到drawable-
hdpi。文件名 同想要替换的图标名。
例为bottombar_icon1.png
新建图层,放在图标图层的下方,画
笔选到5像素以上 (根据需要及图形
复杂程度),类型选成中心向周围渐
淡 那种,换成蓝色,用钢笔建立并描
边路径。 若所制作的图标轮廓较为容
易选取,可用阴影图层来简化制作。
用同样的方法制作其它图标。所需要
的隐身等标志可从安装包中提取。
三、安装包的修改
右键点击安装包,选择用winrar打
开,把做好的图片拖到res文件夹下对
应的 文件夹中。删除META-INF文件
夹下的androidr.sf和androidr.rsa文
件。
这里只保留manifest.mf 一个文件,
否则无法安 装。
关闭winrar。打开androidresedit,
点签名,选改好的安装包,立 即签
名,将签名好的文件拷到手机中安装
即可。
安装这个signfile就行了。
全部回复 (783)
2013-07-17 01:58:00
#602
看帖回帖是美德!
2013-07-17 14:15:00
#603
你牛,我顶!
2013-07-18 04:05:00
#604
支持你!
2013-07-18 04:35:00
#605
这帖不错,该顶!
2013-07-18 17:54:00
#606
好帖,要顶!
2013-07-19 00:03:00
#607
好帖,要顶!
2013-07-19 04:45:00
#608
支持你!
2013-07-19 05:41:00
#609
看帖回帖是美德
2013-07-19 07:55:00
#610
这帖不错,该顶!
2013-07-19 12:45:00
#611
好帖,要
2013-07-20 07:36:00
#612
你牛,我顶!
2013-07-20 13:03:00
#613
这帖不错,该顶!
2013-07-20 13:04:00
#614
这帖不错,该顶!
2013-07-20 13:14:00
#615
你牛,我顶!
2013-07-20 20:13:00
#616
你牛,我顶!
2013-07-22 05:09:00
#617
看帖回帖是美德!
2013-07-23 20:44:00
#618
支持你!
2013-07-23 22:58:00
#619
这帖不错,该顶!
2013-07-24 02:00:00
#620
你牛,我顶!
2013-07-24 07:05:00
#621
好帖,要顶!
登录 后才能回复
flag举报帖子