射手影音是一款國產(chǎn)的播放器,西西一直都是國產(chǎn)的支持者。現(xiàn)在射手影音播放器支持皮膚自己設(shè)計(jì)制作了哦,不會的就看看小編帶來的教程吧!
射手影音皮膚設(shè)計(jì)制作教程:
一、了解影音皮膚設(shè)計(jì)框架
OK!同學(xué)們,現(xiàn)在開始給影音進(jìn)行解剖,看看它的構(gòu)造和我們?nèi)祟愑惺裁床煌馄实饺魏螀^(qū)域我都由左往右一個個器官進(jìn)行介紹,同學(xué)們要堅(jiān)持住哦!
區(qū)域1:
影音的頂部,由頂部背景圖片、LOGO文字圖片、縮進(jìn)系統(tǒng)按鈕、縮小按鈕、延展按鈕(原始大。、關(guān)閉按鈕組成。
區(qū)域2:
影音的tips,先由tips背景圖片,左邊由放大1倍、放大2倍、標(biāo)準(zhǔn)畫面(去上下黑邊、去左右黑邊)、音軌選擇、畫質(zhì)增益,右邊由正常播放(單曲循環(huán)、列表循環(huán))、亮度對比度、截圖、全屏切換(原始縮進(jìn))、窗口置前(窗口正常)、關(guān)閉按鈕(全屏?xí)r才出現(xiàn))組成。
區(qū)域3:
影音的控制欄,先是控制欄背景圖片,剩下的先分為左、中、右三個部分來觀察它吧
左邊由LOGO、分享按鈕、字幕左箭頭、字幕按鈕、字幕右箭頭
中邊由上一段、快退、停止、播放(暫停)、步進(jìn)、快進(jìn)、下一段
右邊由打開文件、播放列表、設(shè)置面板、聲音開啟(靜音)、聲音大小調(diào)節(jié)按鈕、聲音調(diào)整背景圖組成
區(qū)域4:
影音的邊框由影音邊框組成組成
區(qū)域5:
影音的打開文件部分,由影音打開文件按鈕組成
這個打開文件與區(qū)域3右邊的打開文件功能一樣但視覺大小有區(qū)別
二、影音皮膚設(shè)計(jì)制作要點(diǎn)
上一節(jié)我們對影音進(jìn)行了全面解剖,額~大家小心點(diǎn)不要踩到,不然影響后期拼裝,配合一下,謝謝 ……
OK,知道了影音的組成元素,要記住他們哦,麻雀雖小,五臟還是要全的!
背景圖片制作方法:
(在skins文件甲下創(chuàng)建一個FrameCfg.dat)
區(qū)域1:
頂部背景圖片
分為ABC三個部分組成一張圖,A與C同等寬度與高度,B則橫向無限延展
編輯FrameCfg.dat
//標(biāo)題欄
CAPTIONHEIGHT:31; //標(biāo)題欄框橫向延展圖高度B區(qū)域
LCAPTIONTHICKWIDTH:3;//標(biāo)題欄框左邊圖寬度A區(qū)域
RCAPTIONTHICKWIDTH:3;//標(biāo)題欄框右邊圖寬度C區(qū)域
區(qū)域2:
tips背景圖片,為一個顏色塊來做橫向無限延展背景圖
區(qū)域3:
控制欄背景圖片
切掉兩邊取中間A部分1px圖橫向無限延展
聲音調(diào)整背景圖
作為貼圖背景
區(qū)域4:
影音邊框
取4個角,4個1px邊做為無限延展
編輯FrameCfg.dat
//框架
FRAMECORNERWIDTH:3;//圓角的寬度
FRAMECORNERHEIGHT:3;//圓角的高度
LFRAMETHICKHEIGHT:1;//左邊框縱向延展高度
TFRAMETHICKWIDTH:1;//頂部框橫向延展寬度
RFRAMETHICKHEIGHT:1;//左邊框縱向延展高度
BFRAMETHICKWIDTH:1;//底部框橫向延展寬度
按鈕圖片制作方法:
所有的可操作按鈕只需要做一張顯示圖即可,操作的狀態(tài)效果系統(tǒng)會自動實(shí)現(xiàn),減輕了很大的工作量,還不錯吧
制作規(guī)范:
圖片格式:bmp
圖片尺寸:無
圖片命名:需與原始文件名對應(yīng)上,見影音元素命名表
圖片元素命名表:
區(qū)域1:
頂部背景圖片 CAPTION
LOGO文字圖片 CAPTIONTEXT
縮進(jìn)系統(tǒng)按鈕 BTN_MINTOTRAY_SINGLE
縮小按鈕 MINIMIZE_SINGLE
延展按鈕 MAXIMIZE_SINGLE 原始大小 RESTORE_SINGLE
關(guān)閉按鈕 CLOSE_SINGLE
區(qū)域2:
tips背景圖片 TOPBACKGROUND
放大1倍 TOP_1X_SINGLE
放大2倍 TOP_2X_SINGLE
標(biāo)準(zhǔn)畫面 TOP_NORMAL_WIDER_SINGLE
(去上下黑邊TOP_NORMAL_SINGLE 、 去左右黑邊TOP_LETTERBOX_WIDER_SINGLE)
音軌選擇 TOP_AUDIO_SINGLE
畫質(zhì)增益 TOP_VIDEO_SINGLE
正常播放 TOP_NOCYCLE_SINGLE
(單曲循環(huán)TOP_SINGLECYCLE_SINGLE 、 列表循環(huán)TOP_ALLCYCLE_SINGLE)
亮度對比度 TOP_GAMMA_SINGLE
截圖 TOP_CAPTURE_SINGLE
全屏切換 TOP_FULLSCREEN_SINGLE (原始縮進(jìn)TOP_RESTORE_SINGLE)
窗口置前 pinail2_SINGLE (窗口正常pinail_SINGLE)
關(guān)閉按鈕 TOP_CLOSE_SINGLE
區(qū)域3:
控制欄背景圖片 BOTTOMBACKGROUND
左邊由
LOGO SPLAYER
分享按鈕 BTN_SHARE_SINGLE
字幕左箭頭 BTN_SUB_DELAY_REDUCE_SINGLE
字幕按鈕 BTN_SUB_SINGLE
字幕右箭頭 BTN_SUB_DELAY_INCREASE_SINGLE
中邊由
上一段 BTN_PREV_SINGLE
快退 FAST_BACKWORD_SINGLE
停止 BTN_STOP_SINGLE
播放 BTN_PLAY_SINGLE (暫停 BTN_PAUSE_SINGLE)
步進(jìn) BTN_STEP_SINGLE
快進(jìn) FAST_FORWORD_SINGLE
下一段 BTN_NEXT_SINGLE
右邊由
打開文件 BTN_OPENFILE_SMALL_SINGLE
播放列表 BTN_PLAYLIST_SINGLE
設(shè)置面板 BTN_SETTING_SINGLE
聲音開啟 VOLUME_SINGLE (靜音 MUTED_SINGLE)
聲音大小調(diào)節(jié)按鈕 VOLUME_TM_SINGLE
聲音調(diào)整背景圖 VOLUME_BG
區(qū)域4:
影音的邊框由影音邊框組成 FRAMECORNER
區(qū)域5:
影音打開文件按鈕 BTN_BIGOPEN_SINGLE
其他元素:
預(yù)覽圖 皮膚名稱 single
影音標(biāo)示 watermark2
三、上傳
步驟:
1:整理好圖片元素,對應(yīng)好圖片名
2:在SPlayer\skins下自建文件夾命名為xxxx
3:再將整理好的圖片元素放入xxxx中
4:打開射手影音播放器右鍵 界面==》選擇xxxx皮膚
5:恭喜您已經(jīng)成功的做了一套符合自己的皮膚了