查看完整版本: [原创]eePanels2基础教程(2楼更新玻璃素材)

[原创]eePanels2基础教程(2楼更新玻璃素材)

[font=微软雅黑]                                                                                [/font]

                                                           
[size=3][color=red]更多教程请参见[url=http://hi.baidu.com/%BA%D9%DF%DD%C3%AB%C3%AB%B3%E6]本人博客[/url][/color][/size]（不断更新中)

                                             [font=楷体_GB2312][size=7][color=red][b]小样没人顶贴我还隐藏![/b][/color][/size][/font]
[b][font=楷体_GB2312][size=7][color=#ff0000]            你能奈我何![/color][/size][/font][/b]
[b][font=楷体_GB2312][size=7][color=#ff0000]             ~哇哈哈~[/color][/size][/font][/b]

                                       

[quote][size=4][color=blue][b]通知：eep2高手进阶开始更新。[/b][/color][/size]
[size=4][color=blue][b]        第一讲：eep2依附框体，即面板依附。[/b][/color][/size]
[size=4][color=blue][b]        传送门:[url=http://bbs.duowan.com/thread-13445059-1-1.html]http://bbs.duowan.com/thread-13445059-1-1.html[/url][/b][/color][/size]
[size=4][color=blue][b][/quote][/b][/color][/size]
[size=4][color=#0000ff]基础教程的终结篇来了！[ew29] 鼓掌！。。。。。谢谢，教程写起来就是麻烦，可恶的版主连个精华都不舍得扔个[ew31] [ew31] 可怜啊。。[/color][/size]
[size=4][color=#0000ff][/color][/size]
[size=4][color=#0000ff]最后一次更新教程，关于素材的选择以及面板的依附，我会另开新帖，在高手使用技巧中与大家讨论，欢迎捧场[ew50] [ew50] [/color][/size]



[size=4][color=red]~~~~~~~~~~~~~~~~~~~我是华丽的分割线~~~~~~~~~~~~~~~~~
[size=5][color=black][b]教程之一：面板的基础设置[/b][/color][/size][/color][/size]


写在前面：新手在制作自己风格界面之前首先要设置下UI缩放，给UI更大的空间。




eePanels2基础设置
             1、增加面板：如图1 [img]http://att.bbs.duowan.com/month_0901/20090115_16b4e5993e45d4cb3f16RYU0BnOudLo5.jpg[/img]面板图: [img]http://att.bbs.duowan.com/month_0901/20090115_e0164532e1a52baee057Hvz0RZaobrc5.jpg[/img](图2)
                 如图2，如此我们就可以对面板进行设置，包括素材（以后教程会有详细说明）   
2、面板设置：（1）、首先给面板取个名字，系统默认为1，再次将它取名为“主体”[img]http://att.bbs.duowan.com/month_0901/20090115_baa44b4b70ff5c59ed6bJxG9LZRinOEc.jpg[/img]
                         （2）、作为主体，也就是动作条背景图，设置背景颜色：黑色[color=#000000] [/color]透明度选为100%
[img]http://att.bbs.duowan.com/month_0901/20090115_92f5243b4d91928903a2tuLGpLf9o8L7.jpg[/img]
                         （3）、面板层级：所谓面板等级类似于涂层，系统默认为背景，这里主要对背景进行美化，所以关于面板等级这里就不多说了。
                          （4）、面板大小：有两种设置方法
                                          a、图3的选项单里有宽度，高度，可以任意填上数字。这个是为了方便做相同框体（稍后详细说明）。        
                                           b、将鼠标移至面板上，此时面板变为可控制的单位，如图
[img]http://att.bbs.duowan.com/month_0901/20090115_ab1bfd49b3fd45238ae3GPzrWF6GAW87.jpg[/img]中有个白色三角，点住拖动可任意改变宽度，高度。
                           （5）、边框的设定：现在已经把主体设置好了，如图








[align=left][img]http://att.bbs.duowan.com/month_0901/20090115_f6c09a4d447feeabb509qBNFDml1f7Nb.jpg[/img][/align]现在对其边框进行设置，如（2）找到边框质材质，系统自带的有2种，一种是不要边框，看个人喜好了。我选择dialog，选取边框颜色：红色。这个也是看个人喜好的。现在要对边框外缘大小、背景填充幅度进行改变（注：想设置次选项必须勾选高级模式）。边框外缘大小、背景填充幅度鼠标拖动即可实现，这里不多做说明。
                            （6）、主体成型：主体基本成型了，这里放出一张效果图
[img]http://att.bbs.duowan.com/month_0901/20090115_1fe52d4ea3a85608418bf8pdCWC2cFZU.jpg[/img]

     这样简单的一个框体就完成了，后续有进阶教程。
   （以上均本人原创，欢迎转载，转载请附作者。谢谢合作！）


[b][color=red]~~~~~~~~~~~~~~~~~~~~~~~~~~~~[size=4]我是邪恶的分割线[/size]~~~~~~~~~~~~~~~~~~~~~~~~~~~[/color][/b]
[size=5][color=#000000][b]教程之二：方便的全局设置。[/b][/color][/size]
[b][size=5][color=#000000][/color][/size][/b]
[b][size=3][color=sienna]   
      上次详细简述了eePanels2的面板设置，下面来简述eePanels2很好用的一种设置：全局设置。
      为了界面美化，有时我们设置的面板不止一个，而且要制作2个以上相同的面板，一个一个制作非常麻烦，现在有另一种简单的方法：运用全局设置。
       1、建立3个新面板如图
       以下以三个面板为例：[attach]1578966[/attach]

        2、启用全局设置：[attach]1578967[/attach]
[/color][/size][/b]

          [size=3][color=sienna][b]3、仿照基础篇对其设置:背景颜色、边框。。等等（参照教程1）效果图[/b]：[attach]1578990[/attach][/color][/size]
[color=#a0522d][size=3]       [/size][/color]
[color=#a0522d][size=3]      [b]4、对面板大小进行排列使其更加美观：在改变两个小面板大小时，容易造成面板大小不一样，这时EEP2的另一个优点就会体现：复制、粘贴。[/b][/size]
[size=3][b]                 可以对面板任意数值进行复制，然后粘贴到另一面板上。这里只对宽度进行举例，其他大相径庭。对着面板（注：一定是未锁定的面板）击右键，选取宽度，单击左键选定：[attach]1579018[/attach]然后右键单击另一面板，粘上宽度（宽度、高度看清楚不要选错。颜色同理）：[/b] [attach]1579019[/attach][/size][/color]
[color=#a0522d][size=3][/size][/color]
[color=#a0522d][size=3]              [b]5、面板的对称：设主体面板水平坐标为“0”（即屏幕中央），垂直坐标看个人习惯了。 移动面板如图：[attach]1579038[/attach][/b][/size][/color]
[b][size=3][color=#a0522d]              

                 这样就做好了动作条的右半部分，如何将左半跟右半对称呢，很简单！复制粘贴垂直位置到左面板，停！
一定要停，水平位置如果再复制就重合了（。。。都知道吧）。
右键单击右面板挑出水平位置，ctrl+c复制数据，后粘贴到左面板水平位置上，没完呢！！！一定要在数字前加个“-”号，回车，保存。好了。终于对称了。。。。。
                 效果图：[/color][/size][/b]
[b][size=3][color=#a0522d][/color][/size][/b]
[b][size=3][color=#a0522d][attach]1579055[/attach][/color][/size][/b]
[b][size=3][color=#a0522d][/color][/size][/b]
[b][size=3][color=#a0522d]          OK，锁定面板。DIY是不是很有成就感！
现在，把动作条（bt4习惯了）放进去吧，看看效果！
附一张全局效果图：
[attach]1579059[/attach]

[size=4][color=blue]~~~~~~~~~~~~~~~~~~我是无奈的分割线~~~~~~~~~~~~~~~~[/color][/size]
[/color][/size][/b]
[color=#a0522d][b][size=3][/size][/b][/color]
[color=#a0522d]
[b][size=5][color=#0000ff]基础教程终结篇：面板的渐变色。[/color][/size][/b][/color]
[color=#a0522d][b][size=5][color=#0000ff][/color][/size][/b][/color]

[color=#a0522d][size=5][color=#0000ff][b]      
[size=3]           关于界面渐变的简略教程：[/size]
[size=3]           现在继续eep2美化的进阶教程，关于渐变，先上效果图[/size]。
[/b][size=3][b]              [attach]1597127[/attach][/b]还算不错吧，呵呵。[/size][/color][/size][/color]
[color=#a0522d][size=5][color=#0000ff][size=3][/size][/color][/size][/color]
[color=#a0522d][size=5][color=#0000ff][size=3]         渐变：此板块是由三块面板组合，两个渐变条，图中红色的；还有背景框。
现在详细讲解下向左渐变方法。
                   新建面板，击右键选择双色渐变（高级设置要常开哦）：
          [attach]1597141[/attach][/size][/color][/size][/color]
[color=#a0522d][size=5][color=#0000ff][size=3][/size][/color][/size][/color]
[color=#a0522d][size=5][color=#0000ff][size=3]    上图中能看到背景色与背景渐变色，如果向右渐变，背景色改成黑色（以黑色为例），背景渐变色透明度.[/size][/color][/size][/color]
[color=#a0522d][size=5][color=#0000ff][size=3][/size][/color][/size][/color]
[color=#a0522d][size=5][color=#0000ff][size=3]           [attach]1597145[/attach]改成0%即可.

[/size][size=2][color=#ffffff]个人建议，选背景色及背景渐变色时颜色最好相同。为啥？自己试试就知道了。。。最求完美。。。[/color][/size]
[size=3][/size][/color][/size][size=4][color=blue][b]个人建议，选背景色及背景渐变色时颜色最好相同。为啥？自己试试就知道了。。。追求完美。。。[/b]
[/color][/size][/color]
[color=#a0522d][size=3][color=blue]效果图 （边框材质选NONE）[/color][/size][/color]
[color=#a0522d][size=3][color=#0000ff]          [/color][/size][size=4]
[/size][size=3][b]         [attach]1597156[/attach][/b][color=blue]这就是正常渐变的效果图，即向右渐变。[/color][/size]
[b][size=3]         [/size][/b]
[size=3][color=blue]重点：向左渐变，[/color][b][size=5][color=#ff0000]将背景色，背景渐变色互换，包括颜色的透明度。[/color][/size]        [/b][/size][/color]

[color=blue][size=3]看效果如图：[attach]1597168[/attach][color=blue]将背景框移动至适当位置，调整大小，锁定。[/color][/size]
[size=3][color=blue][/color][/size]
[size=3][color=blue]这样，向左渐变的背景框就做好了。[/color][/size]
[size=3][/size]
[size=3][color=blue]下面用两个渐变条对其进行修饰，渐变条其实也是面板，只是高度很小看起来是长长的一条。[/color][/size]
[size=3][color=blue]              [/color][/size]
[size=3][color=blue]           新建两个面板，一一对其进行设置，边框材质：None，背景色透明，背景渐变色100%红色（颜色自[/color][/size]
[color=blue][size=3][/size][/color]
[color=blue][size=3]选），[b][size=5][color=red]重点：对这两个面板进行高度设置：12-15，回车[/color][/size]。[/b][/size][/color]
[b][size=3][/size][/b]
[size=3][color=blue]效果图：[attach]1597199[/attach][/color][/size]
[size=3][color=blue]              [/color][/size]
[/color][size=3][color=#0000ff][/color][/size]
[size=3][color=#0000ff][size=4][color=blue]OK，恭喜你，你离高玩越来越近了！[/color][/size]
[size=4][color=blue]                最后一点，如果要制作垂直方向的渐变条，将渐变方向改为垂直即可（默认渐变方向：水平）。[/color][/size]
[/color][/size][size=3][color=#0000ff][/color][/size]
           
                     [attach]1597200[/attach]


[size=3][color=blue]            [/color][/size]
[size=3][color=blue]            同时，垂直渐变要对[size=5][color=red][b]宽度进行[/b][/color][/size]设置，改为：[size=5][color=red][b]宽度[/b][/color][size=3][color=blue]（[/color][/size][/size]12-15）.回车。结束。[/color][/size]
[size=4][color=darkorchid][b]~~~~~~~~~~~~~~~~~~[size=5]我是最终分割线[/size]~~~~~~~~~~~~~[/b][/color][/size]
[size=6][color=#0000ff][/color][/size]
[size=3][color=darkorchid]乱七八糟写了一大堆，希望对喜欢界面的玩家有些帮助，插件上还又什么其他问题请给我留言，或者给我发短消息，我会捡着我会的回答。。。。[/color][/size]
[size=3][color=darkorchid][/color][/size]
[size=3][color=darkorchid][size=7][color=red]                  谢谢大家支持！[/color][/size][/color][/size]
[size=3][color=darkorchid][size=7][color=red]        我会写出更多更新的教程与大家分享！[/color][/size]

[/color][/size]送个带库头的eeP2
[attach]1569884[/attach]

[[i] 本帖最后由 murmurwoods 于 2009-5-7 23:56 编辑 [/i]]

[size=5][color=black]更新呼声最高的玻璃素材，摘自MOP[/color][/size]
[size=5][color=#000000][attach]1670733[/attach][/color][/size]
[size=5][color=#000000][/color][/size]
[quote][attach]1670734[/attach][/quote]
[size=5][color=black][/color][/size]
[size=5][color=black][/color][/size]
[size=5][color=black][/color][/size]
[size=5][color=black]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[/color][/size]
[size=4][color=red][/color][/size]
[size=4][color=red]上传的包包绝对可用，有裤子，如果过期请加载，绝不影响使用！[/color][/size]

[size=4][color=red]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]不定期更新，喜欢EEP2的朋友请留意[ew59] [/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]有提问eep2命令的问题，这里提下，EEP2命令是/eepanels2[/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]不提倡这种做法，面板的修改步骤很多，用命令比较麻烦[/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]EEP2默认加载是在小地图上，点开就可以逐一设置，如果你用了FUBAR，请让EEP2显示再FUBAR上[/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]MBF还有MBB的话点开就会看到。[/color][/size]
[size=4][color=#ff0000][/color][/size]
[size=4][color=#ff0000]包包整合推荐方法，先做界面部分，然后做主体部分（bt4，fubar），然后是辅助插件，最后是所有插件的调试。[/color][/size]

[[i] 本帖最后由 半条毛虫 于 2009-3-9 12:55 编辑 [/i]]

图片显示仅百度可见……
重新编辑下吧

晕 多玩不支持本地上传么。。。。[ew19]

弄好了，这回能看到了吧。。

支持啊
附件浏览后可以上传啊

请问如何改变渐变方向呢？

本帖隐藏的内容需要回复才可以浏览
我连看都不能看你要我回复什么？逼我灌水吗？

学习下[ew41]

我是来学习学习的

5456456456456465454654

看看 一直想自己弄个界面……

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

用了2年精灵

终于决心不怕麻烦来投奔ACE2[hz19]

学习学习[ew59]

顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
EEP2 很神秘= =!

用了2年精灵
终于决心不怕麻烦来投奔ACE2

额，，， 看看先

dddddddddddddd

想要个简洁的[hz19]

晕 多玩不支持本地上传么。。。。

弄好了，这回能看到了吧。。

sdfasdfasdfasdf

太好了，自己弄总是弄不好。学习一下。

[ew49] [ew49] [ew49]

不错，最近想用这个插件 过来学习下

回复，看一下，找个裤头。

见识下[hz24]

还是满喜欢这样简单的`

要学，一定要学习。我从来只是练一个号的，界面漂亮最重要了

我想看啊,让我看吧,邱邱你了

看看!!!.....................