射手影音播放器怎么制作皮肤?射手影音播放器皮肤制作教程_创e测评

六合宝典

最近更新|最新推荐|软件排行|创e测评|软件分类|手机版|软件专题|软件发布射手影音播放器怎么制作皮肤?射手影音播放器皮肤制作教程

创e测评

教程测评
创e > 创e测评 > 教程测评 > 影音媒体 > > 射手影音播放器怎么制作皮肤?射手影音播放器皮肤制作教程

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

 射手影音皮肤制作教程 发布时间:2015/7/15 15:01:59 查看评论
分享收藏吧:

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

最新版下载:射手影音播放器 中文官方版

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

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

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

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

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

关键词:射手  影音播放  怎么  制作  皮肤  教程