【教程】橙光全程高级模式入门【第一讲】_橙光游戏吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：131,991贴子：
【教程】橙光全程高级模式入门【第一讲】
第一讲： 第二讲：其实当我写完第二讲后，我发现了一个非常欢脱的问题……就是有些小伙伴肯定不知道这些东西是干嘛的……相信画圈的这些东西小伙伴们都没看懂……其实我一下子教高级模式中的循环模式可能是超前教了，今天我们来学习的是高端洋气的：【全程高级模式做下去的游戏开坑之路】【PS 此教程字数巨多请做好心理准备，并且好多地方需要理解……注意储备2x脑细胞后再来看下面内容……】其实这些东西都可以用简单模式做出来，但为了我们以后的超神编写游戏方便，这个技能必须掌握。【高级模式的进入方法：按下快捷键ctrl+q】第一章 背景图的淡入淡出和直接显示我们知道简单模式只要按几下按下添加新页即可完成一个背景图的淡入淡出……但在高级模式中，所有的效果都要用【事件条】来完成。所以我们先来学习一下背景图的淡入淡出方式。首先，小伙伴们尝试一下……【从素材库中直接抽取一张图在高级模式中塞入界面】就是这样操作：这样放置之后，我们会看到时间编辑栏中会出现这个东西……这样放置的方法叫直接显示图片的方法。如果按照游戏流程从上到下的话，效果就是这样……直接显示图片的效果其实非常差= =所以我们在制作高级模式的时候就不能这样直接拖进去了。下面我们来教背景图的淡入淡出。理解起来有点难，但理解好了就会变得很简单，并且可以做出许多效果。首先，图片的编辑处理我们是用刀片菜单里的【图像】做的。其中，红色方框中的用途是【图片效果前的备份】，红圈中的按钮用来制作图片的效果，黑框中的按钮用来进行【流程优化操作】。黑框中的预加载资源你们可以不用看，这东西现在还用不着。主要看红框和红圈里的东西。如果要制作背景图的淡入淡出效果，首先我们得把【一张背景图以透明的形式直接显示出来】。刚才我们也测试过了，如果用背景图事件条来制作的话，会直接跳出图片。将背景图事件插入事件编辑条。按下背景图窗口后，我来解析一下其中，编号在背景图，前景图，远景图中是用不着的，不用去管。指定图片中，选择一个图片代表这个备份背景图所放出的图片。比如，里面选中默认素材卧室，那么在屏幕底下备份的就是卧室的图片。字符串指定图片：这个太高能，用来做动画用的，现在还不用去管。直接指定图片位置：指定位置，用指定的xy轴来指定【相信小伙伴们都知道xy轴是啥 除非小学小伙伴】通常情况下背景图的xy轴都为x=0 y=0，不用改变。使用数值指定图片位置：目前这东西我还没发现有啥可用的= =这东西要用起来也是蛮麻烦的，现在可以不用管。缩放：将图片拉大或者缩小。如果要做拉大缩小从上空掉下的效果可以用这个做。但现在我们学习的是背景图的淡入淡出，所以这个也可以暂时不管了。不透明度：重要。控制图片透明还是不透明。不透明度越小，该图片透明的程度越大。不透明度越大，该图片透明程度越小。可能有点搞，如果实在理解不会，告诉你几个数值，你可以死填进去：255：完全不透明125：半透明0：透明镜像：镜像大家都用过吧 如果一个人物头朝左 用了镜像他头就朝右了。了解了这些，备份的意义大家就都懂了。将这里的不透明度填为0，即为这个备份背景图完全透明。现在小伙伴们答答这道题：上面图片中有没有图片？答案是有。完全透明的图片是看不到的，而黑底是橙光的无物品底图，所以界面是黑的。如果我把这个背景图的不透明度调为125，即为半透明状态：所以备份的意思只是在后台备份一下，为的是后面编写效果的时候可以拿出备份在后面的图片来做。备份的图片通常是将背景图完全透明的。然后搞完了这些，我们来看一下后面的制作。在刀片菜单——图像中找到移动图片，在备份好的背景图下写入移动图片的状态。移动图片菜单我来解析一下：请选择要操作的图片：操作之前备份的图片。【如果之前没有备份图片，这里就是空的，不能进行任何操作。】所以备份的目的就在这里……直接指定：直接指定背景的位置。这个时候因为是移动图片的效果编辑栏，所以可以随意指定xy轴。如果你要粗略控制效果后图片的位置，就可以看下面的居左居中居右，他可以粗略调节图片效果后的位置。但现在我们学习的是图片的淡入淡出，所以不用看这个。使用数值指定：这坑爹，操作起来有点烦，不用管。ID：同样不用管。时间：完成这条事件条中效果所需要的时间。20帧=1秒。比如你完成这个淡入淡出的效果要用两秒，那么时间中填入40，两秒钟后图片完成淡入淡出。缩放：图片拉大或者缩小。如果要做拉大缩小从上空掉下的效果可以用这个做。但现在我们学习的是背景图的淡入淡出，所以这个也可以暂时不管了。不透明度：控制图片透明还是不透明。不透明度越小，该图片透明的程度越大。不透明度越大，该图片透明程度越小。可能有点搞，如果实在理解不会，告诉你几个数值，你可以死填进去：255：完全不透明125：半透明0：透明镜像：镜像大家都用过吧 如果一个人物头朝左 用了镜像他头就朝右了。搞懂了这些，我们就可以来制作背景图的淡入淡出了。如果我如下设置：那么 背景图事件条为备份，透明度设置为0，移动图片为效果处理，在两秒内将刚才备份的卧室背景图在两秒钟内变成透明度255，从而达到背景图淡入淡出的效果。但是，游戏流程是不等移动图片效果完成才往下走的。在效果进行的时候，流程还是在往下走。如果不加以延迟，会出现如下情况：为什么会出现如此情况呢？我们吧流程来写一下。流程：背景图备份操作【迅速将背景图完全透明】→效果中【两秒】→完成因为流程是不等效果完成的，所以效果两秒钟才会完成，而流程1秒钟就往下走了，而下面没东西了，所以就说游戏已经运行完毕了。也就是说在效果运转的过程中，流程就已经达到红圈所示位置了，所以才会提前结束游戏。为了避免这个问题，我们要让流程延迟两秒。延迟的制作：刀片菜单——效果——等待。点出等待后，会看到如下画面：换算关系还是一样的，20帧=1秒。而我们上面的效果要持续两秒，所以我们要让流程走慢一点。流程遇到效果会直接跳过，但在后面我设定了一个等待40帧（也就是等待两秒），流程就会在这里歇息，当两秒后才会继续向下走。而两秒后，效果已经运行完毕。所以这样做了之后，BUG就解除了。最后的背景图淡入淡出效果：【动画录制得可能有延迟，见谅】好了我写不动了，明天新开一贴写第二讲。如果你都看懂了，最后的背景图淡入淡出效果你就可以做出来了。而且还可以随意控制淡入淡出的时间。比如你可以控制5秒才淡入进游戏界面。如果有用，别忘评价。
很多玩家刚接触CSGO的...
ps其实是个懒人工具，只...
\(&▔□▔)/ 楼主更新的比...
嘛…比如封面教程，字素...
内容包括：视频教程总共...
学会了你离“高手”（划掉...
什么叫基本形状，具体的...
注明： 1.此贴静磺Ｉ妫...
找一些爱学习的同学一...
看了一下吧里，貌似没人...
rpg网络游戏_乐都网页游戏年度力作!万众期待_热血三国3_新国战网页游戏火爆开测!新国战网页游戏极速新服登陆,赠送专属神将!助你建国!畅玩乐都网页游戏_&热血三国3&!
3333顶起~~~_(:з」∠)_
✎﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍No one even lives lost nor will I lose这里是萌贱有爱的温婉女神君卿虞。请叫我JESSY/JESSCIA/卿虞。[万年小学生]江户川柯南[扑克脸傲娇X]怪盗基德[黑炭]服部平次。[高中生侦探]工藤新一[怕鱼的萌萌小斗子]黑羽快斗。[ANGEL]毛利兰[缺少兰酱尖尖]中森青子。[醋坛子]远山和叶[腹黑女王]灰原哀。[猥琐大叔]毛利小五郎[无敌女王]妃英理。[欧巴桑]工藤有希子[父子一条心]工藤优作。[极度花痴]铃木园子[魔女不流眼泪]小泉红子。[左撇子]琴酒[酱油帝]伏特加。[啊啊啊]赤井秀一[金发碧眼]朱蒂·斯泰林[。抵不住魔女诱惑]白马探大爱二次元萌柯萌斗子◕‿◕
嗷嗷好高端……
胖鱼....你的教程都好高端大气！！不过你要艾特我哦，下一次记得~
难道要@人？
@不听__Sorry@北港不夏yz
@可曾予君一杯酒 @雨中女孩不哭泣 @窗边的罗兰
看懂了....胖鱼好辛苦，教程很有用！赞个(◕ω＜)☆ 那个，胖鱼下次发教程能艾特我么？ 罒ω罒
卧槽我一直以为60帧一秒 是有多二……
才看到是大胖鱼的帖子…哈哈哈为什么简单的东西写得这么复杂
恭喜胖鱼又高端大气上档次低调奢华有内涵地出了教程~【明明就是水经验！快给我出动画！】
橙光游戏中心,橙光网页游戏,火爆人气的网页游戏平台,拥有当前热门网页游戏,网页游戏排行榜前十,众多的网页游戏大全资讯!
教程贴顶起
胖鱼球艾特
╮(╯▽╰)╭我就是来说我看得懂你一楼的图片
橙光是不是有病毒
留起来慢慢看。。。
我凑个热闹
太棒技术贴make --------轮回忘心伤，转世相思藏。浮生虚无渡，忆梦情犹殇。 流年已成空，往事也随风。何时江南雨，可有故人歌？&小雨专属小尾巴，不可盗&
等电脑看，手机从来看不懂
一直看不懂高级模式旁边那一栏兰的东西啊
再次顶旧贴 请不要再顶了！————————请认真地做完以下步骤：①盯着我的ID看3秒钟②接下来，盯着我的头像看3秒③把它们都用心记住④闭上眼睛，试着在脑海里回忆一遍，看看是否记住了⑤没记住的话再重复以上步骤，直至记住⑥终于记住了？不会再忘记了？那好，你可以走了，其实我的目的是来混脸熟的
会了，雅雅来顶个
学会了，感谢楼主的悉心教导
w;不知道为甚发不了大帖子于是吧主sama可以问你一个问题么qwq请无视一下旁边的边框[因为最近电脑略卡这样……]往旁边看是不是有一个什么节操溢得满地都是这句话quuuuuuq然后不知道怎么弄掉这个框框并且两边都有!!!!拜托一下吧主了quuuq
好，顶！真是不错的教程，真是拯救无数新手于水火之中啊，期待下一部！
球教程球更新球爱特
贴吧热议榜
使用签名档&&
保存至快速回贴【教程】从菜鸟变成制作人——橙光新手教程第一卷_橙光游戏吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：131,991贴子：
【教程】从菜鸟变成制作人——橙光新手教程第一卷
因为看到现在橙光里新手问题泛滥无限啊= =想啥直接提出来要教做游戏然后连下载工具都没下载好的我看了真是无法……无法直视……所以就写了这么个破教程。【据说【看完看懂】全教程就会制作像“红色代码第一部”这种程度的游戏了=V=不信就试试。】第一章 初入橙光下载其实非常简单。不知道下载地址的熊孩子们戳这里→注意一点：【请下载到你找得到的地方 如果自己非常白痴鄙人建议下载到文档这一栏= =不要放到C盘后到时候啥都找不到了问我做的游戏到底那里去了实在是太欢脱了= =】下载好后打开橙光会进入如下界面：其中，新建为新建一个游戏。【不要开过多的坑 否则又占内存又烦= =】打开是打开自己之前做的游戏。打开的教学以后讲，刚开始的小伙伴基本上是没有新建游戏的，那么现在我们就来新建一个游戏：这里的几个栏我讲一下：游戏名：【发布的】游戏名。也就是说，你发布游戏后，在网页上或者在游戏栏上显示的名称为游戏名。比如，我的游戏名为【我的游戏1】，那么发布到网上后，为这样：红圈中的字符=你的游戏名。但你们有没有发现，游戏中其实是没有【我的游戏】这样的标题字符的。游戏名的设定只是一个游戏的大标题，游戏中的标题还需要我们自己来制作。游戏分辨率：游戏尺寸。如果分辨率为960x540，那么游戏长为960，宽为540。【建议选择960x540的分辨率，分辨率会影响到所用素材的尺寸。】比如我的游戏分辨率为960x540，那么我所用的背景素材尺寸必须为960x540，否则会填不满整个游戏。并且橙光官方素材中只兼容特定的分辨率。比如一个UI的分辨率兼容为960x540，那么你的游戏分辨率如果是的分辨率，【就不能下载这个UI】。现在的素材基本上都兼容960x540分辨率，我们做文字游戏通常用这个就好了= =不要以为换了分辨率就高端霸气了，其实你这是在找麻烦。·注意：分辨率在创建好游戏后将【不可更改】。工程路径：将确定你的游戏工程放置位置。【请将放在你熟悉并找得到的地方，比如你习惯在C盘找游戏，那么你的工程就放在C盘。千万不可放在自己找不到的地方，否则会很欢乐】导入默认素材：导入默认素材的立绘和背景。【默认立绘全是女的且没几个= = 不导入也没有问题】界面风格：也就是UI皮肤。UI皮肤会导致你的对话框，选项框，游戏按钮等都发生变化。所以请选择适合你的UI皮肤。当然UI皮肤选择完成后还是可以更改的。这个我们以后再讲。旁边的预览可以查看皮肤效果填完后就可以按确定，创建一个游戏了。·注意：游戏名可以在后期更改，但游戏分辨率在后期不可更改。也就是说，游戏名可以在创建好游戏后进行更改，而分辨率创建好游戏后将永远不可更改。我的工程路径填了【桌面】，所以我的桌面上出现了这个东西= =【范例工程】就是我们游戏的文件夹了。创建好游戏后我们会看到如下界面：【这就是橙光的游戏编辑界面了。】第二章 初始界面的设定橙光的界面可以随意拖拉。按住一个边框就可以对其进行拖拉，来调整视角。这个玩法的用途就是，当你事件写多了后，可以增加编辑栏的视野。第三章 制作工具板块的介绍制作工具被分为几大板块，我们来一一介绍。【字体有点小= =见谅】工具栏：无多大用途，帮助中有个帮助文档也没啥用途= =看这里的教程吧游戏设置栏：① 新建：新建一个游戏。如何新建请看第一章教学。② 打开：打开一个橙光工程。具体如何打开……按下打开按钮后，找到自己的工程文件夹【找不到的自己面壁去= = 前面提醒过了要放在找得到的地方】红圈中的内容为橙光工程文件，按下后将打开【指定游戏】。比如我的游戏名为【范例工程】，那么在【范例工程】游戏文件夹中的橙光工程文件打开后才显示为【范例工程】游戏中的编辑内容。③ 保存：保存工程。例子：前面制作了两条对话，保存后又制作了两条对话，保存后下一次打开编辑器才会显示四条对话的制作状态。那么，如果前面制作了两条对话保存后，后面制作的东西没保存就关了，那么这两条对话就会消失= =应该很好理解。当然关闭之前他会提醒你。按是的话，他会帮你保存好后再关闭。按否……不解释了。按取消的话会退回制作界面，不关闭制作工具。④ 查找：没多大用途⑤ 替换：同上⑥ 适应：没多大用途，当然你可以按一下玩玩看= =只是将视图栏变了一下而已。⑦ 游戏设置：设置游戏的属性。【后面会仔细讲】⑧ 文本导入：无多大用途。如果你想偷懒也可以去用用看= =效果很差。⑨ 素材库：橙光自备素材库。点进去后：红圈中为类别选择栏。你选背景图 出来的素材就都是背景图。点立绘就出来的都是立绘。后面同样……方框中为小类别选择栏。你选了背景图，想要限期免费的图，你就点【限期免费背景】即可。下载方式：右边有中等图浏览，按一下你想要的图，如果【已经购买】……红圈中就会开启下载按钮。当然没有购买就不会开启= = 这东西还是很坑爹的。如图。彩虹币啥的要充值= = 免费背景一大堆网上搜去吧，咱们不在乎这些。下载好的素材会放进游戏素材包中。到时候会讲素材包的内容。⑩ 游戏测试 测试【整个游戏】。后面会讲。⑩① 游戏发布：发布游戏。可以发布到PC端【游戏变成一个可下载的网址，在网址内可以下载自己游戏的压缩包。】或者发布到WEB端【游戏发布到橙光游戏未审核网页，发布到网上会有一大堆的BUG= =至少我已经碰到不少了】当然游戏做得太差或者没做多少千万别发，得不到啥人气的= =⑩② 登录：说到登录，我吧创建账号的方法也讲一下= =按注册账号注册。【全部都得填。】填完之后【记住密码啥的，否则忘了做的游戏就白费了= = 】然后按提交 注册账号完毕后登录即可。⑩③ 云网盘：你做的东西如果要发布 就会运用到云网盘 云网盘会记录你到底用了多少素材素材含量等= =发布打包的时候会用到。视图栏：用来查看游戏界面的。比如我做了一个背景和一个对话，视图栏就会显示出这段剧情条在游戏中显示的内容：【视图栏的大小随着编辑栏的大小改变而改变。例如：】【修改编辑栏大小的方法请看第二章】编辑栏：制作中最重要的一个版块。所有游戏逻辑的制作都在这里。素材操作栏：选定【本游戏中】的素材类型和导入素材。比如你要用背景素材，那么你就该选中【背景】这个类型。立绘等同样。素材栏：显示所选定的素材类型。【素材栏的大小由剧情操作栏的大小决定。改变剧情操作栏大小的方式请看第二章。】上面两个解释没看懂没事= = 举个栗子。比如，我需要立绘素材，那么我应该选中【立绘】这个类型。当我选中【立绘】这个类型时，素材栏中将显示【立绘】类型素材。如图：·注意：素材栏中显示的是你【这个游戏中拥有的素材】。要更多素材还得去其他地方下载到素材栏中。至于下载的方法，后面会讲。并且没有账号素材通用这一说。比如账号A创建了两个游戏1和2 在1中有两张立绘 在2中没有立绘素材，那么1中的立绘素材不会在2游戏中的素材栏中出现。刀片菜单：和编辑栏配套使用，选择动作放进编辑栏。剧情操作栏：很有用。游戏做多了必须进行剧情的类别分放，如果所有游戏都放在一个剧情里那也太乱了。对剧情进行分类的地方。后面会讲。账号操作栏：没多大用途。按下自己的用户名名称就会跳出如下画面：注销的用途：注销账号，也就是所谓的登出。重新登录：重新登录一下账号。貌似没啥用=
=到此为止，编辑器的界面我们已经了解了。后面的内容会慢慢高能起来 = =第四章 素材的初始运用① 素材的导入前面说过了，素材不是直接给你的 =
=除了默认素材你可以在创建游戏的时候得到，其他素材不是直接就获得的。而我们前面也说过，本游戏中的素材。什么意思？就是你这个游戏文件夹中拥有的素材。那么要拥有更多的素材，就得将收集到的素材导入进游戏文件夹中，让这些素材在素材栏中显示。获得素材有很多种方法……第一种，下载橙光素材库中的素材。橙光素材库中，好看的背景图是全收费的= =虽然现在有限时免费的素材，但是还是限时免费= = 限时啊限时……一周后就会换别的素材了……当然橙光素材库中还是有很多免费素材的。比如免费的立绘。这些立绘够你用上一阵子了。当然这些立绘一大堆新手都用= =不过没关系 通过技术调教后游戏也能高端霸气起来。看到红圈中出现【免费素材】，就可以直接点选素材下载了。【下载好的素材会放进游戏文件夹中对应的素材包中。】这也算是素材的导入了……导入好的素材就会在素材栏中出现。比如我下载了一个立绘素材，这东西属于立绘类别，那么我在立绘类别素材栏中就能找到……这下下载的素材就能使用了。素材使用：所选立绘的头发颜色，眼睛颜色，衣服颜色最好在一个游戏中统一起来。不要下载不需要的素材避免内存爆表。所选背景图最好不要混起来，比如欧式风格的背景图一用，后面就不要插入现代背景图了。这样可以降低违和感。获得素材方法第二种，进入66RPG资源库。资源库网址：获得素材方法第三种：查看论坛素材分享区获得素材方法第四种 求度娘去--------------------第一卷写完 请期待第二卷------------------------------
嘛…比如封面教程，字素...
注明： 1.此贴静磺Ｉ妫...
一楼小可爱。二楼放消息。
一楼祭度娘
学会了你离“高手”（划掉...
教程比较详细，新手适用...
唔.....MT挑射来的 【首...
rpg网络游戏_乐都网页游戏年度力作!万众期待_热血三国3_新国战网页游戏火爆开测!新国战网页游戏极速新服登陆,赠送专属神将!助你建国!畅玩乐都网页游戏_&热血三国3&!
✎﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍No one even lives lost nor will I lose这里是萌贱有爱的温婉女神君卿虞。请叫我JESSY/JESSCIA/卿虞。[万年小学生][扑克脸傲娇X]大爱二次元萌柯萌斗子◕‿◕
正坐4楼 罒ω罒
加油！期待第二卷！
点赞QWQ渣渣努力学习中
赞[THUMBS UP SIGN]
楼主也是拍啊
橙光游戏中心,橙光网页游戏,火爆人气的网页游戏平台,拥有当前热门网页游戏,网页游戏排行榜前十,众多的网页游戏大全资讯!
持续关注楼主
假如我说那下载不了..........
文字选项弄多个选项后怎么跳转剧情
给了，已经加精。并且我去帮你申请上首页
作死，突然发现没有关注过你
楼楼 提问！ 怎么打包安卓！在安卓客户端搜到！
感谢楼主的网址
楼主写的教程很详细哦 我是昨天才看到的帖子 让我懂了很多哦 不过看到楼主说以后都不更新了 觉得有些可惜了 我只能看这些帖子先学习一下了 哎 还是很期待楼主其他的帖子的 加油哦`(*∩_∩*)′
在资源库下载的立绘都有黑底怎么办，而且如果加到游戏中会显得特别大怎么办
会有这样的效果怎么处理
…………看不懂
怎么换UI皮肤呀？
怎么打开自己的图片啊，在自己文件夹里的角色
那个，怎么把照片占满整个屏幕？
可以弱弱的问一下分辨率是?~
贴吧热议榜
使用签名档&&
保存至快速回贴【新手教程】如何使用美图秀秀制作UI？（大神勿入）_橙光游戏吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：131,992贴子：
【新手教程】如何使用美图秀秀制作UI？（大神勿入）
包受万年镇楼
承包受商先生大力支持上述说明 欢迎来茶楼泡茶聊天哈拉围观吐槽告白。以下是渣排字。
#如何用美图秀秀制作封...
萌萌哒的楼主教你用美图...
大概就这么个样子吧！ ...
效果图......我是渣渣
大神们是一定知道的啦，...
大多数的作者搜心挖胆，...
本着为实现共（shui）产...
id表镇 　　　-- 欢迎加...
模特是我最喜欢演员的蓉姐
(┬＿┬)其实这个帖子刚才...
凤姐P 图大赛现在开始，...
rpg网络游戏_乐都网页游戏年度力作!万众期待_热血三国3_新国战网页游戏火爆开测!新国战网页游戏极速新服登陆,赠送专属神将!助你建国!畅玩乐都网页游戏_&热血三国3&!
这里竹子君~废话不多说，下面开始渣教程！（这一楼毫无意义啊~）P/S: 我想说抢楼活动没抢到8GU盘实在是....太悲剧了！！PP/S: 可否让我慢慢码字ww
小引什么是UI？打开文件夹，你会看见各种文件夹。虽然和UI没什么关系，但是竹子君会由上到下解释，不看的人可以跳过粗字这一段。Audio，是音乐的文件夹，其中包括BGM（背景音乐）、BGS（循环音效）、SE（音效）、Voice（语音）。Data，是系统资料的文件夹，大致上不会动到。以RM的原理来说，Data这一文件夹可以存放各种打通路线的存档。当然，若是用橙娘的PC版打包的话是不会出现这些文件夹，所以这种方式可以用于共同制作的测试的时候。（P/S:竹子君没有合作对象所以没有试过，只是以RM原理来说是可行的）Font，是字体的文件夹，大致上不会动到，橙娘会自动存放。游戏中使用什么字体就会出现字体的文件，以及字体的图样范例。Graphics，是图片的文件夹，其中包括Background（背景）、Button（按钮）、Face（头像）、Half（立绘）、Mood（心情）、Other（其他）、System（系统）、Transitions（过渡）、UI（皮肤）。Mood网页版暂时不支持，不过若作者君真要放，可以用立绘方式放上去。Other通常不会用到，不过用字符串制作动画的话这个文件夹就很重要了。Transitions还未开发，但是过渡效果可以用高级模式达成。Library，难以解释的文件夹。同Data差不多，放着的是竹子君从未去研究过的dll格式。UploadFile，打包上传时存资源的文件夹。通常不会动到，不过竹子君才不会说很多问题都是这个文件夹引起的。avgEditor.avgmakerO，程序，只可用橙娘打开。OrangeSim.exe，公测，目前无法直接在文件夹中打开。Scene.bmp，经过竹子君的研究，是游戏中的某一张场景（并非存档画面），竹子君也不知道为什么会出现……这次的UI教程会动到两个文件夹：Button以及UI。（P/S: System是橙娘自动更改的）
教程开始啦！ 1.
必须要有，没有的请去下载（请自己网址），或者直接点右上角叉叉。当然如果你是抱着吐槽围观的心态的话……欢迎。2.
根据自己的风格，寻找UI素材；找多没关系，找越多越好，制作的时候选择越多。一定要有对于UI的风格概念，要不然做出来的UI风格不统一会显得很古怪。3.
打开，根据自己的游戏分辨率新建一个画布。默认分辨率为960×540，不过君使用的是习惯的800×600。请确定自己的画布是透明的。4.
现在来做存档界面。右键点击插入一张图片，插入自己所要的背景图。透明度随意，建议不要调到50%或以下。5.
进入文字，输入静态文字，把想打的字打在文本框。君使用的是时尚中黑简体，字体请自行下载，想要弄出描边或者阴影等效果请点高级设置。想要弄出更漂亮的标题请参考承包受商先生的排字教程。P/S: 读档界面和存档界面是共用的，请注意这一点。6.
保存为PNG格式，就算是不透明的也建议保存成PNG格式。请跟着君念一遍：PNG在手，橙娘我就有。 最多六个步骤，一个界面底图就这样完成了。鼓掌鼓掌。P/S: 想自行添加元素的可以点击插入一张图片，或者使用提供的素材。
做出了读档存档界面后，基本上【CG鉴赏】【鉴赏】也只是替换标题就行了。这样子有什么好处？一，UI整齐统一；二，素材不会过多显得累赘；三，更改方便。最重要的是可以偷懒！当然，如果有作者君非常用心的话也是可以的。样本：然后是最麻烦的设置界面，下面正式开始麻烦的教程。1.
更改标题后，输入显示、文字、音量（音乐、音效、语音）等文字。建议不要使用一个文本框打完所有的文字，一个句子一个文本框。大小颜色样式等跟着自己的喜好更改，下面是君的简单范例。2.
保存为PNG格式，教程完毕。 麻烦的教程就这么结束了，太好了！鼓掌鼓掌。先不来中场休息，继续菜单界面。1.
新建一个透明画布，大小跟着自己的分辨率走。当然，大小可以自己调，不一定要满屏菜单。君习惯调的是800×400（800×600的游戏分辨率）。2.
右键插入一张素材。3.
进入文字，选择静态文字，输入菜单的标题。君很懒，直接用之前的素材、字体。2.
保存为PNG格式，菜单界面完成！ 【回放剧情】界面可以用菜单界面作为基础，或者CG鉴赏界面作为基础。
君不会在教程中提到快速按钮（快速读档、快速存档等）、Nil以及返回标题界面按钮，请自行研究。1.
新建一个透明画布，大小建议是200×50。2.
插入素材，打上文字。现在做的是【开始界面按钮】以及【菜单界面按钮】，所以有【开始】【继续游戏】【CG鉴赏】【鉴赏】【环境设置】【退出游戏】以及【读取游戏】【保存游戏】【环境设置】【快速播放】【返回游戏】。P/S:对于不符的素材可先进行处理再导入。3.
保存按钮。4.
做好了第一个按钮之后，不要急着去做第二个按钮。按钮需要有点击之前与点击之后，刚才完成了其中一个，现在就做另外一个。君现在做的是点击后的按钮。P/S: 请注意，两个按钮大小要一样并且在同一位置上，要不然会出现按钮跑位的情况。5.
再另存按钮。6.
跟着以上步骤，做其他开始界面和菜单界面的按钮。最后点击效果图如下：
动图GIF：点击前：点击后：
橙光游戏中心,橙光网页游戏,火爆人气的网页游戏平台,拥有当前热门网页游戏,网页游戏排行榜前十,众多的网页游戏大全资讯!
设置界面的按钮有【全屏】【窗口】【开】【关】，还有音量条。前者都是按钮类，请参照按钮制作的教程。现在开始音量条的制作。 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.
插入素材，或者使用的边框，或者自己用涂鸦笔画出来。君全部都用的素材以及调色。3.
保存为PNG格式。4.
依着按钮原理，做点击前或点击后的样式。5.
另存为PNG格式。6.
选择框与BGM选择框则是同理，只不过大小不一样。再偷懒一点的话，其实可以用做好的样式调尺寸……如下图。#我的偷懒技能那么好真是太对不起世界了
orz平时都用ps表示不大会用美图秀秀- -
做好UI后，怎么把自己的UI导入游戏里？ 1.
打开自己存放UI的文件夹，再打开自己的游戏文件夹，进入Graphics中的Button以及UI。（建议打开三个视窗，方便操作）2.
开始把各个图片导入进相应的文件夹。很有信心确定自己所有的UI都做齐后，把原本在文件夹里的默认UI图片删除掉，节省资源。3.
再打开橙娘，按下键盘上的F9（游戏设置），进入图形选项，会看见所有的按钮预览都是空白的。（如果删掉UI图片的话就是空白，没删掉的话是默认UI）4.
点击【...】，把对应的按钮都拉进来。5.
在其他按钮重复以上步骤就可以完成导入UI的工作了。6.
如果要把自己的UI拿出来分享的话，进入F9点游戏总设，会看见【导出游戏皮肤】。7.
点击后会出现这样子的一个窗口，填写、选择完毕后按确定就行了。
没有美图怎么破T^T
教程结束！！怎么这个教程好像一点意义也没有……嘛，这种小细节就不要太在意了。掌握以上技能后，就算是美工渣，也可以制作属于自己的渣UI！！(神马P/S: 请勿找我要教程中制作的UI.. 我根本没做完ww
(*￣▽￣)y 其实本来昨天想发的，但是昨天大概是网页卡了，没显示自己橙名也没显示粗字橙字什么的ww
楼楼，咱一直都不知道一套完整的UI到底有些啥,你能告诉我么
很有用的教程
哎。。。。。。这让我的教程情何以堪　　　　　　　　我能原谅，你的荒唐，荒唐的是我没有办法遗忘　　　--来自助手版客户端
看不懂有没有做好的 让我下载
哎有人发教程了orz
你这货！！！
贴吧热议榜
使用签名档&&
保存至快速回贴}