设为首页收藏本站

最近看过此主题的会员

查看: 150872|回复: 262

[制作教程] 【悬赏教程】属性/好感度基础界面制作和使用(新手向)

  [复制链接]

10

主题

60

好友

64

积分

五年级

草鹿やちる
金平糖

Rank: 6Rank: 6Rank: 6

贡献度
6
彩虹碎片
442
经验
57994
帖子
3515
精华
4
在线时间
1191 小时
注册时间
2013-7-29

指引者 我会用橙光 热心人

发表于 2014-8-9 15:53:53 |显示全部楼层
本帖最后由 陌上幻月 于 2014-8-12 20:30 编辑

本次教程的内容是:属性/好感度基础界面的制作和使用
附加内容:属性/好感度数值条的使用

由于是新手向教程,你需要的技能只有——美图/PS做出界面底图和按钮图片因为属性和好感度的原理是一样的所以就放在一起讲。
底图上要写上属性/好感度的名称,如下。并把准备的属性界面底图和菜单界面底图放入Other文件夹里,按钮图片放入Button文件夹里。(不会放的先往下看,后面会讲到。)
                                                      
下面教程正式开始~

第一部分:属性/好感度界面制作
1、在下方刀片菜单里设置属性数值名称  游戏流程/逻辑数值操作,设置属性/好感度名称,最后点击应用,关闭即可。(如果已经设置此歩跳过)
                                                                                                                                   
                                                                               
2、Ctrl+Q或者点击工具切换为高级模式。转换后点击高级UI,先把自制菜单和属性界面命名方便下面操作。

     然后在右侧一栏选中相应属性界面名称编辑
(大家会想,上来就高级模式,但是我不会用高级模式做剧情怎么办?建议新建一个剧情转换为高级模式,这样并不影响其他剧情使用简单模式。)
                                                   
3、
点击添加组件图片选择属性底图

(找不到Other文件夹的这里就没有图片,点击下方的打开所在文件夹,把图片放到这个文件夹里,关闭这个界面再打开就能看到图片了)
                                                                   
                                                                     
                                                            
4、点击添加组件数值选择相应数值,默认位置在左上角,要与底图上的属性名称对应不要乱了,注意颜色与背景区别
                                  

5、点击添加组件按钮选择返回按钮,设置界面点击事件呼叫菜单界面这里要选择刚刚命名的自制菜单
                                                                        

设置完成后可以点击右下方的预览查看位置,注意数值与字的距离再进行调整。 (点击预览后出现的界面直接点击确定即可,或者更改预览值确定)
                                                                       


第二部分:自制菜单和图片选项(按钮)
1、把准备的按钮图片放到Button文件夹里。
放入方法点击左边的按钮在点击素材两种方法都可以把图片导入即可,方法不限于这一种。
                                                                           
2、在游戏设置图片选项里设置按钮
                                                                  


3、点击高级UI
编辑,出现编辑界面。点击添加组件图片选择菜单底图
(找不到Other文件夹的这里就没有图片,点击下方的打开所在文件夹,把图片放到这个文件夹里,关闭这个界面再打开就能看到图片了)
                                                                  
4、点击添加组件按钮选择存档、读档、属性等按钮,并且排布好。(添加方法与上面添加图片和数值相同)

                                                                  
5、右键各个按钮点击编辑

                                                                  
     在出现的界面点击按钮点击事件,双击橙色条块点击呼叫界面选择相应界面然后确定。存档按钮就呼叫存档界面依此类推。
                                                                     
                                                            
                                                              
     注意:返回按钮不是点击呼叫界面而是返回游戏界面,千万不能是返回标题画面啊!每个按钮都要设置!
        (这一步很重要,很多人问为什么自制菜单按钮没反应就是没有设置按钮点击生成事件!




第三部分:使用自制菜单

到这里如果测试会发现用的还是系统自带的菜单,我们要换成自己做的。在游戏设置游戏总设游戏菜单界面选择自制的菜单。
                                                      
这样就大功告成啦,下面是我随意测试的截图。

                                                               

感觉旁边有些空,可以加上主角立绘或者图案之类的。可以用美图直接在底图上加或者用添加组建—图片(添加的图片一定要在0ther文件夹里!)
就像这样~
                                                               

教程正文内容结束~

附加:属性/好感度数值条的使用
1、先准备好的数值条滚动图(最大值)空值的图片放到0ther文件夹里
2、在数值设置里设置属性/好感度最大值

                                               
注意:最大值要在游戏开始前或者界面生成事件设置好数值,否则数值只要不是0数值条都会是最大值的图片。
界面生成事件设置方法:
在属性/好感度编辑界面点击界面生成事件,双击界面在事件选择中点击数值操作,设置最大值。
                                    
                                    
                                          

3、在高级UI—属性界面编辑界面—添加组件—数值条

                                       
4、选择相应的图片和数值,最后确定
                                                                                                               
5、拖到界面上的相应位置即可(这里只用一个做例子了)

                                             

测试效果(我设置的最大值为10):

                                                        
                                                         

教程全部结束,你会了吗?


本次用到的UI:黑板    喜欢的戳进去捧个场吧~

回帖推荐

陌上幻月 查看楼层

制作中出现问题请截图附上详细说明去新手区提问

点评

1065063959  咩~~~~月奶奶快给我转个10彩虹碎片来- -  发表于 2015-5-24 00:14
香奈冰儿  我会了~谢谢~  发表于 2014-10-1 20:51
已有 42 人评分经验 彩虹碎片 收起 理由
陌浮央 + 2 塞糖
3032899678 + 2 精品文章
凉尽半夏 + 2 精品文章
钱小小 + 3 塞糖
浮木君 + 2 塞糖

总评分: 经验 + 824  彩虹碎片 + 30   查看全部评分

【UI大赛现代组】黑板  现代校园风UI
【UI大赛古风组】相思劫  传统中国风UI
【UI大赛现代组】少女恋爱记  粉系少女风UI
————————————————
【悬赏教程】属性/好感度基础界面制作和使用(新手向多图)  新手向教程

14

主题

58

好友

32

积分

四年级

Rank: 5Rank: 5

贡献度
4
彩虹碎片
2
经验
28497
帖子
1364
精华
2
在线时间
396 小时
注册时间
2014-3-27

热心人

发表于 2014-8-9 19:44:20 |显示全部楼层
炒鸡详细!麻麻再也不用担心我不会做属性界面拉!

点评

妮妮76384201482  文章转载:m.mx99.com/book/788/ 道神手机版 mx99.com/book/788/ 道神  发表于 2016-10-15 03:50
陌上幻月  感谢暖贴小天使~么么哒~  发表于 2014-8-9 20:14
已有 1 人评分经验 收起 理由
陌上幻月 + 9 第一个有糖吃~

总评分: 经验 + 9   查看全部评分

11

主题

26

好友

25

积分

四年级

Rank: 5Rank: 5

贡献度
3
彩虹碎片
74
经验
21739
帖子
654
精华
0
在线时间
302 小时
注册时间
2014-7-2

我会用橙光 热心人

发表于 2014-8-9 22:46:54 |显示全部楼层
很清晰w
话说超喜欢黑板的UI~

点评

妮妮76384201482  文章转载:m.wjhlw.net/book/2213611/ 不朽匠神手机版 wjhlw.net/book/2213611/ 不朽匠神  发表于 2016-10-15 03:52
陌上幻月  谢谢(≧▽≦)  发表于 2014-8-9 23:02

3

主题

0

好友

8

积分

二年级

Rank: 3Rank: 3Rank: 3

贡献度
3
彩虹碎片
0
经验
5089
帖子
25
精华
0
在线时间
71 小时
注册时间
2014-1-20
发表于 2014-8-9 22:50:24 |显示全部楼层
楼主你到底在用啥版本的windows!!!!!!!!!!!!!(重点不对

点评

哆啦西瓜  一下笑喷了233  发表于 2014-8-9 23:45
muyueyi  窝也是注意到这个_(:з」∠)_……感觉好像在上机!只有实验室用这样纯粹的界面!以前天天被老师安利只有这样的系统界面是最好的_(:з」∠)_  发表于 2014-8-9 23:14
陌上幻月  xp的,明天就要去换了,以后只能存在于截图里了╮(╯▽╰)╭  发表于 2014-8-9 23:05

4

主题

16

好友

10

积分

三年级

Rank: 4

贡献度
0
彩虹碎片
13
经验
9525
帖子
159
精华
0
在线时间
84 小时
注册时间
2014-4-26

我会用橙光

发表于 2014-8-10 10:13:17 |显示全部楼层
好详细!黑板UI很漂亮~

点评

陌上幻月  谢谢~  发表于 2014-8-10 11:30
Welcome to my life become eternal.
                            欢迎来到我的生命成为永恒

2

主题

8

好友

6

积分

二年级

Rank: 3Rank: 3Rank: 3

贡献度
0
彩虹碎片
0
经验
5884
帖子
44
精华
0
在线时间
65 小时
注册时间
2014-5-27
发表于 2014-8-10 13:09:05 |显示全部楼层
我不会告诉LZ  为了方便我也换了跟LZ一样的主题

点评

陌上幻月  ⊙▽⊙  发表于 2014-8-10 13:38

7

主题

24

好友

47

积分

管理员

月岂昔时月
春非昔日春
此身独未变
仍是昔时身

Rank: 64Rank: 64Rank: 64Rank: 64

贡献度
3
彩虹碎片
23
经验
43731
帖子
1190
精华
0
在线时间
1504 小时
注册时间
2014-2-11

签约作者 热心人

发表于 2014-8-10 13:18:08 |显示全部楼层
在开始设置最大值是说在游戏最开始的时候将“好感度最大值”=10插在背景里?

点评

ppp7774444  谢谢解答 因为我都是用界面初始化事件设置最大值的  发表于 2014-8-10 13:43
陌上幻月  就是要在游戏开始是进行设置最大值的数值操作。你说的插到背景里如果指的是数值操作就是了。  发表于 2014-8-10 13:38

1

主题

1

好友

1

积分

一年级

Rank: 2Rank: 2

贡献度
0
彩虹碎片
0
经验
924
帖子
22
精华
0
在线时间
15 小时
注册时间
2014-8-4
发表于 2014-8-10 16:41:25 |显示全部楼层
为什么只是数值边,数值条无论是不是0都不变····

点评

陌上幻月  看一下你的底图和滚动图有没有放反了?  发表于 2014-8-10 16:46

1

主题

1

好友

1

积分

一年级

Rank: 2Rank: 2

贡献度
0
彩虹碎片
0
经验
924
帖子
22
精华
0
在线时间
15 小时
注册时间
2014-8-4
发表于 2014-8-10 16:56:04 |显示全部楼层
你不是前几天帮我做的那个图么。。底图是空的。。对吧。。
还有为什么我数值设置完,好感度界面没有变化。。为什么

点评

慕容小乔1  我能说我也是这样吗?我也怀疑过是不是放反了,两个换着试了好几遍,都没变化啊,急死我了  发表于 2015-8-20 17:04
已有 1 人评分经验 收起 理由
轩辕叶 -20 连贴

总评分: 经验 -20   查看全部评分

10

主题

60

好友

64

积分

五年级

草鹿やちる
金平糖

Rank: 6Rank: 6Rank: 6

贡献度
6
彩虹碎片
442
经验
57994
帖子
3515
精华
4
在线时间
1191 小时
注册时间
2013-7-29

指引者 我会用橙光 热心人

发表于 2014-8-10 17:08:26 |显示全部楼层
长颈鹿爱吃鱼 发表于 2014-8-10 16:56
你不是前几天帮我做的那个图么。。底图是空的。。对吧。。
还有为什么我数值设置完,好感度界面没有变化。 ...

是我没错,所以我才问你有没有放反,如果放反了滚动图会被底图覆盖,根本看不见变化。
好感度没变化检查一下好感度界面上添加的数值是不是你增加的那个,还有数值操作时用的是加法而不是直接等于
已有 1 人评分经验 收起 理由
懶羊羊 + 12 成为明星成员福利~

总评分: 经验 + 12   查看全部评分

【UI大赛现代组】黑板  现代校园风UI
【UI大赛古风组】相思劫  传统中国风UI
【UI大赛现代组】少女恋爱记  粉系少女风UI
————————————————
【悬赏教程】属性/好感度基础界面制作和使用(新手向多图)  新手向教程
您需要登录后才可以回帖 登录 | 注册

安全联盟
回顶部