SkinMagicBuilder皮膚編輯器可以用製作和加載皮膚,得到的皮膚文件可以用於界麵。另可下載皮膚庫文件“雲魔法師皮膚庫”
椐我所知,設計軟件皮膚好像從來不是程序員擅長幹的工作。不過我也調查過,很多程序員朋友對皮膚的製作還是滿有興趣的。在這個部分,我專門用我製作的一個軟件皮膚為例,從頭到尾的給你講解一遍。其中包括皮膚的畫法,皮膚的定製和皮膚的嵌入。如果你有興
趣,那麼就跟著我來做一個皮膚試試吧!
工預善其事,必先利其器。我們先談談製作皮膚需要的工具吧。首先我使用的編程語言是VC++,所以皮膚的嵌入軟件,自然也選定是專門製作給VC++的了。我使用的這個軟件叫做SkinMagic,有很多朋友通過各種途徑得到過這個軟件。不過這個軟件是個共享軟件,而且每一個注冊碼對應一個軟件皮膚,收費高達89美元(我曾經買過幾個,吐血!),但是確實非常好使。其實就我所知,很多共享軟件的作者都使用這個軟件(而且也曾經跟我一樣吐過血~)。用它作為皮膚的嵌入軟件的原因當然是非常地容易製作啦。(現在已經有破解版本了)
有了這個工具之後我們還要麵有PhotoShop(以下簡稱PS)來進行皮膚主體的勾畫。
我還要說的是顏色搭配。在這個例子中,因為我很喜歡橙色,所以自然選擇橙色作為主體顏色,那麼什麼顏色能和橙色放在一起比較漂亮?這是問題的關鍵,我很幸運,著名的NIKE公司的LOGO為我很好的解釋了這個原理。
不難看出灰色,黑色,還有白色都是和橙色很好的搭配在一起,所以我們就選擇這幾個顏色作為皮膚的製作顏色!
好了,開始實戰!
第一步,輪廓與著色
首先,打開你的PS,新建一個文件,寬度為495,高度為406,分辨率為72。然後點擊圖層菜單,新建圖層背景。接著在工具欄裏點擊油漆桶工具,選擇顏色為R=255,B=0,G=255。用油漆桶工具填充背景。我們這樣做的目的是填充一個固定的背景色,你看過電影的特技拍攝吧,後麵放了一幅大藍布,然後演員在那裏擺POSE,最後再用電腦合成。一個道理,我們也是這樣,隻不過我們放的是一塊大粉布,哈哈。
下麵,我們要繪製一個窗體。在工具欄裏點住矩形工具,會看到出現一個下拉菜單,選擇圓角矩形工具。在大粉布上畫上這個圓角矩形。取名就叫默認的形狀1。
再次使用圓角矩形工具,在剛才的矩形前畫一個小一點的矩形,這次我們要拖動鼠標的同時按住減號,然後你會發現我們得到一個窗口外框子。
接著,我們點擊圖層窗口,右鍵選擇“形狀1”,點選“混和選項”,分別在“斜麵和浮雕”,“顏色疊加”,和“描邊”上打勾。其中“斜麵和浮雕”的參數“大小”為21,“軟化”為10。“顏色疊加”的顏色為:R=241, G=112,B=18;“描邊”的顏色和剛才的一樣,“大小”為1,於是,得到了我們要的窗口外框!
接下來我們選擇工具欄的矩形工具(這次不是圓角矩形了!)畫一個長方形,這個長方形要比外框小,比內框大。並將新建的這個圖層拖到咱們剛才的圓角矩形的下麵,取名也就叫“形狀2”。
還用上麵提到的方法,打開“形狀2”的“混和選項”,在“內陰影”和“顏色疊加”上打勾。其中“內陰影”的參數“距離”為16,“大小”為5,而“顏色疊加” 的顏色為R=102,G=102,B=102,你瞧我們的窗口做好了!
好了,把它保存為Orange.psd,然後再轉化成BMP格式,我們的窗口皮膚素材就已經做好了!嘿嘿。
第二步,製作SkinMagic格式皮膚!
首先,按我剛才說的,到剛才那個網址鏈接去下載一個SkinMagic,然後解壓到你的電腦裏。我們使用的是一個叫做“SkinMagicBuilder”的工具軟件。它在解壓後的SkinMagic的SkinMagicBuilder目錄下,是個可執行文件。
打開這個工具軟件後,我們在Object 菜單裏選擇“Load Image”把剛才存的那個BMP文件裝載進來。
下一步,我們要把這個窗口做活,所謂“做活”就是使這個皮膚能用於任何窗口。這個過程可能有點麻煩。還是點擊Object 菜單,選擇“Window”的“Frame Window”。在SkinMagic的右側屬性框,把Name改為“Dialog”。然後我們注意到右邊的Act iveFrame下有九個屬性,翻譯成中文他們是“左上方,中上方,右上方,左邊,中間,右邊,左下方,中下方,右下方”。我們先點擊“TopLeft”,在Image Files裏選擇我們的Orange.bmp。然後你看到,我們畫的窗口已經在這個窗口裏了。最後你在中間大窗口的左上方看到有一個可以拉動的紅點,把它拉開,覆蓋在我們的窗口圖片的左上方。
接下來我們按照和剛才同樣的方法,把其他八個部分都做好,具體的各個方麵參數你可見下表所示。
填好之後,在Tools菜單裏選擇“Test”可以測試你製作的皮膚的效果。一個非常非常簡單的窗口皮膚已經製作好了。我們把這個文件起名為orange.smf保存起來。
第三步,在VC++中使用皮膚
首先我想聲明,並不是非要有SkinMagic VC才能添加皮膚,本身VC就有皮膚的調用函數的,比如每一個控件都有一個相關消息映射叫做“DrawItem”,在這裏可以對指定的控件裝上皮膚。隻不過這是非常麻煩的過程,我不推薦。但是如果沒有更好的辦法,那樣也是可以的。比如當你隻想給某個按鈕加上個皮膚的時候,倒是可以考慮。其他情況下,我們最好采用第三方工具。
好了,言歸正傳。我們繼續皮膚製作的最後一步,我們先在VC裏按照MFC AppWizard建立一個基於Dialog的應用程序,取名為Sample。完全按照向導的默認值就可以了。
接著我們把剛才保存好的Orange.smf以資源的方式添加到項目中去,資源類型寫:“SKIN”,資源名稱為:“IDR_SKIN”,注意寫的時候一定要加上雙引號哦!
然後我們再到那個SkinMagic包裏拷貝些東西,他們分別是:SkinMagicLib.h、SkinMagicLib.lib、DETOURS.lib
把這三個文件拷貝到你的Sample應用程序的路徑下,然後再在VC的Project目錄下選擇“Add To Project” 菜單的“Files...”。把這三個文件添加到工程中。
下一步,我們打開Stdafx.h文件,在裏麵添加上一句:
#include "SkinMagicLib.h"
接著,在CSampleApp 類裏添加一個函數,取名為“InitSkin”。在函數裏寫入:
void CSampleApp::InitSkin()
{
//加載皮膚
VERIFY(1==InitSkinMagicLib(AfxGetInstanceHandle(), "Sample", NULL,NULL ) );
VERIFY (1==LoadSkinFromResource (
AfxGetInstanceHandle() , "IDR_SKIN" ,"SKIN") );
VERIFY( 1 == SetDialogSkin( "Dialog" ) );
}
最後在CSampleApp類的InitInstance函數裏添加上:
InitSkin();
按Ctrl+F5,你瞧,皮膚上上去了!哈哈, 厲害了你!並不是很難吧。
上麵我們做的隻不過是最簡單最簡單的上膚了。其實,仔細想想:按鈕,菜單,文本框,標簽,菜單,Combo等等一大堆的控件都需要上膚的。不過SkinMagic倒是都提供了,我們的做法也和上窗口皮膚大同小異,這裏我就不再多說廢話了。憑我的經驗來講,一般製作一個完整的皮膚,從PS描繪(有時還需要CorelDraw畫)到最後皮膚放到窗口上大約需要3天吧,主要的問題就是要選好搭配的顏色。如果你說你一點美術靈感都沒有,那我請你和我一樣,找一個非常不錯的廣告圖研究研究;如果你還說一點靈感也沒有找到,那隻能說明你實在懶得可以。
76.4M / 03-25
立即下載55M / 06-05
立即下載237.9M / 04-13
立即下載140.5M / 03-06
立即下載900.9M / 03-02
立即下載96.2M / 07-06
立即下載311.2M / 07-06
立即下載335M / 07-06
立即下載200M / 07-06
立即下載413.8M / 07-06
立即下載353.9M / 06-05
立即下載131.8M / 04-13
立即下載230.8M / 03-03
立即下載195.6M / 03-03
立即下載165.4M / 03-03
立即下載45.6M / 09-08
立即下載665.2M / 07-06
立即下載2.84G / 07-06
立即下載93M / 07-06
立即下載338.3M / 07-06
立即下載1.38G / 07-26
立即下載488.3M / 07-16
立即下載109.8M / 06-03
立即下載142M / 01-08
立即下載1.2M / 11-23
立即下載548.8M / 04-13
立即下載1.6M / 04-13
立即下載1.48G / 03-18
立即下載646.6M / 03-03
立即下載133.7M / 03-03
立即下載325.8M / 06-07
立即下載60M / 04-29
立即下載254M / 04-25
立即下載659M / 04-23
立即下載1M / 12-26
立即下載253.4M / 12-08
立即下載253M / 12-08
立即下載1.19G / 11-16
立即下載110.5M / 04-23
立即下載26.7M / 03-16
立即下載488.3M / 07-16
立即下載248.9M / 12-08
立即下載248.9M / 12-08
立即下載201.2M / 04-13
立即下載100.6M / 03-06
立即下載148.9M / 03-06
立即下載1.12G / 07-06
立即下載1.25G / 07-06
立即下載9.48G / 07-06
立即下載50KB / 07-06
立即下載116.2M / 04-10
立即下載1.92G / 04-17
立即下載201.5M / 04-13
立即下載7.31G / 07-01
立即下載94.3M / 07-06
立即下載2.48G / 07-06
立即下載7.63G / 07-06
立即下載1M / 07-06
立即下載778.1M / 07-06
立即下載509.7M / 07-06
立即下載561.8M / 07-11
立即下載1.32G / 01-19
立即下載72M / 07-06
立即下載548.7M / 07-06
立即下載1.00G / 07-06
立即下載9.13G / 07-06
立即下載126.2M / 07-06
立即下載72M / 07-06
立即下載105.1M / 07-06
立即下載132M / 07-06
立即下載