千千静听自己制作皮肤教程

千千静听自己制作皮肤教程

ID:11928052

大小:1.41 MB

页数:20页

时间:2018-07-15

千千静听自己制作皮肤教程_第1页
千千静听自己制作皮肤教程_第2页
千千静听自己制作皮肤教程_第3页
千千静听自己制作皮肤教程_第4页
千千静听自己制作皮肤教程_第5页
资源描述:

《千千静听自己制作皮肤教程》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、2008年12月25日更新:增加在线歌曲的缓冲进度条皮肤元素。命名:progress_fill2.bmp一、了解千千静听皮肤制作是怎么一回事?1、如果您是位从未接触过皮肤制作的人,那么请先仔细看下面的这段话:如何把设计好的皮肤效果图应用到千千静听软件上去,有两个主导思想您应该了解:一个是需要把效果图上面的控件(或称按钮)单独切出来,另一个是需要把上一点说的控件(或称按钮)的坐标找到,为它精准定位,是不是听的有点眉目了,那么我们接着往下讲。2、千千的皮肤位于安装目录下的Skin文件夹内,扩展名可以为.skn或.zip

2、,实际上二者是一样的。对于前者,可以先将.skn的扩展名改为.zip(要在系统中显示文件的扩展名,依次点击"工具"-"文件夹选项"-"查看",再把"隐藏已知文件类型的扩展名"前的小勾去除即可),然后将其解压到单独的文件夹,进入该文件夹,可以发现里面包含了许多bmp格式的图片和若干个xml文件,他这些文件便是皮肤的组成部分了,bmp图片是各个窗口的背景及按钮图片,Skin.xml则是配置文件,定义了皮肤的基本信息、窗口及按钮的位置、大小等,它是基于XML格式的文件,可直接用系统自带的记事本或者其它文本编辑工具打开的。

3、好,了解以上的基础知识后,我们就开始学习实际的制作过程。二、开始制作啦!按照四个步骤进行:(A)切图(B)修改配置文件(C)打包成皮肤文件(D)应用皮肤(A)切图:用PS或FW打开设计效果图,整体观察一下,下面讲一下哪些图片是要单独切出来的以及图片的命名。一、主窗口的控件(1)主窗口背景命名:player_skin.bmp重点:边缘小圆角的镂空处理,把镂空填充成(#ff00ff)这个颜色,要细心处理这部分哦,边缘要1像素1像素的填充(如上图,镂空部分的颜色处理)(2)最小化按钮(4个状态)命名:minimize.b

4、mp重点:凡是功能按钮都要做4种状态,并把这四种状态做在一张图里,存储成.BMP格式,注意每种状态按钮他的宽度和高度要一致,说一下每种状态代表的含义第一个状态:自然状态第二个状态:鼠标划过时的状态第三个状态:鼠标按下去时的状态第四个状态:按钮失效时的状态(举个例子,比如播放列表只有一首歌曲,那么“下一首”按钮就是无法点击的,那么此时这个按钮状态就是失效时的状态)3)迷你模式按钮命名:minimode.bmp同上,这里不再赘述了。(4)关闭按钮命名:close.bmp(5)播放进度滑块(本例中播放进度条上的小圆按钮)

5、命名:progress_thumb.bmp重点:这个小按钮是需要脱离背景部分单独扣出来的,那么镂空部分需要如何处理才能最终在界面上显示出透明的效果呢,解决的办法和上面的大背景镂空处理一样就是把镂空填充成(#ff00ff)这个颜色,如上图。(6)播放进度填充背景图命名:progress_fill.bmp缓冲进度条填充背景图该进度条在听在线歌曲发生缓冲时出现,如果没有该元素,默认方式是会将进度条的颜色加深,作为缓冲条颜色显示。命名:progress_fill2.bmp(7)播放列表窗口打开关闭按钮命名:playlist

6、.bmp(8)均衡器窗口打开关闭按钮命名:equalizer.bmp(9)歌词窗口打开关闭按钮命名:lyric.bmp(10)“上一首”按钮命名:prev.bmp(11)“播放”按钮命名:play.bmp(12)“暂停”按钮命名:pause.bmp(13)“下一首”按钮命名:next.bmp(14)“打开播放文件”按钮命名:open.bmp(15)音量小喇叭按钮命名:mute.bmp(16)音量进度背景填充图命名:progress2.bmp(17)音量滑块同(5)二、均衡器窗口的控件(18)开启按钮命名:eq_en

7、abled.bmp(19)重设按钮命名:reset.bmp(20)配置按钮命名:eq_profile.bmp(21)关闭按钮,切图同主窗口上的关闭按钮(22)平衡器环绕声所有滑动的小按钮同(5)(23)平衡,环绕填充背景命名:eqfactor_full2.bmp(24)均衡填充背景命名:eqfactor_full.bmp三、播放列表窗口的控件(25)关闭按钮,同主窗口关闭按钮(26)工具条按钮,命名:playlist_toolbar.bmp热点状态命名:playlist_toolbar_hot.bmp(27)滚动条

8、上下按钮命名:scrollbar_button.bmp重点:将上下按钮拼在一张图上制作(28)滚动条滑动按钮命名:scrollbar_thumb.bmp(29)滚动条背景命名:scrollbar_bar.bmp四、歌词秀窗口的控件(30)关闭按钮,同主窗口(31)总在最前按钮命名:ontop.bmp五、音乐窗窗口的控件上图为千千音乐窗界面,其中用绿色边框套住

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。