魔塔吧 关注:66,047贴子:2,170,327

【教程】狸C的RPG地图教程——室外室内全部涵盖(非魔塔)

只看楼主收藏回复

本帖长期更新,主要讲解如何使用默认RTP来营造出比默认RTP表现力更强的地图
需要的工具:RMXP PhotoshopCS(我用的CS6) 无损截图工具


IP属地:陕西1楼2017-08-16 10:41回复

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

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

    得到这样一块草皮

    定义为图案

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


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

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


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

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

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

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

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

      加入光影,注意在RMXP中光的算法是加法,影的算法是减法,因此画阴影时图层叠加要选用减法。
      来说说减法吧,减法就是在黑和白之间,你用越接近白色的颜色,涂上之后地图越黑暗,反之。为了营造一个白天的效果,我们用接近黑色的颜色来作为底色覆盖。然后在光照不到的地方用接近白色的颜色涂抹,阴影效果便出来了。加法这里就不多介绍了。
      然后我们得到了下面这张图,已经算是成品了。

      将各个图层分别保存为光,影,地面(这里先不介绍遮挡),放进游戏中。
      成品:白天

      成品:夜晚


      IP属地:陕西3楼2017-08-16 11:02
      收起回复
        不明觉厉


        IP属地:广东来自iPhone客户端4楼2017-08-16 11:09
        回复
          从草原的画法以此类推,森林,海边,沙漠,沼泽,雪原的画法都与草原一致,但需要注意的是,若需要加入水流,你需要提前在RMXP工程地图上画好,然后再截图


          IP属地:陕西5楼2017-08-16 11:10
          回复
            在基础篇中,我们就对城市不多介绍了,因为城市的基础画法是不需要用到PS的。66RPG地图库中的城市画的已经很不错了,在进阶篇中,我会讲到如何自己简单又快捷地改造楼房,创造出属于自己的图组。


            IP属地:陕西6楼2017-08-16 11:34
            回复
              rm地图绘制的确是一门大学问啊。
              学习了,感谢楼主。


              IP属地:湖南来自Android客户端7楼2017-08-16 12:52
              收起回复

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

                导出城下小镇内部的图块,在PS中打开

                截取你需要的一些小东西

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

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

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

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

                最终在游戏中的效果。

                室内的绘制比室外要简便的多,毕竟需要的东西少。完成一张地图大约需要12分钟


                IP属地:陕西8楼2017-08-16 13:11
                回复

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

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

                  然后截取一部分东西

                  复制到地图中,摆放到合适的位置

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

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

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

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


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

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

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

                    最终放在游戏中的效果:


                    IP属地:陕西10楼2017-08-16 14:22
                    回复
                      这样用ps不是只能编辑成一张图么,怎么变成rm地图啊。


                      来自Android客户端12楼2017-08-16 21:09
                      收起回复
                        支持一下塔吧是时候冲出最原始“魔塔”剧情了


                        IP属地:江苏来自Android客户端13楼2017-08-16 21:35
                        收起回复
                          滋磁~


                          IP属地:重庆来自Android客户端14楼2017-08-16 21:53
                          回复
                            以收藏顶一波楼主


                            IP属地:加拿大15楼2017-08-16 22:56
                            回复

                              这次咱画一张教堂,看完本章后,你对如何凸显教堂的特点就会有一个新的理解。
                              首先备齐素材,不多说了吧。需要截图,教堂内部,以及搭配地图天堂内部

                              然后咱再添两扇窗户


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

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

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

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

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

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


                              IP属地:陕西16楼2017-08-17 10:18
                              回复