自QQ2003版推出之后，由于SIKN改用了支持透明色的功能，一下子就使得QQ2003版的Skin變得生動活潑起來。許多非專業(yè)的QQSkin設(shè)計愛好者也有了比以前更大的設(shè)計空間來發(fā)揮自己的想像力。因此，在這個時期中不管是專業(yè)的或非專業(yè)的QQSkin設(shè)計者所制作的QQSkin，都有更多至酷、至炫的精品。如今騰訊公司又推出了“騰訊QQ2004皮膚編輯器”，這又為制作QQSkin帶來了更大的直觀與便捷。這也讓更多的網(wǎng)友自己動手設(shè)計并制作一款屬于自己的個性QQSkin變得容易實(shí)現(xiàn)。下面就以圖01中的這款名為“藍(lán)色暢想”的QQSkin為例，為大家講解在Fireworks中對這款QQSkin的繪制方法。而在教程的尾頁也為大家提供了該QQSkin的下載。
一、準(zhǔn)備工作
在動手之前，我們很有必要先大至了解一下QQ主窗口的組成部分，如圖01。
圖01
可以看到，QQ的主窗口被分成了“主窗體”、“窗體按鈕”、“拉幕式面板”等多個部分。因此我們在繪制這款QQSkin時為了避免圖形對象太多而造成鼠標(biāo)選取上的麻煩，在開始繪制前就可以先新建多個按QQSkin的組成部分命名的新圖層，如圖02。
圖02
同樣為了對象選取的方便，我們在“層”面板右上角的下拉菜單中，將“單層編輯”功能取消掉，使鼠標(biāo)能夠跨圖層進(jìn)行對象的選取，如圖03。
圖03
隨著QQ版本的不段更新，增加的新功能按鈕也越來越多。如果重新為這些按鈕繪制新圖標(biāo)的話，無疑會加大我們的繪圖工作量。因此我們在這個QQSkin中仍然沿用默認(rèn)的按鈕圖標(biāo)。而這些圖標(biāo)素材可以在騰訊公司的網(wǎng)頁中進(jìn)行下載，網(wǎng)址是：qq2004icon.rar 。
將素材下載并解壓縮后，把里面的“qq2004 icon.psd”文件用Fireworks打開。然后在圖層中可以看到，這里只有兩個對象層。我們點(diǎn)擊上面的一個對象層，然后“矩形選取框”工具先把第一排中的一個圖標(biāo)框選中，如圖04。然后點(diǎn)擊“復(fù)制”、“粘貼”就能把我們所需要的圖標(biāo)從中分離并復(fù)制出來，從而又不破壞“qq2004 icon.psd”原文件。
圖04
用同樣的方法，我把這五排圖標(biāo)中最上面的兩排逐一選取并復(fù)制出來，如圖05。
圖05
然后要把這些圖標(biāo)剪切到用于繪制QQSkin文檔的“側(cè)邊條按鈕”圖層和“工具欄”圖層里，如圖06。為了不影繪圖，我們先把“側(cè)邊條按鈕”、“工具條”這兩個圖層左邊的“眼睛”圖示暫時關(guān)閉。
圖06
而前面提到的“騰訊QQ2004皮膚編輯器”下載地址為：http://qqdl.tencent.com/qqskineditor1.1.exe。當(dāng)我們在繪制完QQSkin外觀并將圖片導(dǎo)出后，就可以在該軟件中對QQSkin進(jìn)行直觀地編輯組裝，直至最后生成QQSkin。
出處：太平洋電腦網(wǎng)
責(zé)任編輯：藍(lán)色
上一頁 下一頁 繪制主窗體
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁 準(zhǔn)備工作
第 2 頁 
