資源描述:
《千千靜聽自己制作皮膚教程》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、2008年12月25日更新:增加在線歌曲的緩沖進度條皮膚元素。命名:progress_fill2.bmp一、了解千千靜聽皮膚制作是怎么一回事?1、如果您是位從未接觸過皮膚制作的人,那么請先仔細看下面的這段話:如何把設(shè)計好的皮膚效果圖應(yīng)用到千千靜聽軟件上去,有兩個主導思想您應(yīng)該了解:一個是需要把效果圖上面的控件(或稱按鈕)單獨切出來,另一個是需要把上一點說的控件(或稱按鈕)的坐標找到,為它精準定位,是不是聽的有點眉目了,那么我們接著往下講。2、千千的皮膚位于安裝目錄下的Skin文件夾內(nèi),擴展名可以為.skn或.zip
2、,實際上二者是一樣的。對于前者,可以先將.skn的擴展名改為.zip(要在系統(tǒng)中顯示文件的擴展名,依次點擊"工具"-"文件夾選項"-"查看",再把"隱藏已知文件類型的擴展名"前的小勾去除即可),然后將其解壓到單獨的文件夾,進入該文件夾,可以發(fā)現(xiàn)里面包含了許多bmp格式的圖片和若干個xml文件,他這些文件便是皮膚的組成部分了,bmp圖片是各個窗口的背景及按鈕圖片,Skin.xml則是配置文件,定義了皮膚的基本信息、窗口及按鈕的位置、大小等,它是基于XML格式的文件,可直接用系統(tǒng)自帶的記事本或者其它文本編輯工具打開的。
3、好,了解以上的基礎(chǔ)知識后,我們就開始學習實際的制作過程。二、開始制作啦!按照四個步驟進行:(A)切圖(B)修改配置文件(C)打包成皮膚文件(D)應(yīng)用皮膚(A)切圖:用PS或FW打開設(shè)計效果圖,整體觀察一下,下面講一下哪些圖片是要單獨切出來的以及圖片的命名。一、主窗口的控件(1)主窗口背景命名:player_skin.bmp重點:邊緣小圓角的鏤空處理,把鏤空填充成(#ff00ff)這個顏色,要細心處理這部分哦,邊緣要1像素1像素的填充(如上圖,鏤空部分的顏色處理)(2)最小化按鈕(4個狀態(tài))命名:minimize.b
4、mp重點:凡是功能按鈕都要做4種狀態(tài),并把這四種狀態(tài)做在一張圖里,存儲成.BMP格式,注意每種狀態(tài)按鈕他的寬度和高度要一致,說一下每種狀態(tài)代表的含義第一個狀態(tài):自然狀態(tài)第二個狀態(tài):鼠標劃過時的狀態(tài)第三個狀態(tài):鼠標按下去時的狀態(tài)第四個狀態(tài):按鈕失效時的狀態(tài)(舉個例子,比如播放列表只有一首歌曲,那么“下一首”按鈕就是無法點擊的,那么此時這個按鈕狀態(tài)就是失效時的狀態(tài))3)迷你模式按鈕命名:minimode.bmp同上,這里不再贅述了。(4)關(guān)閉按鈕命名:close.bmp(5)播放進度滑塊(本例中播放進度條上的小圓按鈕)
5、命名:progress_thumb.bmp重點:這個小按鈕是需要脫離背景部分單獨扣出來的,那么鏤空部分需要如何處理才能最終在界面上顯示出透明的效果呢,解決的辦法和上面的大背景鏤空處理一樣就是把鏤空填充成(#ff00ff)這個顏色,如上圖。(6)播放進度填充背景圖命名:progress_fill.bmp緩沖進度條填充背景圖該進度條在聽在線歌曲發(fā)生緩沖時出現(xiàn),如果沒有該元素,默認方式是會將進度條的顏色加深,作為緩沖條顏色顯示。命名:progress_fill2.bmp(7)播放列表窗口打開關(guān)閉按鈕命名:playlist
6、.bmp(8)均衡器窗口打開關(guān)閉按鈕命名:equalizer.bmp(9)歌詞窗口打開關(guān)閉按鈕命名:lyric.bmp(10)“上一首”按鈕命名:prev.bmp(11)“播放”按鈕命名:play.bmp(12)“暫?!卑粹o命名:pause.bmp(13)“下一首”按鈕命名:next.bmp(14)“打開播放文件”按鈕命名:open.bmp(15)音量小喇叭按鈕命名:mute.bmp(16)音量進度背景填充圖命名:progress2.bmp(17)音量滑塊同(5)二、均衡器窗口的控件(18)開啟按鈕命名:eq_en
7、abled.bmp(19)重設(shè)按鈕命名:reset.bmp(20)配置按鈕命名:eq_profile.bmp(21)關(guān)閉按鈕,切圖同主窗口上的關(guān)閉按鈕(22)平衡器環(huán)繞聲所有滑動的小按鈕同(5)(23)平衡,環(huán)繞填充背景命名:eqfactor_full2.bmp(24)均衡填充背景命名:eqfactor_full.bmp三、播放列表窗口的控件(25)關(guān)閉按鈕,同主窗口關(guān)閉按鈕(26)工具條按鈕,命名:playlist_toolbar.bmp熱點狀態(tài)命名:playlist_toolbar_hot.bmp(27)滾動條
8、上下按鈕命名:scrollbar_button.bmp重點:將上下按鈕拼在一張圖上制作(28)滾動條滑動按鈕命名:scrollbar_thumb.bmp(29)滾動條背景命名:scrollbar_bar.bmp四、歌詞秀窗口的控件(30)關(guān)閉按鈕,同主窗口(31)總在最前按鈕命名:ontop.bmp五、音樂窗窗口的控件上圖為千千音樂窗界面,其中用綠色邊框套住