千千靜聽自己制作皮膚教程

《千千靜聽自己制作皮膚教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、2008年12月25日更新：增加在線歌曲的緩沖進(jìn)度條皮膚元素。命名：progress_fill2.bmp一、了解千千靜聽皮膚制作是怎么一回事？1、如果您是位從未接觸過皮膚制作的人，那么請先仔細(xì)看下面的這段話：如何把設(shè)計(jì)好的皮膚效果圖應(yīng)用到千千靜聽軟件上去，有兩個(gè)主導(dǎo)思想您應(yīng)該了解：一個(gè)是需要把效果圖上面的控件（或稱按鈕）單獨(dú)切出來，另一個(gè)是需要把上一點(diǎn)說的控件（或稱按鈕）的坐標(biāo)找到，為它精準(zhǔn)定位，是不是聽的有點(diǎn)眉目了，那么我們接著往下講。2、千千的皮膚位于安裝目錄下的Skin文件夾內(nèi)，擴(kuò)展名可以為.skn或.zip，實(shí)際上二者是一樣的

2、。對于前者，可以先將.skn的擴(kuò)展名改為.zip(要在系統(tǒng)中顯示文件的擴(kuò)展名，依次點(diǎn)擊"工具"－"文件夾選項(xiàng)"－"查看"，再把"隱藏已知文件類型的擴(kuò)展名"前的小勾去除即可)，然后將其解壓到單獨(dú)的文件夾，進(jìn)入該文件夾，可以發(fā)現(xiàn)里面包含了許多bmp格式的圖片和若干個(gè)xml文件，他這些文件便是皮膚的組成部分了，bmp圖片是各個(gè)窗口的背景及按鈕圖片，Skin.xml則是配置文件，定義了皮膚的基本信息、窗口及按鈕的位置、大小等，它是基于XML格式的文件，可直接用系統(tǒng)自帶的記事本或者其它文本編輯工具打開的。好，了解以上的基礎(chǔ)知識后，我們就開始學(xué)習(xí)

3、實(shí)際的制作過程。二、開始制作啦！按照四個(gè)步驟進(jìn)行：（A）切圖（B）修改配置文件（C）打包成皮膚文件（D）應(yīng)用皮膚（A）切圖：用PS或FW打開設(shè)計(jì)效果圖，整體觀察一下，下面講一下哪些圖片是要單獨(dú)切出來的以及圖片的命名。一、主窗口的控件（1）主窗口背景命名：player_skin.bmp重點(diǎn)：邊緣小圓角的鏤空處理，把鏤空填充成（#ff00ff）這個(gè)顏色，要細(xì)心處理這部分哦，邊緣要1像素1像素的填充（如上圖，鏤空部分的顏色處理）（2）最小化按鈕（4個(gè)狀態(tài)）命名：minimize.bmp重點(diǎn)：凡是功能按鈕都要做4種狀態(tài)，并把這四種狀態(tài)做在一張

4、圖里，存儲(chǔ)成.BMP格式，注意每種狀態(tài)按鈕他的寬度和高度要一致，說一下每種狀態(tài)代表的含義第一個(gè)狀態(tài)：自然狀態(tài)第二個(gè)狀態(tài)：鼠標(biāo)劃過時(shí)的狀態(tài)第三個(gè)狀態(tài)：鼠標(biāo)按下去時(shí)的狀態(tài)第四個(gè)狀態(tài)：按鈕失效時(shí)的狀態(tài)（舉個(gè)例子，比如播放列表只有一首歌曲，那么“下一首”按鈕就是無法點(diǎn)擊的，那么此時(shí)這個(gè)按鈕狀態(tài)就是失效時(shí)的狀態(tài)）3）迷你模式按鈕命名：minimode.bmp同上，這里不再贅述了。（4）關(guān)閉按鈕命名：close.bmp（5）播放進(jìn)度滑塊（本例中播放進(jìn)度條上的小圓按鈕）命名：progress_thumb.bmp重點(diǎn)：這個(gè)小按鈕是需要脫離背景部分單獨(dú)

5、扣出來的，那么鏤空部分需要如何處理才能最終在界面上顯示出透明的效果呢，解決的辦法和上面的大背景鏤空處理一樣就是把鏤空填充成（#ff00ff）這個(gè)顏色，如上圖。（6）播放進(jìn)度填充背景圖命名：progress_fill.bmp緩沖進(jìn)度條填充背景圖該進(jìn)度條在聽在線歌曲發(fā)生緩沖時(shí)出現(xiàn)，如果沒有該元素，默認(rèn)方式是會(huì)將進(jìn)度條的顏色加深，作為緩沖條顏色顯示。命名：progress_fill2.bmp（7）播放列表窗口打開關(guān)閉按鈕命名：playlist.bmp（8）均衡器窗口打開關(guān)閉按鈕命名：equalizer.bmp（9）歌詞窗口打開關(guān)閉按鈕命名：

6、lyric.bmp（10）“上一首”按鈕命名：prev.bmp（11）“播放”按鈕命名：play.bmp（12）“暫停”按鈕命名：pause.bmp(13)“下一首”按鈕命名：next.bmp(14)“打開播放文件”按鈕命名：open.bmp(15)音量小喇叭按鈕命名：mute.bmp(16)音量進(jìn)度背景填充圖命名：progress2.bmp(17)音量滑塊同（5）二、均衡器窗口的控件（18）開啟按鈕命名：eq_enabled.bmp（19）重設(shè)按鈕命名：reset.bmp（20）配置按鈕命名：eq_profile.bmp（21）關(guān)閉

7、按鈕，切圖同主窗口上的關(guān)閉按鈕（22）平衡器環(huán)繞聲所有滑動(dòng)的小按鈕同（5）（23）平衡，環(huán)繞填充背景命名：eqfactor_full2.bmp（24）均衡填充背景命名：eqfactor_full.bmp三、播放列表窗口的控件（25）關(guān)閉按鈕，同主窗口關(guān)閉按鈕（26）工具條按鈕，命名：playlist_toolbar.bmp熱點(diǎn)狀態(tài)命名：playlist_toolbar_hot.bmp（27）滾動(dòng)條上下按鈕命名：scrollbar_button.bmp重點(diǎn)：將上下按鈕拼在一張圖上制作（28）滾動(dòng)條滑動(dòng)按鈕命名：scrollbar_thu

8、mb.bmp（29）滾動(dòng)條背景命名：scrollbar_bar.bmp四、歌詞秀窗口的控件（30）關(guān)閉按鈕，同主窗口（31）總在最前按鈕命名：ontop.bmp五、音樂窗窗口的控件上圖為千千音樂窗界面，其中用綠色邊框套住