返回列表 发帖

[美化教程] 超精美的QQ2011beta1教程

本帖最后由 117342780 于 2011-4-26 20:40 编辑

注意:现在官方已经有beta2(以下简称b2)版本,而此教程主要针对beta1版本,因为两个版本之间的文件有些差别,具体差别在帖子中穿插比较给出,注意查看。使用此贴修改b2版本时,请使用腾讯官方网站提供的版本,和我的这个一样,否则可能还会出现问题。
QQ截图20110420090327.png
2011-4-20 09:04

因为内容很多,教程不能一下全部给出,但会持续给出.


最近总有人问我说,按我的方法换有出现黑色的,出现这种情况的,请注意了,首先一定要确保你的QQ是2011版本的。还有,如果开启全透明的话,聊天框肯定会出现黑框的,如果你开启了全透明,那么有何必做成这种效果呢?

还有跟我要素材的注意了,在本贴的最下方,未完待续上方有个 点击下载,那个就是所有的素材。也是做好的,直接替换你QQ中的同名文件就可以了。

最近有人反映说看不懂,那么我重新编辑一下,再看不懂的话,那我也没办法了。



================== 教程 ======================

首先我们来看一下图片,所谓有图有真相。
1.png
2011-4-10 20:51
2.png
2011-4-10 20:51

3.png
2011-4-10 20:51
4.png
2011-4-10 20:51


  

5.png
2011-3-1 19:13
10.png
2011-3-1 21:48


相信很多人对这种QQ的透明美化期望已久,但是现在网上关于这方面的讲解也不是很详细,而且QQ中文件又那么多,所有人很多人不知道该如何修改。虽然我们可以从网上找到一些美化好的QQ直接覆盖,但是有些并不是我们想要的,而且有些可能不是那么的完美。经过本人的研究,通过修改达到想要的效果,同时我也会把一些修改的路径给出大家可以自己动手修改。

因为本人也是自己从网上多方收集资源,及学习,还有很多的地方暂时没有研究到,在以后会慢慢一点一点分享给大家。

因为有你的支持,我才能有动力,希望大家能为我顶起,谢谢。如有问题请给我站内信,提出你的问题,并留下你的邮箱地址,有时间我会为大家解答。

好了,现在开讲:

我们修改的文件几乎全是 Res.rdbDefault.rdb这两个文件,实际上这两个文件是一种压缩包。修改这两个文件,那么我们就要使用一个工具对这两个文件进行解包与打包。这款软件是:RDB打包解包工具 (点此下载,如果地址失效,大家也可以百度一下。
为了避免大家多次的解包也打包,大家可以一次性修改好了之后再打包。
6.png
2011-3-1 18:37

使用方法在这里不作介绍。

一.QQ登陆界面

1.经典登陆界面

首先我们解包Res.rdb 解包后是一个与res同名的文件夹,我们要修改的部分文件在这里。res.rdb文件所在位置为:QQ安装目录文件夹下的Resource.1.60.2020(这里的1.60.2020也可能是1.60.2021等等)文件夹中。

说明一下在这个文件夹中2010以前的版本中的png格式图片,在这里变成了gft格式的图片,我们只要把扩展名gft改为png就行了。我们不需要把原文件改成png的,只要根据尺寸自己新建一个然后命名为相同的名字就好。

在res文件夹中找到LoginPanel文件夹,在这个文件夹中找到mini_defaultbanner2.gft这个文件,这个就是修改登陆界面的文件,我们可以自己截取一张350x266的png格式文件,然后命名为mini_defaultbanner2将扩展名改为的gft,然后替换原文件。到这里就算换好了,然后我们使用刚才的那个大包解包工具打包成res.rdb文件然后替换QQ安装文件夹下Resource.1.60.2020文件夹中的同名文件即可(如果在替换时你的QQ是打开的,那么先关闭QQ再替换)。

好了打开你的QQ看看吧,但是你会看到输入号码和密码的框下的白膜没有去掉,个人觉得不去掉反而比去掉要好,不去掉看上去更美观一些。


如果要去掉白膜,修改的路径路径有两处


路径一:Default\LoginPanel


文件minilogin_png_bkg.gft
删除


路径二:Res\AppFramework\LoginPanel


文件:safeminilogin_png_bkg.pngsafeminilogin_png_bkg2.png删除



1.png
2011-3-28 16:06




2.竖直登陆框

1.jpg
2011-3-28 16:10



这一部分的修改比较简单,只要修改一处即可


修改路径为:Default\LoginPanel


修改的文件的文件为stdlogin_png_bkg.gft


这个大家可以根据自己的喜欢,自己制作一张尺寸为260X600(具体尺寸根据自己的实际情况而定)的png格式图片,然后命名为stdlogin_png_bkg,扩展名改为:gft,替换原文件即可。




二.过渡框

1104121343edf2143794e197e8.gif
2011-4-20 09:18



a.过度框文件图片存放在:QQ2011\Misc\LoginPanel

b.过渡框的皮肤:图片名 LoginPanel_window_windowBkg.png
尺寸:234X566(可以根据自己的实际情况而定)


c. 过渡框左上角QQ2011图片

图片名:Main_Title.png


尺寸:151*43


格式:png



d.过度框动画

位置:QQ2011\Misc\LoginPanel\LogoFile\2052


图片名:LoginingLogining_Vip


格式:gif


根据需要可以找个格式为Gif的图片替换(尺寸不要太大,也不要太小,因为这个尺寸的大小是不能调节的),不需要的可以直接删除。


发一款我在用的,挺好看的


20080404200512575.gif
2011-3-28 16:14



以上修改b2同样适用。


三.主面板

大家看到的主面板,在分组,标签下没了白膜

8.png
2011-3-1 19:44


这个呢,修改res.rdb中的文件,这个是修改main_png_bkg.gft

如果要做成图上那种去白膜的那种,那么我们可以直接删除main_png_bkg.gft或做成透明的png格式图片,然后重命名为main_png_bkg.gft,替换源文件即可。

可以下载我做好的透明图片直接替换即可 main_png_bkg.rar (3.01 KB)

当然你也可以自己改成别的图片,但是要注意图片的尺寸250X500

在b2中修改的文件为main_png_bkg_normal.gft,修改方法同上。


但是你换好之后,你会看到你QQ的主面板上的标签部分还是有白膜的,你可以比较一下和我的有什么不同。
9.png
2011-3-1 20:02


这里我们可以直接删除一些文件即可,请放心,不会因为删除这些文件而引起QQ不能使用的问题。

这一次我们解包QQ\Resource.1.60.2020\Themes中的Default.rdb,解包后找到MainPanel文件夹,删除里面的所有gft格式的文件,注意不要删除这个文件夹中的那三个文件夹中的gft文件。

这两个修改完了,我们再看看主面板,还有一块就是“搜索”不是很和谐,有两个方法:
一个是从主面板中去除搜索,如果你不使用这个功能的话。方法是使用去除主面板搜索框补丁 qq2011皮肤补丁之去除主面板搜索框-patch.rar (51.11 KB)

二是,打开刚才解包的Default文件夹,打开MainPanel文件夹,打开search文件夹,修改main_search_bkg.gft文件,制作一个尺寸为37x24的透明png图片然后命名为main_search_bkg,将扩展名改为gft,然后替换源文件即可。

换好之后,我还是会看到“搜索联系人,网页信息和问问答案”这句话,除去这句话或是修改成其他文字,路径是QQ\I18N\2052 使用记事本打开StringBundle.xml使用查找功能查找“搜索联系人,网页信息和问问答案,找到后删除或修改,然后保存,重启QQ即可生效。

此处修改b2同样适用。


四.聊天面板
11.png
2011-3-2 19:45


大家看到的这个聊天框,已经是去除白膜之后,这里面要修改的文件会多一点,但是要修改的文件依然是在res.rdb解包后的文件夹中。

这里面不是修改一个文件就可以的,这个是聊天框,所以大部分的文件应该位于有聊天框名字的文件夹中,所以我们要修改文件的路径是:Res\ChatFrame
在这个文件夹中的扩展名为gft的文件既是我们要修改的文件
aio_meg_in.gft这个是聊天框中我们输入文字的输入框背景白膜
aio_meg_out.gft这个是我们接受到信息的接受框背景白膜
aio_quickbar_bkg.gft这个中间工具条(字体,表情,窗口抖动等等)下的白膜
aio_QQshowlight_bkg.gft,aio_QQshow_bkg.gft这些是QQ秀下的白膜

修改这些最简单的方法是直接删除

其他我们可以暂时不用修改

以上如果去除白膜均要建png格式的透明图片,然后再改扩展名为gft

当然你也可以不设成透明的,使用其他图案的图片,那么在你聊天框上就显示的是你新建的那个图片。

到此还没有修改完,如果你打包替换之后,打开聊天面板,你会看到在上边的工具(视频,语音,传送文件等)这一条,和在下边的关闭,发送这一条底下还是白色的没有实现透明,这里我们只要修改一个文件,这个文件的路径是:Res\SkinMgr.
要修改的文件是:aio_png_bkg.gft(直接删除或制作成透明的图片)

至此聊天面板上要修改的全部结束
如果你不想修改,就使用我这个文件直接覆盖源文件夹。
ChatFrame.rar (273.8 KB)


五.小标签窗口
12.png
2011-3-2 20:28


这个是大家把鼠标移动到好友的头像上时自动显示的小标签窗口,此文件的修改我们只要修改一个文件即可
修改文件的路径是:Res\AppFramework\ContactTips
需要修改的文件是:material-bg.gft,这个不要修改成透明的只要制作一张尺寸为:280X190的png格式图片,图案自选。

六.我的资料,系统设置,消息盒子\管理器等等这些功能面板。
13.png
2011-3-2 20:31
14.png
2011-3-2 20:31


修改此文件的路径是:Res\SkinMgr
要修改的文件是:
all_inside_bkg.gft-------系统设置
all_inside02_bkg.gft----消息管理
all_inside04_bkg.gft----消息盒子
all_inside05_bkg.gft----我的资料

以上修改同样适用于b2。
七.菜单
3.png
2011-3-9 17:02


这些地方的修改,我们要修改两处,在修改的时候大家一定要注意图片的尺寸

托盘右键的菜单:
1.png
2011-3-9 17:02

我们要修改的文件的路径:Default\AppFramework\Menu
要修改的文件是:menu_bkg.gft  尺寸为:170X290

主面板上菜单

2.png
2011-3-9 17:02


修改的文件路径为:Res\MainMenu
修改的文件为:menu_topright_bkg   尺寸:145X290

八.第6步中菜单的高亮文件

4.png
2011-3-9 17:46
5.png
2011-3-9 17:46

6.png
2011-3-9 17:46
7.png
2011-3-9 18:00


既是我们看到的上图中小翅膀

如果你想换掉所有的蓝条,要换五处
这五处分别是:
Res\ConfigCenter
Res\MainMenu
Res\AppFramework\ConfigCenter
Default\AppFramework\Menu
Default\AppFramework\Common
要修改的文件名称都是menu_highlight   尺寸为:120x22

注意:在这五处当中其中有两处是png格式的图片,另三处是gft格式的图片
png格式图片的两处为:
Res\ConfigCenter
Default\AppFramework\Common


下图是已经制作好的文件,请根据需要下载。
menu_highlight.png
2011-3-9 17:51


九.托盘图标和登录时托盘图标
   
这里我使用的是TOKEN风格的,你也可以更换自己喜欢的

1).正在登录时的托盘图标
2.png
2011-3-20 09:46

修改路径为:Res\Status\QQ\login\32
这里面有六个ICO格式的图片,他们形成连续的动画形式,每个尺寸均为:16X16

2).已经登录
1.png
2011-3-20 09:46


修改的路径为:Res\Status\QQ\Ico\32
在这里你会看到两个文件夹,一个是GG,一个是MM。
GG对应的是:登录的账号是男生时的托盘图标,MM对应的是:登录账号是女生时的托盘图标。
总共有8个文件,对应了8种不同的状态,尺寸均为16x16,格式均为ICO


十.去除消息盒子的白膜
1.jpg
2011-3-26 08:39


修改这个文件,我们要删除default和res两个文件夹中的一些文件
修改路径一:Default\AppFramework\Common
删除  list_bkg_border.gft
删除  listitem_check.gft
删除  list_bkg.gft

修改路径二:Res\ InformationBox
删除  MsgBoxQuickBarBkg.gft

十一.彻底去除QQ秀(文后有图示)

警告:这一部分应该有相当一部人可能看不懂,如果看不懂的话,那就不要改了,防止出现问题,导致QQ无法使用

彻底去除QQ秀,要修改两处
1)库---文档---Tencent Files---All Users---QQ---Misc
删除com.tencent.qqshow文件夹,然后显示隐藏的文件扩展名,然后新建一个文本文档,命名为com.tencent,将扩展名改为qqshow,回车,这时出现一个对话框,点确定

2)打开QQ安装目录---Plugin---Com.Tencent.QQShow---Misc
a.打开Misc文件夹后,点选“组织”,选择“文件夹和搜索选项”,选择“查看”标签,不选“使用共享向导”这一项,如果你的这一选项前面有勾的话,去掉这个勾,最后点击“应用”---“确定”
b.删除Misc文件夹中的所有文件,保留Misc这个文件夹,如果你怕出现错误话,也可以将这些文件剪切出来,做备份。
c.选择Misc文件夹---右键---属性---选择“安全”标签---编辑---将xxx(计算机管理员)的权限中的拒绝全部勾选---应用---确定

OK!
打开QQ聊天框看看吧

图示
1.png
2011-3-26 10:11

2.png
2011-3-26 10:11

3.png
2011-3-26 10:11



4.png
2011-3-26 10:11

5.png
2011-3-26 10:11


6.png
2011-3-26 10:11


7.png
2011-3-26 10:11

8.png
2011-3-26 10:11

9.png
2011-3-26 10:11



十二:QQ锁定界面去除白膜
2.png
2011-3-28 16:23



路径:Res\SkinMgr


文件:lock_png_bkg.gft


实现透明,删除即可




==================================

如果你制作不成功或不想做了,可以使用本人做好的文件


点此下载(beta1)



2.png
1.png
11

评分人数

LZ,你直接把皮肤发上来,再来个教程啊。貌似不全啊

TOP

感谢楼主的教程   不过作为一只菜鸟   希望楼主能给出一些美化的图片  比如说  “如果要做成图上那种去白膜的那种,那么我们可以做成透明的png格式图片”(这句话完全没看懂哦)   谢谢楼主了~~

TOP

顶起!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

TOP

哇   教程继续啊

TOP

下面的教程呢
人死鸟朝天,不死万万年。。。

TOP

顶楼主,学着制作去了~

TOP

占个位置等更新~

TOP

ding  55555555

TOP

搜索框补丁被杀了

TOP

返回列表