橙光UI制作教程 橙光游戏高级UI制作教程
6. 跟着以上步骤,做其他开始界面和菜单界面的按钮。最后点击效果图如下:
设置界面的按钮有【全屏】【窗口】【开】【关】,还有音量条。前者都是按钮类,请参照按钮制作的教程。
现在开始音量条的制作。
1. 根据自己的游戏分辨率,新建透明画布。
作者设置的是400×30。
2. 插入素材,调整大小。
作者又开始偷懒了,下面是最不推荐的样式。
建议音量条要有一定的厚度,不然玩家移动音量条时会很困难。
3. 保存成PNG格式。
4. 制作另一个差异不大的音量条,原理和按钮一样。
5. 再另存成PNG格式。
接下来是姓名框、对话框的教程。
1. 根据自己的游戏分辨率,新建透明画布。
作者设的姓名框是200×50,对话框是800×150。
2. 插入素材,或者使用美图秀秀的边框,或者自己用涂鸦笔画出来。
作者用了自己的素材、涂鸦笔还有调色。
3. 姓名框完成,存为PNG格式。
4. 继续做对话框,根据自己的游戏分辨率,新建透明画布。
5. 插入素材,或者使用美图秀秀的边框,或者自己用涂鸦笔画出来。
作者用了自己的素材,加上PS
6. 对话框完成,存为PNG格式。
剩下的就是游戏选择框,还有各种框。
作者的做UI风格就是:自己认为很棒的游戏UI做得很用心,自己有预感会弃坑的或者是别人的或者是教程的做得很敷衍。因此,作者的偷懒技能大开。
游戏选择框与BGM选择框是相同样式,读档存档选择框与CG选择框是相同样式。
1. 新建一个透明画布,大小也可自定。
作者设置的游戏选择框与BGM选择框大小是500×50,读档存档选择框与CG选择框是200×150。
下一篇: 美少女梦工厂2强化版养成玩法内容介绍