QQ皮肤制作全程实录

一、准备工作

　　 在动手之前，我们很有必要先大至了解一下QQ主窗口的组成部分，如图01。

图01

　　 可以看到，QQ的主窗口被分成了“主窗体”、“窗体按钮”、“拉幕式面板”等多个部分。因此我们在绘制这款QQSkin时为了避免图形对象太多而造成鼠标选取上的麻烦，在开始绘制前就可以先新建多个按QQSkin的组成部分命名的新图层，如图02。

图02

同样为了对象选取的方便，我们在“层”面板右上角的下拉菜单中，将“单层编辑”功能取消掉，使鼠标能够跨图层进行对象的选取，如图03。

图03

　　 随着QQ版本的不段更新，增加的新功能按钮也越来越多。如果重新为这些按钮绘制新图标的话，无疑会加大我们的绘图工作量。因此我们在这个QQSkin中仍然沿用默认的按钮图标。而这些图标素材可以在腾讯公司的网页中进行下载，网址是：qq2004icon.rar 。
　　 将素材下载并解压缩后，把里面的“qq2004 icon.psd”文件用Fireworks打开。然后在图层中可以看到，这里只有两个对象层。我们点击上面的一个对象层，然后“矩形选取框”工具先把第一排中的一个图标框选中，如图04。然后点击“复制”、“粘贴”就能把我们所需要的图标从中分离并复制出来，从而又不破坏“qq2004 icon.psd”原文件。

图04

　　 用同样的方法，我把这五排图标中最上面的两排逐一选取并复制出来，如图05。

图05

　　 然后要把这些图标剪切到用于绘制QQSkin文档的“侧边条按钮”图层和“工具栏”图层里，如图06。为了不影绘图，我们先把“侧边条按钮”、“工具条”这两个图层左边的“眼睛”图示暂时关闭。

[1] [2] 下一页