rpg制作大师吧 关注:78,717贴子:428,078

【地图教程】RMXP的ULDS地图教程

只看楼主收藏回复

本帖长期更新,主要讲解如何ULDS地图的绘制方法
需要的工具:
RMXP
PhotoshopCS(我用的CS6)
Picpick


IP属地:陕西1楼2018-08-14 19:22回复

    首先咱打开RMXP,新建一个地图,图组使用默认RTP草原(教程地图为25*20),之后如步骤所示

    然后我们再把草原图块导出来
    在PS中打开草原图块,用32*32的选框选定红色部分

    得到这样一块草皮

    定义为图案

    定义完成后,我们打开之前截取的草原地图


    然后根据需要画上草地的部分,把他涂一下,作为一个大致的草稿

    然后我们再在PS中打开草原图块,截取如图所示的帐篷


    IP属地:陕西2楼2018-08-14 19:25
    回复
      然后我们把帐篷拖到一个合适的位置。在这里需要注意的是,帐篷的门需要放在32*32格子的中央,除非你加进像素移动脚本,否则角色是没办法对其门口的。

      同理帐篷的截取方法,我们在把树给截取进来。然后根据自己的需要调整一番,在这里需要注意优先顺序,否则容易闹笑话,于是我们得到如下所示的一张地图

      如果你还想再加一些细节,就可以在草地层上新建一个图层,改变叠加方式,得到下图(此步骤也可以跳过)

      然后我们还是根据截图帐篷和树的方法,把草原图块中的花花草草也截取进来,根据自己的需要,进行摆放,然后得到下图

      最后我们就可以把属于一层的图层合并了,草皮和草地合并,树木帐篷花草合并。
      然后加入光影



      IP属地:陕西3楼2018-08-14 19:27
      回复

        首先要在RM工程上画出室内的雏形,这里不多赘述了。
        第一步,把RM工程的图完整扣下来,放在PS里(本教程地图为20*15,截图格式标准且正确的大小应该为640*480)

        导出地图图块

        截取你需要的一些小东西

        然后把这些东西摆在需要摆放的位置

        这次的光影我们用选区来做,建立一个选框,右键变换选区,变形,拉到一个差不多的形状

        打上光效,同样我们需要注意一些光效细节,光照不到的地方就不能有光。

        再做出最终修改,得到成品图如下,应为RM是2D游戏,所以我假设红框位置都存在窗户,加上光效。再加上阴影。


        IP属地:陕西4楼2018-08-14 19:30
        回复

          这次我们开始来混搭素材,但混搭的前提是不能乱配。
          这次我们来绘制一个夜晚的海港内部房间。第一步你仍然需要截图,然后拖进PS。

          是不是显得有点单调,别怕,我们把海港内部图组导出来的同时,我们再导出一张其他室内地图

          然后放进地图

          我说过了,我们来绘制一个夜晚的海港内部房间,因此呢,我们要注意下细节

          注意窗户,我们要将这六个格子全部涂黑,最好新建一个图层,随便起个名,用选框框选好之后,填充黑色。得到下图

          由于火光是从壁炉中射出的,我们利用选区,然后变形,根据自己的需要,自己调整。得到下图(不一定跟我一样,我的只是范例)

          注意,因为火光的光强度会根据光源距离减弱的,因此我们这里不用油漆桶工具,改用渐变工具,
          ffffbe是标准光色,可以根据光源是否发出色光来进行调整



          IP属地:陕西6楼2018-08-14 19:32
          回复
            同理吊灯也是这个画法,也要注意光的照射范围。然后打上阴影

            这次的阴影有点麻烦,咱们一步一步来,这里先用我的范例来说
            第一,根据光的照射范围自己建立一个合适的选框。
            第二,这步很重要,选框必须羽化,根据自己的需要,调整需要羽化的像素为多少(我的是13)
            第三,选用黑白渐变,根据减法的法则,从上到下拖下去,得到如图所示效果

            下边这四个红框,是光完全无法直射到的地方,因此特别涂暗,经过自己的调整,得到如下效果

            最终放在游戏中的效果:


            IP属地:陕西7楼2018-08-14 19:33
            收起回复

              这次咱画一张教堂
              首先备齐素材,不多说了吧。需要截图,教堂内部,以及搭配地图天堂内部

              然后咱再添两扇窗户


              右边的窗户你只需要复制刚刚左边的窗户,然后选择水平翻转,即可快速变换,然后得到下图。

              然后打开天堂内部的图块,复制一些你需要的东西,拖进来,根据自己的需要摆放。

              教堂内部的椅子,雕像等各种障碍物都会阻碍光,因此教堂的光影是比较难画了,一步一步来吧。先从最高层的光效层开始着手。
              第一步,选好选框位置

              第二步:对选区进行变形,自己调整。然后一定要注意羽化选区,自己调整羽化像素,知道符合需求为止。
              然后使用渐变工具,ffffbe到透明渐变。从上到下拖过去。得到一束扩散的光。

              第三步,将这一束光水平翻转,得到右边窗户的光效,然后不该有光的地方就不能有光啊切记!对细节进行修改,得到下图(我承认做的不是太细节,有些地方我注意到了,不过想想毕竟是教程)

              然后,倾斜的窗户,我们也将选区倾斜,得到下图。


              IP属地:陕西8楼2018-08-14 19:36
              回复
                根据自己的需要,把选框变形成一个合适的形状,然后羽化,最后重复刚刚的步骤,拉出一条光线

                经过自己的一番处理,得到了下图的效果,同样注意,不能有光的地方就不能有光!

                最终得到的光效图。

                第四步,画阴影。配合上光效,这便是最终效果了,若不满意,你还可以自己根据需求去修改。


                IP属地:陕西9楼2018-08-14 19:37
                回复

                  第一步:地图基础结构。
                  画森林很重要的一点就是,你要在心中构思出森林的走向。于是我涂了一张30*25的地图

                  第二步:树木结构。
                  这一次,我们就开始介绍【遮挡】了。在无限图层系统中,遮挡是位于光影之下,主角之上的图层,原理即为RM中的优先级。
                  咱们把这张图拉进PS,开始根据自己的需要摆放树木,然后呢,我们把这个大树的整个阴影用魔棒工具扣出来,暂时存在一个组中(组的名字随便起,我一般起名为遮挡组)

                  如图,这便是遮挡,即为RM中的优先。根据自己的作品需要,实际情况哪里需要添加遮挡由自己来定

                  把遮挡和地面一并显示,效果就是这样

                  不断重复复制之前你改造好的树木到地图中,自己根据需要把需要作为遮挡的部分剪切下来放在遮挡组中,这里推荐新人不要一次弄太多树之后才找遮挡,容易搞混。推荐新手放4棵树,弄4个遮挡,不容易混。

                  经过一番添加,调整,得到如图效果

                  还记得之前我们定义为图案的草地图块么?现在是他大显身手的时候了。
                  根据自己的需求,涂上草地,这样子涂草地,显得自然许多。

                  然后再添加光影,一番调整后,我们让所有图层全部显示,即可得到最终效果,若有问题,在自行修改一下即可。
                  然后将地面,遮挡,光,影分四个png图片保存。

                  游戏中的效果。


                  IP属地:陕西10楼2018-08-14 19:40
                  回复

                    真理来源于实践,不能眼高手低啊,记得自己尝试哦


                    IP属地:陕西11楼2018-08-14 19:41
                    回复

                      第一步:基础地形
                      这里要注意的是,地图不能太过规整。

                      第二步:改造图块,这一步就看自己怎么弄了
                      第三步:拉进PS,做一些美化,添加一些东西。(由于雏形已经在工程中画好了,这一步快了许多,差不多五分钟就搞定。)

                      第四步:添加光影。

                      第五步:把文件分别命名保存
                      即可得到游戏中的效果

                      最后,别忘了自己亲自动手试一试哦。(十几分钟的事情)


                      IP属地:陕西12楼2018-08-14 19:42
                      回复

                        格鲁姆加尔市,末日三问第一集中位于28番岛的城市,热闹的城市,盘绕墙壁的木质栈道,让我们来借助动画中的场景,来画一张城市一角吧。
                        这次的画法比较麻烦也比较困难
                        第一步:我们在工程中直接画地面,然后直接截图拉进PS(对,什么都不要添加)

                        第二步:备齐所有房屋建筑,这里有个简便的素材筹备方法,用白底做背景直接在工程中画好房屋,截图作为素材

                        第三步:构造城市。

                        几乎成型的栈道。


                        IP属地:陕西13楼2018-08-14 19:43
                        回复
                          第四步:细节
                          我们首先把地图上大致的一些比如摊位什么的,先定点摆放好,然后在栈道上,添加一些杂物,让地图饱满起来

                          然后添加行人(注意,这只是范例,自己绘制地图时,根据自己的地图大小和需求自行添加)

                          尤其注意地图的光影细节,这里举个例子,注意栈道上和栈道下的区别,光的强弱会显得不同,因为是白天,所以没有绝对黑暗的地方。

                          添加光影,得到下图。

                          那么有些人就会问了,如何能让栈道下面既能过人且能遮挡住,又能让上面过人而不遮挡住呢?
                          很简单,这张地图你需要用两张地图,第一张命名为“栈道下面时”。然后你需要将这整个栈道以【遮挡级】来储存起来。

                          第二张地图,也就是当角色走在栈道上时,我们同样把整个栈道以【遮挡级】来储存起来,同时,我们给主角开启【在最上面显示】,然后我们需要注意:把房顶,切记放在【光层】中。解释一下吧,就算主角开启最上面显示,主角也必须位于光影层之下,这样,就不会出现走在房顶上的情况了。



                          IP属地:陕西14楼2018-08-14 19:45
                          回复

                            这次来画张室内。
                            第一步:画好大致雏形

                            第二步:增添一点层次感,我们这一次加上房梁

                            第三步:室内大致摆放,把需要的东西按照你游戏的需求,摆放一下。同时注意一下房梁的图层优先级。
                            房梁的优先级应该是这样:地面<遮挡<阴影<光效<房梁<阴影<特效<(如有特殊需要,还可继续增加)

                            前三步几乎没有技术含量,我们从第四步开始。
                            第四步:光效,之所以从光效开始而不从阴影开始,是因为要从光来确定影的位置

                            第五步:倒影,这一次可以画出窗户的倒影,根据自己的需求去调整透明度吧

                            第六步:重复第四步第五步

                            第七步:阴影

                            第八步:特殊(此步骤包括以下都可以去掉,直接第七步就可以得到成品,以下几步是添加一些细节)
                            你可以在光的照射处添加灰尘颗粒,你完全可以把灰尘可以做成动态Character。


                            IP属地:陕西15楼2018-08-14 19:47
                            回复

                              这一期我们就用模糊来表现一种远近感。当然这次相比前几次要简单许多。毕竟多出来的只有模糊这一步
                              第一步:仍然是把需要的地图截图后放进PS里

                              第二步:在房子后面添一层树

                              当然前面也要加一层,但是注意把需要模糊的地方留个空出来

                              第三步:添加需要模糊的树木
                              在左下角添加树,注意树需要扩大像素,使用原图容易造成层次感不强

                              这里的模糊我们用的是高斯模糊,具体数值是多少,根据自己的需要来调整。大致效果就像下图

                              画上草皮,一张地图就大致成型了。

                              第四步:添加细节

                              嗯,差不多到第四步也就结束了,怎么样,加上模糊的树后,是不是有一些层次感呢。


                              IP属地:陕西16楼2018-08-14 19:49
                              回复