射手影音播放器怎么制作皮肤 射手影音播放器皮肤制作教程

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

  射手影音是一款国产的播放器,旨在为国内用户提供一个开源的视频播放器。那么射手影音播放器怎么制作皮肤呢?感兴趣的童鞋来看看射手影音播放器皮肤制作教程吧!

  射手影音播放器怎么制作皮肤?

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

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

射手影音播放器怎么制作皮肤 射手影音播放器皮肤制作教程

  区域1:

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

  区域2:

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

  区域3:

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

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

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

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

  区域4:

  影音的边框由影音边框组成组成

  区域5:

  影音的打开文件部分,由影音打开文件按钮组成

  这个打开文件与区域3右边的打开文件功能一样但视觉大小有区别

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

  上一节我们对影音进行了全面解剖,额~大家小心点不要踩到,不然影响后期拼装,配合一下,谢谢 ……

  OK,知道了影音的组成元素,要记住他们哦,麻雀虽小,五脏还是要全的!

  背景图片制作方法:

  (在skins文件甲下创建一个FrameCfg.dat)

  区域1:

  顶部背景图片

射手影音播放器怎么制作皮肤 射手影音播放器皮肤制作教程1

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

  编辑FrameCfg.dat

  //标题栏

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

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

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

  区域2:

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

  区域3:

  控制栏背景图片

射手影音播放器怎么制作皮肤 射手影音播放器皮肤制作教程2

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

  声音调整背景图

  作为贴图背景

  区域4:

  影音边框

射手影音播放器怎么制作皮肤 射手影音播放器皮肤制作教程3

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

  编辑FrameCfg.dat

  //框架

  FRAMECORNERWIDTH:3;//圆角的宽度

  FRAMECORNERHEIGHT:3;//圆角的高度

  LFRAMETHICKHEIGHT:1;//左边框纵向延展高度

  TFRAMETHICKWIDTH:1;//顶部框横向延展宽度

  RFRAMETHICKHEIGHT:1;//左边框纵向延展高度

  BFRAMETHICKWIDTH:1;//底部框横向延展宽度

  按钮图片制作方法:

射手影音播放器怎么制作皮肤 射手影音播放器皮肤制作教程4

  所有的可操作按钮只需要做一张显示图即可,操作的状态效果系统会自动实现,减轻了很大的工作量,还不错吧

  制作规范:

  图片格式: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:恭喜您已经成功的做了一套符合自己的皮肤了

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

酷6网视频如何下载? 轻松下载酷6网视频的技巧

酷6网视频如何下载?酷6网和土豆优酷等下载的方式不一样,土豆优酷自带了下载插件,非汇源视频可以直接下载,但是酷6网却不能下载,今天教大家一个技巧轻松下载酷6网的视频,需要的朋友可以参考下
收藏 0 赞 0 分享

乐视会员验证码怎么用?乐视会员验证码获取乐视vip特权的教程

乐视会员验证码怎么用?乐视有很多会员视频,只有会远程才能观看,但是有时候我们会获得乐视会员的验证码,通过这个验证码我们可以得到乐视vip特权观看视频,下面分享怎么使用验证码,需要的朋友可以参考下
收藏 0 赞 0 分享

迅雷在线播放电影很卡怎么办?

迅雷在线播放电影很卡怎么办?喜欢边下载边看电影,但是最近使用迅雷直接看电影发现很卡,一句话都要分好几次说,该怎么办呢?今天我们教大家通过限制下载速度来提高在线播放速度的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

免费领取一个月好莱坞会员教程 会员秒推送 绑定的银行卡可秒解绑

今天小编为大家分享一个教程,主要是向脚本之家的朋友分享免费领取一个月好莱坞会员教程,而且之前的会员是秒推送,且绑定的银行卡可秒解绑,下面我们一起来看看吧
收藏 0 赞 0 分享

优酷视频 For Win10看视频卡吗?

优酷视频 For Win10看视频卡吗?UWP版的优酷界面如何?播放流畅度如何?在UWP版的优酷中,ui界面发生了很大的变化,最不能接受的就是没有高清的选项,画面与win8.1版没可比性,详细内容请看下文
收藏 0 赞 0 分享

百度VR视频怎么观看?百度视频vr频道的使用方法

百度VR视频是什么?怎么使用br视频?百度浏览器中点击百度视频,其中就可以看到vr频道,但是怎么使用呢?下面我们来看看百度视频vr频道的观看方法,需要的朋友可以参考下
收藏 0 赞 0 分享

肥佬影音怎么搜片?肥佬影音搜片方法

肥佬影音作为一款高清云播放器,深受宅男们的追捧,那么肥佬影音要怎么搜片呢?今天小编就为大家带来肥佬影音搜片方法介绍,感兴趣的朋友可以来下文了解下哦
收藏 0 赞 0 分享

暴风影音怎么把窗口设置的非常小?

暴风影音怎么把窗口设置的非常小?喜欢边工作边看电影,但是设置的暴风影音的窗口都硬性工作,怎么才能设置成非常小的窗口呢?下面分享暴风影音窗口大小的设置方法,需要的朋友可以参考下
收藏 0 赞 0 分享

酷我音乐怎么设置在听外语歌时显示中文歌词?

酷我音乐怎么设置在听外语歌时显示中文歌词?个人很喜欢听外语歌,最常听的就是英文和韩文,但是往往在听歌的时候不知道他们在唱什么,该怎么办呢?怎么显示中文歌词?请看下问详细介绍
收藏 0 赞 0 分享

暴风影音如何设置在打开文件时清除原有的播放列表?

暴风影音如何设置在打开文件时清除原有的播放列表?关于这个问题,很多朋友都不是很清楚,所以今天小编就为大家详细介绍一下,不会的朋友可以参考本文,希望能对大家有所帮助
收藏 0 赞 0 分享
查看更多