【攻略】如何自制steam皮肤 皮肤制作其实很简单
5、吹逼内容
如果你不仅仅是想改一下字体颜色和图片,还想改一些其他的小玩意,比如:
该怎么办呢?
像这些小图标其实都属于控件的一部分,这些图标同样以贴图的形式被引用比如这里的信箱图标(inbox)那么要修改它,我们同样只要在graphics中找到它对应的贴图就可以了
graphics中有100多的贴图,不过其中大部分通过名字就可以看出来它们是干什么的,当然我们所需要修改的这类小图标基本上是以icon开头的那一长条比如
返回箭头
或是大屏幕模式的图标(说老实话这个就有点看不出来了)
如果你只是想变点颜色,非常简单,用你的PS打开该图片比如上面的返回箭头把它放到最大
你就会发现它的主体只是由不到100个像素点组成的,你只要选择旁边的油漆桶工具,点一下中间
是不是很简单?一个图标用不到半分钟就可以改过来,当然如果你不想用steam默认的图标了,你完全可以像这样自己设计一个图标或者是去网上找一个你喜欢的像前面的图片一样把文件替换过来
如果你不仅仅是想改一下字体颜色和图片,还想改一些其他的小玩意,比如:
该怎么办呢?
像这些小图标其实都属于控件的一部分,这些图标同样以贴图的形式被引用比如这里的信箱图标(inbox)那么要修改它,我们同样只要在graphics中找到它对应的贴图就可以了
graphics中有100多的贴图,不过其中大部分通过名字就可以看出来它们是干什么的,当然我们所需要修改的这类小图标基本上是以icon开头的那一长条比如
返回箭头
或是大屏幕模式的图标(说老实话这个就有点看不出来了)
如果你只是想变点颜色,非常简单,用你的PS打开该图片比如上面的返回箭头把它放到最大
你就会发现它的主体只是由不到100个像素点组成的,你只要选择旁边的油漆桶工具,点一下中间
是不是很简单?一个图标用不到半分钟就可以改过来,当然如果你不想用steam默认的图标了,你完全可以像这样自己设计一个图标或者是去网上找一个你喜欢的像前面的图片一样把文件替换过来
这些材料显然也是很容易修改的,那么这是否表明之前的金色边框与名字的事其实是G胖许可的,所谓的因此被社区封禁又是否是真的与这个有关?我表示很好奇,因为这就涉及到了你究竟对客户端能做出多大程度的修改的问题,制作皮肤时究竟哪里能改,哪里不能改?
接下来是最后一部分,也是最难的一部分,而且说实话楼主不会,我只是来启发一下正在观看本帖的各位,哪位要是稍稍有点编程功夫可以去试试
metro,网上最有名的皮肤之一,它的亮点不在颜色与贴图,而在于它改变了客户端的布局方式:按钮的位置,下拉框的内容,各个板块的大小等等,这就不是仅仅靠前面改颜色参数一样输入几个配色的数字就能解决的了,为了弄清楚他们是怎么做到的,我们打开skins文件夹下steam官方对于修改皮肤给出的说明文件read_me来看一看(这份文件绿龙在他的贴子里提及了,这是最为根本的指南,多看一看一定会受益)
我们打开该文档,里面有很多对于文件类型以及如何去修改的说明,我们找到这里
layout指令,查查词典,layout就是布局的意思,在layout里存在两类函数
第一类叫做region,它的作用在于在整个窗口中划出一片区域用以给我们布局
第二类叫做place,我们通过这个这个指令把刚刚划分的可布局区域中选择出一部分来作为一个控件。
刚刚在讲render时我曾经提过x0,y0,x1,y1是表示相对于当前操作的控件的坐标的,那么这个控件实际在窗口中的位置我们该如何确定呢?就是通过这两个指令实现的我们来看看wp7
我们注意到这个皮肤的大屏幕模式图标被移到了视图图标的旁边,于是我们去.layout文件中寻找FullScreenButton这个变量
它在一个名为fullscreen的结构里,这个文件里面的指令跟我们之前修改颜色时看到的不一样,于是我们在这个文件中寻找fullscreen于是翻到文件最下面,我们会找到
而fullscreen有
在最下面的layout结构中作者先是加入了一个region名为bigpicture,又在这个region中加入了名为fullscreen的控件,所以作者做过什么修改我们应该就很清楚了:他在下面的layout结构中修改了区域bigpicture和控件fullscreen的划分范围从而达到了我们看到的效果
layout结构写在了每个.layout文件的末尾,具体划分了这个文件所管辖的区域中每一个区域和控件的位置,所以如果你想要做一点特别exciting的改变,你不妨来试试,但是显然你也看到了,每一个文件中所包含的控件非常多,如何协调好他们的位置使它们不至于互相重叠互相影响,就期待各位代码高手的表现了。
如果页面中的控件不够在readme最后有关于增加控件的简介,大家可以去看一看。
如果页面中的控件不够在readme最后有关于增加控件的简介,大家可以去看一看。
当然如果你不是很懂这方面的知识,洗洗睡吧,关于按钮布局和位置的改变既麻烦又没有必要,完成前面的3、4步加几张自己喜欢的图片慢慢看去吧
好了,本教程至此就完结撒花了,此处是由热心分享但是显然理的人并不多的咸鱼吧友为您带来的steam皮肤制作攻略,我们以后见了反正你也认不出我。各位休仙的老哥晚安吧。
还有一点我忘了说,就是有关配色方面。
就对人眼的舒适度和美观的方面来讲,客户端背景色尽量选深而黯淡的颜色,冷色调为佳,而文本和字体的颜色则要选浅而明亮的颜色,同时亮度要柔和一点,当然冷色调或暖色调就没有讲究了,以搭配和谐而显字清晰为佳,这样选择主要是为了提高对比度,让人眼不至于太过疲劳,同时也可以提高美观与实用性。
文本之间颜色的色调应保持一致,否则会有一点不和谐的感觉,当然你想尝试一下杀马特也并非不可,字的颜色深浅以由深到浅按disabled文本>普通文本>hover文本>selected文本为佳,disabled文本可以通过增加其透明度(即减小其A值)来降低亮度,selected文本以白色为佳,hover亮度适当高一些以达到高亮效果,并且注意插入图片后字的颜色与图片颜色有良好的区别,否则就会这样
(当前在线好友人数看不见吧)
就对人眼的舒适度和美观的方面来讲,客户端背景色尽量选深而黯淡的颜色,冷色调为佳,而文本和字体的颜色则要选浅而明亮的颜色,同时亮度要柔和一点,当然冷色调或暖色调就没有讲究了,以搭配和谐而显字清晰为佳,这样选择主要是为了提高对比度,让人眼不至于太过疲劳,同时也可以提高美观与实用性。
文本之间颜色的色调应保持一致,否则会有一点不和谐的感觉,当然你想尝试一下杀马特也并非不可,字的颜色深浅以由深到浅按disabled文本>普通文本>hover文本>selected文本为佳,disabled文本可以通过增加其透明度(即减小其A值)来降低亮度,selected文本以白色为佳,hover亮度适当高一些以达到高亮效果,并且注意插入图片后字的颜色与图片颜色有良好的区别,否则就会这样
(当前在线好友人数看不见吧)