安卓手机QQ美化教程
2013-07-09 09:17:51 -0400
一、准备工作

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.桌面图标制作 下载的素材图片。我们可以看到这张图片的顶部缺失了 一部分,并且背景色是白色而不是透明。
用魔棒工具点击外 围白色部分
选择后按delete删除 白色部分
如果你没有看 见魔棒工具, 请右键点击这 个按钮,就会 让你选则魔棒 工具
用矩形选择工具选择整个界 面,右键自由变换,调整图 片到中心位置。
用矩形选择工具选择下部圆弧,大小约与上部缺失部分相当,点 击右键,通过拷贝的图层。这是下方会显示多了一个图层,点击它, 这时所有的操作都只能在选定图层上进行,而不会影响原图层的内容。 拖拽新图层到原图层之下,这样两图片的重叠部分原图层就会遮挡新 图层。可以通过点击图层左侧的眼睛来显示/隐藏图层,方便被遮挡图 层的处理。 用矩形选择选择整个图片,右键,自由变换,在选区之外按住鼠 标左键拖拽,这时图片就会跟着鼠标旋转,把它调到翻转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.头像的制作 我们要从这张图片中提取出头像,这时由于前景色和背景色 接近,魔棒工具和快速选择工具就不好用了。这时我们可以 用钢笔工具勾勒出轮廓,右键建立选区,选择反向,按 delete删除选区。再用矩形选择工具选择一个头像居中的正 方形拷贝到新建文件中,进行尺寸调整。 用钢笔工具勾出轮廓, 右键建立选区,为了使 边缘不那么生硬,可以 根据图片大小情况设置 羽化,小图片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就行了。
«Newer      Older»
Comment:
Name:
Back to home 代码 /cat/111288