更多教程请参见本人博客(不断更新中)
小样没人顶贴我还隐藏!
你能奈我何!
~哇哈哈~
</strong>
基础教程的终结篇来了! 鼓掌!。。。。。谢谢,教程写起来就是麻烦,可恶的版主连个精华都不舍得扔个 可怜啊。。
最后一次更新教程,关于素材的选择以及面板的依附,我会另开新帖,在高手使用技巧中与大家讨论,欢迎捧场
~~~~~~~~~~~~~~~~~~~我是华丽的分割线~~~~~~~~~~~~~~~~~
教程之一:面板的基础设置
写在前面:新手在制作自己风格界面之前首先要设置下UI缩放,给UI更大的空间。
eePanels2基础设置
1、增加面板:如图1 http://att.bbs.duowan.com/month_0901/20090115_16b4e5993e45d4cb3f16RYU0BnOudLo5.jpg面板图: http://att.bbs.duowan.com/month_0901/20090115_e0164532e1a52baee057Hvz0RZaobrc5.jpg(图2)
如图2,如此我们就可以对面板进行设置,包括素材(以后教程会有详细说明)
2、面板设置:(1)、首先给面板取个名字,系统默认为1,再次将它取名为“主体”http://att.bbs.duowan.com/month_0901/20090115_baa44b4b70ff5c59ed6bJxG9LZRinOEc.jpg
(2)、作为主体,也就是动作条背景图,设置背景颜色:黑色 透明度选为100%
http://att.bbs.duowan.com/month_0901/20090115_92f5243b4d91928903a2tuLGpLf9o8L7.jpg
(3)、面板层级:所谓面板等级类似于涂层,系统默认为背景,这里主要对背景进行美化,所以关于面板等级这里就不多说了。
(4)、面板大小:有两种设置方法
a、图3的选项单里有宽度,高度,可以任意填上数字。这个是为了方便做相同框体(稍后详细说明)。
b、将鼠标移至面板上,此时面板变为可控制的单位,如图
http://att.bbs.duowan.com/month_0901/20090115_ab1bfd49b3fd45238ae3GPzrWF6GAW87.jpg中有个白色三角,点住拖动可任意改变宽度,高度。
(5)、边框的设定:现在已经把主体设置好了,如图
http://att.bbs.duowan.com/month_0901/20090115_f6c09a4d447feeabb509qBNFDml1f7Nb.jpg
现在对其边框进行设置,如(2)找到边框质材质,系统自带的有2种,一种是不要边框,看个人喜好了。我选择dialog,选取边框颜色:红色。这个也是看个人喜好的。现在要对边框外缘大小、背景填充幅度进行改变(注:想设置次选项必须勾选高级模式)。边框外缘大小、背景填充幅度鼠标拖动即可实现,这里不多做说明。
(6)、主体成型:主体基本成型了,这里放出一张效果图
http://att.bbs.duowan.com/month_0901/20090115_1fe52d4ea3a85608418bf8pdCWC2cFZU.jpg
这样简单的一个框体就完成了,后续有进阶教程。
(以上均本人原创,欢迎转载,转载请附作者。谢谢合作!)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~我是邪恶的分割线~~~~~~~~~~~~~~~~~~~~~~~~~~~
教程之二:方便的全局设置。
上次详细简述了eePanels2的面板设置,下面来简述eePanels2很好用的一种设置:全局设置。
为了界面美化,有时我们设置的面板不止一个,而且要制作2个以上相同的面板,一个一个制作非常麻烦,现在有另一种简单的方法:运用全局设置。
1、建立3个新面板如图
以下以三个面板为例:
2、启用全局设置:
3、仿照基础篇对其设置:背景颜色、边框。。等等(参照教程1)效果图:
4、对面板大小进行排列使其更加美观:在改变两个小面板大小时,容易造成面板大小不一样,这时EEP2的另一个优点就会体现:复制、粘贴。
可以对面板任意数值进行复制,然后粘贴到另一面板上。这里只对宽度进行举例,其他大相径庭。对着面板(注:一定是未锁定的面板)击右键,选取宽度,单击左键选定:然后右键单击另一面板,粘上宽度(宽度、高度看清楚不要选错。颜色同理):
5、面板的对称:设主体面板水平坐标为“0”(即屏幕中央),垂直坐标看个人习惯了。 移动面板如图:
这样就做好了动作条的右半部分,如何将左半跟右半对称呢,很简单!复制粘贴垂直位置到左面板,停!
一定要停,水平位置如果再复制就重合了(。。。都知道吧)。
右键单击右面板挑出水平位置,ctrl+c复制数据,后粘贴到左面板水平位置上,没完呢!!!一定要在数字前加个“-”号,回车,保存。好了。终于对称了。。。。。
效果图:
OK,锁定面板。DIY是不是很有成就感!
现在,把动作条(bt4习惯了)放进去吧,看看效果!
附一张全局效果图:
~~~~~~~~~~~~~~~~~~我是无奈的分割线~~~~~~~~~~~~~~~~
基础教程终结篇:面板的渐变色。
关于界面渐变的简略教程:
现在继续eep2美化的进阶教程,关于渐变,先上效果图。
还算不错吧,呵呵。
渐变:此板块是由三块面板组合,两个渐变条,图中红色的;还有背景框。
现在详细讲解下向左渐变方法。
新建面板,击右键选择双色渐变(高级设置要常开哦):
上图中能看到背景色与背景渐变色,如果向右渐变,背景色改成黑色(以黑色为例),背景渐变色透明度.
改成0%即可.
个人建议,选背景色及背景渐变色时颜色最好相同。为啥?自己试试就知道了。。。最求完美。。。
个人建议,选背景色及背景渐变色时颜色最好相同。为啥?自己试试就知道了。。。追求完美。。。
效果图 (边框材质选NONE)
这就是正常渐变的效果图,即向右渐变。
重点:向左渐变,将背景色,背景渐变色互换,包括颜色的透明度。
看效果如图:将背景框移动至适当位置,调整大小,锁定。
这样,向左渐变的背景框就做好了。
下面用两个渐变条对其进行修饰,渐变条其实也是面板,只是高度很小看起来是长长的一条。
新建两个面板,一一对其进行设置,边框材质:None,背景色透明,背景渐变色100%红色(颜色自
选),重点:对这两个面板进行高度设置:12-15,回车。
效果图:
OK,恭喜你,你离高玩越来越近了!
最后一点,如果要制作垂直方向的渐变条,将渐变方向改为垂直即可(默认渐变方向:水平)。
同时,垂直渐变要对宽度进行设置,改为:宽度(12-15).回车。结束。
~~~~~~~~~~~~~~~~~~我是最终分割线~~~~~~~~~~~~~
乱七八糟写了一大堆,希望对喜欢界面的玩家有些帮助,插件上还又什么其他问题请给我留言,或者给我发短消息,我会捡着我会的回答。。。。
谢谢大家支持!
我会写出更多更新的教程与大家分享!
送个带库头的eeP2
eePanels2.rar(141.79 KB, 下载次数: 2384)
[ 本帖最后由 murmurwoods 于 2009-5-7 23:56 编辑 ] |