用“矩形”工具在“拉幕式面板”圖層里畫一個124*367大小的矩形，圓角度為10，采用由#FDFEFF至#CEDEFF的線性填充，描邊色為#344FB7。如圖33。
圖33
調(diào)整該矩形的位置，使其頂部距QQ主窗體頂部約有63像素，從而為以后信息欄按鈕的繪制預(yù)留一定的位置。然后在該矩形上建立導(dǎo)出切片，取名為“面板背景”后記得保存為BMP格式。
為了使最終完成的QQSkin能夠更好的進行垂直伸拉，我們把當(dāng)前這個QQ主窗體再次建立切片，然后將切片由上而下地把高度拉低至264像素，如圖34。然后再將該切片導(dǎo)出為BMP格式的圖片，取名為“工具欄背景”。
圖34
因為“藍色暢想”這款QQSkin在色調(diào)上與“QQ2004” Skin的色調(diào)相似，所以我們依然可以在“騰訊QQ2004皮膚編輯器”中沿用“QQ2004”Skin的拉幕式模版。因此我們也就省去了在Fireworks里重新為“藍色暢想”Skin繪制拉幕式按鈕及垂直滾動條了。但在本例教程中，為了使大家能夠較全面的看到“藍色暢想”Skin的外形，才畫蛇添足的畫上拉幕式按鈕及垂直滾動條，如圖35。
圖35
這樣一來，“拉幕式面板”的繪制也就輕松完成了。
出處：太平洋電腦網(wǎng)
責(zé)任編輯：藍色
上一頁 繪制窗體按鈕 下一頁 繪制工具欄按鈕
◎進入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁 
第 4 頁 繪制拉幕式面板
