QQ皮膚製作全程實錄,視覺,平面,fireworks,課程,書籍,封面,設計

自QQ2003版推出之後，由於SIKN改用了支持透明色的功能，一下子就使得QQ2003版的Skin變得生動活潑起來。許多非專業的QQSkin設計愛好者也有了比以前更大的設計空間來發揮自己的想像力。因此，在這個時期中不管是專業的或非專業的QQSkin設計者所製作的QQSkin，都有更多至酷、至炫的精品。如今騰訊公司又推出了「騰訊QQ2004皮膚編輯器」，這又為製作QQSkin帶來了更大的直觀與便捷。這也讓更多的網友自己動手設計並製作一款屬於自己的個性QQSkin變得容易實現。下面就以圖01中的這款名為「藍色暢想」的QQSkin為例，為大家講解在Fireworks中對這款QQSkin的繪製方法。而在教程的尾頁也為大家提供了該QQSkin的下載。

一、準備工作

　　 在動手之前，我們很有必要先大至瞭解一下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。為了不影繪圖，我們先把「側邊條按鈕」、「工具條」這兩個圖層左邊的「眼睛」圖示暫時關閉。

圖06

　　 而前面提到的「騰訊QQ2004皮膚編輯器」下載地址為：http://qqdl.tencent.com/qqskineditor1.1.exe。當我們在繪製完QQSkin外觀並將圖片導出後，就可以在該軟件中對QQSkin進行直觀地編輯組裝，直至最後生成QQSkin。