射手影音皮肤设计制作教程

所属分类: 软件教程 / 影音播放 阅读数: 408
收藏 0 赞 0 分享

射手影音是一款国产的播放器,一直都是国产的支持者。现在射手影音播放器支持皮肤自己设计制作了哦,不会的就看看小编带来的教程吧!


射手影音皮肤设计制作教程:

一、了解影音皮肤设计框架

OK!同学们,现在开始给影音进行解剖,看看它的构造和我们人类有什么不同,解剖到任何区域我都由左往右一个个器官进行介绍,同学们要坚持住哦! 

区域1: 

影音的顶部,由顶部背景图片、LOGO文字图片、缩进系统按钮、缩小按钮、延展按钮(原始大小)、关闭按钮组成。

区域2: 

影音的tips,先由tips背景图片,左边由放大1倍、放大2倍、标准画面(去上下黑边、去左右黑边)、音轨选择、画质增益,右边由正常播放(单曲循环、列表循环)、亮度对比度、截图、全屏切换(原始缩进)、窗口置前(窗口正常)、关闭按钮(全屏时才出现)组成。

区域3: 

影音的控制栏,先是控制栏背景图片,剩下的先分为左、中、右三个部分来观察它吧 

左边由LOGO、分享按钮、字幕左箭头、字幕按钮、字幕右箭头 

中边由上一段、快退、停止、播放(暂停)、步进、快进、下一段 

右边由打开文件、播放列表、设置面板、声音开启(静音)、声音大小调节按钮、声音调整背景图组成

区域4: 
影音的边框由影音边框组成组成

区域5: 

影音的打开文件部分,由影音打开文件按钮组成 
这个打开文件与区域3右边的打开文件功能一样但视觉大小有区别

二、影音皮肤设计制作要点

上一节我们对影音进行了全面解剖,额~大家小心点不要踩到,不然影响后期拼装,配合一下,谢谢 ……
OK,知道了影音的组成元素,要记住他们哦,麻雀虽小,五脏还是要全的!

背景图片制作方法: 
(在skins文件甲下创建一个FrameCfg.dat) 

区域1: 
顶部背景图片



分为ABC三个部分组成一张图,A与C同等宽度与高度,B则横向无限延展

编辑FrameCfg.dat

//标题栏 

CAPTIONHEIGHT:31;  //标题栏框横向延展图高度B区域 

LCAPTIONTHICKWIDTH:3;//标题栏框左边图宽度A区域 

RCAPTIONTHICKWIDTH:3;//标题栏框右边图宽度C区域

区域2: 
tips背景图片,为一个颜色块来做横向无限延展背景图

区域3: 

控制栏背景图片



切掉两边取中间A部分1px图横向无限延展

声音调整背景图


作为贴图背景

区域4: 

影音边框

取4个角,4个1px边做为无限延展 

编辑FrameCfg.dat
//框架
FRAMECORNERWIDTH:3;//圆角的宽度
FRAMECORNERHEIGHT:3;//圆角的高度
LFRAMETHICKHEIGHT:1;//左边框纵向延展高度
TFRAMETHICKWIDTH:1;//顶部框横向延展宽度
RFRAMETHICKHEIGHT:1;//左边框纵向延展高度
BFRAMETHICKWIDTH:1;//底部框横向延展宽度
按钮图片制作方法:

所有的可操作按钮只需要做一张显示图即可,操作的状态效果系统会自动实现,减轻了很大的工作量,还不错吧
制作规范
图片格式:bmp
图片尺寸:无
图片命名:需与原始文件名对应上,见影音元素命名表
图片元素命名表:
区域1
顶部背景图片           CAPTION
LOGO文字图片        CAPTIONTEXT
缩进系统按钮          BTN_MINTOTRAY_SINGLE
缩小按钮                   MINIMIZE_SINGLE
延展按钮                    MAXIMIZE_SINGLE               原始大小        RESTORE_SINGLE
关闭按钮                   CLOSE_SINGLE   

区域2:
tips背景图片             TOPBACKGROUND
放大1倍                     TOP_1X_SINGLE
放大2倍                     TOP_2X_SINGLE
标准画面        TOP_NORMAL_WIDER_SINGLE
(去上下黑边TOP_NORMAL_SINGLE                、            去左右黑边TOP_LETTERBOX_WIDER_SINGLE)
音轨选择       TOP_AUDIO_SINGLE
画质增益        TOP_VIDEO_SINGLE
正常播放        TOP_NOCYCLE_SINGLE
(单曲循环TOP_SINGLECYCLE_SINGLE          、        列表循环TOP_ALLCYCLE_SINGLE)
亮度对比度             TOP_GAMMA_SINGLE
截图                   TOP_CAPTURE_SINGLE
全屏切换      TOP_FULLSCREEN_SINGLE               (原始缩进TOP_RESTORE_SINGLE)
窗口置前      pinail2_SINGLE (窗口正常pinail_SINGLE)  
关闭按钮      TOP_CLOSE_SINGLE
区域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)
步进             BTN_STEP_SINGLE
快进              FAST_FORWORD_SINGLE
下一段          BTN_NEXT_SINGLE
右边由
打开文件              BTN_OPENFILE_SMALL_SINGLE
播放列表              BTN_PLAYLIST_SINGLE
设置面板              BTN_SETTING_SINGLE
声音开启     VOLUME_SINGLE      (静音   MUTED_SINGLE)           
声音大小调节按钮      VOLUME_TM_SINGLE
声音调整背景图      VOLUME_BG
区域4:
影音的边框由影音边框组成    FRAMECORNER
区域5:
影音打开文件按钮       BTN_BIGOPEN_SINGLE
其他元素:
预览图      皮肤名称 single
影音标示       watermark2

三、上传
步骤:
1:整理好图片元素,对应好图片名
2:在SPlayer\skins下自建文件夹命名为xxxx
3:再将整理好的图片元素放入xxxx中
4:打开射手影音播放器右键  界面==》选择xxxx皮肤
5:恭喜您已经成功的做了一套符合自己的皮肤了

更多精彩内容其他人还在看

暴风影音怎么实现电影中某一段的反复播放?

我们可以使用暴风影音将一个完整视频中的某一段进行循环的播放。那么暴风影音怎么实现电影中某一段的反复播放?下面小编就为大家详细介绍一下,一起来看看吧
收藏 0 赞 0 分享

会声会影制作一个简易MV过程详解

想要自己制作一个MV,在之前或许很麻烦,不过现在轻而易举,会声会影就是这么强大的软件,进入正题,下面小编就为大家介绍会声会影制作一个简易MV过程,一起来看看吧
收藏 0 赞 0 分享

酷狗k歌声音输入和音频输出设置图文教程 酷狗k歌怎么用

酷狗音乐盒,加入了音乐爱好者期盼的功能,那就是K歌功能,如果你只是想象KTV那样唱歌,很简单。你还需要下载个软件比如:酷我K歌,酷狗音乐
收藏 0 赞 0 分享

酷狗音乐把电台歌曲添加到本地列表的详细教程

酷狗音乐的电台歌曲很好听,怎么才能把它添加到本地列表?下面我们来看来看看,酷狗音乐把电台歌曲添加到本地列表的详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

万能马甲免费获取爱奇艺vip会员教程 不付费也能当会员

如今越来越多的视频网站具备开通会员免费看视频功能,其实不付费也能当会员哦!下面小编就为大家带来万能马甲免费获取爱奇艺vip会员教程
收藏 0 赞 0 分享

酷狗音乐怎么删除不用的列表?

酷狗音乐怎么删除不用的列表?酷狗音乐经常添加列表,过段时间某个列表里的歌曲都不喜欢了该怎么删除呢?下面分享酷狗音乐删除列表的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

迅雷云播不能登录该怎么解决?

迅雷云播不能登录该怎么解决?迅雷云播的功能类似其他主流云盘的离线下载、在线播放功能,但其他云盘不支持迅雷下载链接的离线下载,而很多分享的视频恰是迅雷下载链接,但是我现在登录不了该怎么解决呢?下面我们一起来看看吧
收藏 0 赞 0 分享

迅雷怎么播放下载未完成的视频?

迅雷怎么播放下载未完成的视频?我们很经常在下载视频的时候,下载到一定的时候。视频出现资源不足而无法继续下载下去。有时甚至是差一点点就可以完成的时候,当剩余的下载不多的时候,可以用以下方法来打开视频文件下面分享教程
收藏 0 赞 0 分享

度king榜打榜歌曲怎么下载?

度king榜打榜歌曲怎么下载?最近百度king榜不知不觉就火了起来,每天都有很多好听的歌曲来打榜,当然我们也可以把来打榜的优秀音乐下载到自己的电脑里,下面分享具体教程
收藏 0 赞 0 分享

暴风影音升级后不能播放REAL影音文件该怎么办?

暴风影音升级后不能播放REAL影音文件该怎么办?最近将暴风影音升到最新后,发现现在好多的REAL格式的影音文件都不能播放了。这是因为美国的REAL公司告暴风影音对他们的媒体格式有侵权行为,下面分享解决办法
收藏 0 赞 0 分享
查看更多