【图片】【教程】[落叶燃香]橙光UI制作初级教程【橙光原创游戏吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：65,688贴子：
【教程】[落叶燃香]橙光UI制作初级教程
燃香和新UI的logo镇楼图片来自：
现码，速度慢是肯定的。插楼什么的……嘛，最好不要。首先我们来看这一组UI截图，这是今天刚刚做完的《小夜曲》
在橙光制作的中，除去特殊需求的高级，普通游戏没必要用的CG和界面，剩下的是我们本次教程的主讲。那么剩下的界面我们将其称为：标题界面、主菜单界面、主界面（显示剧情对话和选择）、剧情回放界面、存档界面和设置界面，也就是说一共应该有六个，那么分析一下我们要做的东西：背景图，至少需要做主菜单、剧情回放、存档和设置的。按钮，以本次的《小夜曲》为例，标题界面4个，主界面2个（选择框和菜单按钮），主菜单界面4个，通用1个（关闭按钮），存档界面1个，设置界面3个，一共用了15个，外带一组音量滚动条。我们要有意识地把这些分为几组，以提高制作速度。
在这里绝对要推荐的一个教程：作者是alpacanist大人。 没错，我们的第一步是确认自己的主题和风格，进一步来说就是确定颜色和基本构成元素。很多新手会犯的一个错误就是拿到一个素材包整个人都鸡血了，恨不得变着花样把所有的素材都堆进一个UI，这么做其实是完全没有必要的。单个按钮或元素的精美程度，远远不及整体的契合度重要。所以我们可以先列出几个笔刷图形或素材图片作为点缀用，然后在制作第一个界面的时候有意识的留下这个界面所用的配色，作为之后的参考。除非你本来就是个画手或者拥有丰厚的资源，不然你不太容易直接找到合心合意又看上去就是一个系列的素材，这个时候就需要——改。我先列一下我在《小夜曲》中用的素材图：（标题素材在另一台电脑上实在找不到了……）
你看，这些图片本身几乎没有什么相似点，颜色也非常多，风格也不太一样。更加复杂的方式我也不会，我一般都是简单三步-增加一个颜色图层-增加一个柔光图层-模糊图层边缘。当然根据图片本身的特性会再进行一些修饰……总之看上去差不多就行，分别保存背景图后，把它们导入到PS中，当然记得放在不同的图层里，然后我们统一来添加小标题和其他装饰。因为《小夜曲》整体的效果比较暗，可能看不出来这些界面背景图的边缘其实是一样的（界面的背景应用了蒙版，在整个窗口中形成一个圆角矩形，而底层是主菜单背景），我引用自己另一个UI《花与梦》的截图：可以看出来，这几个界面除了按钮和小标题不太相同，背景都是完全一样的。虽然色调没有处理的太好……受原图限制了一些。
围观UI狂....UI会放出么 0 0
之前为什么要把图片导入PS放在不同图层里呢？因为这样在最上方的新图层中输入小标题文字，然后只要勾选显示/隐藏图层，然后修改文字，就可以快速地加工完所有的界面图了。加工文字的时候，尽量不要去按栅格化。按钮的点击效果与平时效果的改变基本就是靠透明度或者图层样式来改变，或者也可以加小素材。比如这两个，就是通过外发光实现的。需要注意的是，因为png格式图有透明的部分，而鼠标在透明位置上是没有效果的，所以如果你选用的字体比较“细”，就要做一些加工，比如伪“透明”的外发光（不透明度1%，不影响效果）。
同一界面按钮尽量用一个模式来做，如果需要增加界面最好保留PSD（因为我自己平时没有保留的习惯所以这么说）。至于布局排版之类的，以前写过一个帖子，但是后来觉得这玩意儿真是因素材而已，这里就不说了。（去吃了个饭回来灵感全无……）按钮制作完之后，尽量将其保存为能看懂的格式，也可以直接覆盖默认按钮。我的保存方法通常是这样的：然后统一设置到图片选项，开始排版。排版过程中要有些耐心，做完之后测试一下，看看每个界面点击的时候鼠标移动得范围大不大。如果太大可不好，满屏幕乱飞对玩家来说是很累的。还有就是看看字显示的清不清晰，有没有被花纹扰乱。每个按钮点击是否正常，有没有设置错误或者无反应。其实测试这个步骤是最累的，前期可以在PS里统一完成，测试却需要反复来做，还有可能随时抽风，所以记得多保存哦。另外坐标最好用输入而不是拖动，这样可以让你的按钮看上去更整齐。基本上也就这么多了吧……窝才不要说我去吃了个饭回来就灵感都下肚了。导出之后就可以应用到其他游戏或者在论坛共享啦！那么，我们下期再见！【还有下期？！
还有下期？
maya好帅气！
楼主发的图片中有一个是我家的窗帘哦(*^__^*) ……
给理论教程点赞
这蓝色太美
我想问下内嵌的头像是怎么弄得刚好合适？调了半天要不就是特别小，要不就是被挡住了。。。
论坛地址能发一下吗？
【请问~&有哪位前辈知道如何将UI导入进“橙光游戏制作工具”&の(⊙_⊙)？】小辈初来乍到，如果给前辈们添了麻烦，那还请诸位前辈多多担待~（求回复~）
哪位前辈可以指导一下我这个新手？UI过程还是看不懂呢~
大触抱大腿
前方高能······触求眼熟！！
楼主大大，可不可以叫我做UI
求大触指导我做UI，古风的QAQ。这里放上QQ：.记得加备注：做UI
连看都看不懂，完全不知道楼主在说些什么，没有用
楼主在说什么
楼楼我智商低，还是不会TAT。可以加我QQ教我么QQ：灰常感谢TAT
贴吧热议榜
使用签名档&&
保存至快速回贴《好看》依托百度技术，精准推荐优质短视频内容，懂你所好，量身打造最适合你的短视频客户端！BOSS直聘-互联网招聘神器！
您暂时无法继续访问～
由于您当前网络访问页面过于频繁，可能存在安全风险，我们暂时阻止了您的本次访问，24小时将自动解除限制。您所在的位置：
橙光文字游戏制作工具 截图
天极大视野
京公网安备84号同步各端记录
下载PC客户端，上传视频更轻松！
药品服务许可证(京)-经营-
请使用者仔细阅读优酷、、
Copyright(C)2017 优酷 youku.com 版权所有
不良信息举报电话:
橙光游戏如何制作自制属性界面【解说】
橙光游戏如何制作自制属性界面【解说】—在线播放—《橙光游戏如何制作自制属性界面【解说】》—生活—优酷网，视频高清在线观看
微信/手机 扫码分享
点击一下 网页分享
<input id="link4" type="text" class="fn-share-input" value="" data-spm-anchor-id="0.0.0.i1" />
复制通用代码
<input type="text" class="fn-share-input" id="link3" value="" />
复制Html代码
复制Flash代码
将启用PC客户端下载视频
橙光游戏如何制作自制属性界面【解说】
用优酷移动APP扫码
或用微信扫码观看
二维码2小时有效
没有客户端？扫码马上安装
IPHONE / 安卓
橙光游戏如何制作自制属性界面【解说】
使用HTML5播放器
使用FLASH播放器}