魔塔吧 关注:66,068贴子:2,170,711

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

取消只看楼主收藏回复

完成了

单独看光效层和阴影层,他们其实是这样的


基础的方法就是这样,当然这样只能画出基础的光束,但只有掌握了基础,才能向更高的方向进发啊。


IP属地:陕西68楼2018-02-20 14:27
回复

    还有六十天就高考了,近期是不可能更新了,就随便发一张鼓捣半个小时弄的东西吧——守矢神社FSL全文(除过转转= =)


    IP属地:陕西71楼2018-04-08 22:18
    回复
      附上一张最近鼓捣出来的东西,因为最近在学驾驶,没什么时间更新呢,当然有空就会更的

      正在进一步研究光影和叠加,希望能做出更精致的画面吧


      IP属地:陕西75楼2018-07-13 17:20
      回复

        相信「光影」一词大家已经不陌生了,各种硬核游戏闪瞎眼的光影渲染给游戏带来很大的改观
        同样,对于环境,气氛,情感的烘托,也是一个必不可少的元素
        我个人对于这个元素虽有研究,但可以说其实毫无头绪,当下,我正在考虑如何把画面和光影结合起来

        Fog展示


        (这两张Fog均来自Freebird工作室的作品《Quintessence:The Blighted Venom》,目前以研究为目的)
        这是典型的以数位板绘制雾图形的范例,它的优点是什么?
        经过我的一番实验,我发现,数位板绘制雾图形的最大优点便是【范围】

        (这里我引用了一张虎叔的图)
        那么有人会说了:我没有数位板,怎么办呢。
        不用怕,PS的选区功能完美的解决了这个问题,至于如何解决,我会在下次的教程中详细说明



        这三张图来自外国游戏Numina,已经出了Demo版,感兴趣的可以试玩一下,有很惊艳的光影渲染
        不得不说,这个游戏又给了我很多启发,我觉得是时候动手试试了。


        IP属地:陕西76楼2018-07-13 20:20
        回复

          山巅不同于山道,山巅应该突出云雾缭绕的环境氛围,绘制地图时,尤其应该注重高度的落差
          我们先放两张山巅的典型范例



          这里我直接给出成品。我用海滩,天堂,废墟三个地图组合了一下


          IP属地:陕西77楼2018-07-14 17:22
          回复

            ①先在工程里画一张大致地图

            ②如图所示,地图在PS中刚打开后,去掉白底,图层放在最上层
            新建一个图层,取名为雾气,用雾气笔刷随便刷上一层白雾
            再新建一个图层,取名为远景,放上远景图
            将雾气图层放置在远景图层上,达到覆盖效果
            再新建一个图层,取名为近景,用雾气笔刷刷上一层白雾,近景图层应该在最上层
            (云素材和远景素材可以自己在百度上找,找最适合自己游戏的就行了,图层的叠加方式,根据画面自己调整吧)

            ③渐隐
            这里我们需要用到PS中的选区和渐变工具,这样我们可以使红圈中的柱子达到渐隐在云雾中的感觉

            ④调整地图(增加元素,调整细节等,根据自己的需要来吧)


            IP属地:陕西78楼2018-07-14 17:23
            回复

              在这里我直接附上成品,上次我说过,数位板画雾图形(也就是阴影)的优点便是范围

              我们单独来看一看阴影,对比一下往期的阴影


              差距很明显吧,显然这一次的阴影要规整许多
              按住Ctrl键,单击背景副本的红框部分,我们就可以将该图层全部选入选区

              这种差距还是要靠自己实际体验一下才能体会


              IP属地:陕西79楼2018-07-14 17:56
              回复
                最后附上本次地图的PSD文件,供大家参考

                链接:前缀。。。/1Ul0L22Sw7Mx_NMtsyPO00Q
                密码:yakx


                IP属地:陕西81楼2018-07-14 21:45
                收起回复

                  我一直在思考,使用同样的工具,为什么自己设计的游戏和别人有如此大的差别
                  这是一张国外大佬用RPGXP设计的游戏地图,同时,这也是一张典型的幻想风格地图,典型的城乡地图
                  地图规划堪称典范

                  而这是一张国人制作游戏中的一张城镇地图(游戏作者是P1的进击的虎叔,游戏名是《被命运抛弃的人》)

                  先不谈光影那些花里胡哨的东西,也不谈素材那些乱七八糟的东西,因为国外似乎有比较高端的幻影粒子脚本,所以人家的瀑布比我们的瀑布是要精致一些,但我们也不看这些,我们光看地图的规划。
                  我们来总结一下这张国外地图的优点和缺点
                  优点:
                  ①河流和湖泊的位置将城镇分割为左右两个部分,最重要的是,因为湖泊和河流的存在,使得地图看起来不那么单调。
                  ②通过一座桥链接左右两个城镇,简化寻路过程,与大部分国人制作的游戏中存在的“条条大路通罗马”的现象不同,对于寻路苦手来说非常亲民
                  ③错落有致,我个人认为,对称的地图实际上是比较失败的地图,除非有特殊用途(比如剧情什么的),尤其是城市,千万不能出现对称的现象(除过某些仿古游戏中的紫禁城或者其他)
                  缺点:
                  ①的确是因为太错落有致了,无形中加大了寻路难度
                  ②地图太大,也是某类缺点,可能会让玩家“走丢”
                  我们再来总结一下国人地图的优点和缺点
                  优点:
                  ①简洁明了,维度落差不大,容易让玩家找到目的地
                  ②地图较小,不存在迷路现象
                  ③使用组合地图素材,地图花样较多
                  缺点:
                  单调,单调,单调,重要的事情说三遍

                  在这里,我主要讨论一下,我认为的城市,应该具有什么特点
                  ①房屋必不可少,但是,千万要避免整座城市全是房屋的现象,因为,太过单调,各位居住的城市,出了房屋,总得有什么能代表当地文化,特色的艺术建筑吧

                  就拿刚刚给的国外地图的这一部分来看,龙,典型的幻想RPG象征,方尖碑与龙头组合在一起,可能暗示玩家这座城市与龙有一定关联,住民们的信仰之类的。
                  ②避免使用同样的素材来构造房屋。现实生活也是这样吧,每栋房屋,应该有各自的特点。

                  这也是国内RPG存在的一个小弊端,一个地图用一个Tilesets,前篇一律的红房顶,总会显得这座城市缺少创意
                  这里,也就体现出了组合Tilesets的优越性,组合性的素材混搭,会让画面焕然一新
                  ③最重要的一点:规划!
                  城市一定有他的规划,行政区在哪一块?军区在哪一块?城中心在哪?道路如何规划?水利设施?风景名胜、文物古迹?住宅区又该如何规划?都有各自的学问(虽然我不是城乡规划专业的)
                  这里,我们借用室内的地图规划,以此类推,来了解一下室外的地图规划


                  总的来说,从地图规划上,城镇既不能规整无比,又不能杂乱无章,二者的完美中和,才能造就完美的城市
                  看来我又得要亲自试试了


                  IP属地:陕西83楼2018-07-15 13:04
                  回复

                    之前的城镇地图教程,是在XP工程中直接绘制的,今天我们来试试PS拼接法绘制城镇地图
                    第一步:打好地基,在PS中打开

                    第二步:打开工程,以白色为背景,绘制房屋
                    注意,这里的房子一定要契合自己的地图,不能乱画,否则拼不上去就糟了

                    截下来,PS中打开,去白底

                    第三步:拼接

                    之后,可以多次重复第二步和第三步,来丰富地图
                    一张地图的雏形便完成了

                    第四步:增加细节
                    直接打开Tilesets,从里面截取需要的元件,直到地图饱满为止(你认为的饱满)

                    第五步:添加光影
                    成品——白天

                    成品——夜晚

                    总之,拼接法就是指,在工程中绘制地图的地基,然后不再画任何东西,房屋等其他东西,在工程中单独画出后,转进PS去白底,然后放在之前打开的地图上即可。
                    优点:灵活性高,熟练蒙版和图层叠加方式的同学可以营造出比直接在工程中画地图更加美观的地图
                    缺点:麻烦,对于追求效率的同学,该方法耗时长,不讨好


                    IP属地:陕西86楼2018-08-02 18:23
                    回复
                      然后,附上此次教程的PSD源文件,供各位参考
                      链接:(前缀)/s/1c-P8dnPE9QPZ8hf2oFOK6w
                      密码:f12j


                      IP属地:陕西87楼2018-08-02 18:25
                      收起回复

                        今天我来发一发超详细的地图绘制过程,对,超详细!
                        这次我主要是仿制下面这张超大的城镇地图,虽然是仿制,但并不是抄袭啊。

                        第一步,打开工程(这里的素材,用的就是上面这张地图的素材),我新建了一张51*68的地图,在工程中缩放为1/2
                        方便绘制

                        定其雏形,这里,我首先在心中把湖泊的位置确定了下来,基于此来绘制环绕的山道
                        在这里,我先画出了半边城市,由此,我要确定河流的位置。

                        画出河流和湖泊的草图

                        从河流的源头开始修改,用墙来确定瀑布的位置

                        差不多地图的左边就是这样子了

                        右边的绘制过程,同左边一样
                        地图的全貌差不多就这样了,石头是用来确定桥的位置的

                        在工程中去掉所有草皮,仅仅保留山体,这是为了之后在PS中方便修改

                        这里我使用了航拍脚本,直接导出了这张地图(之后我会把脚本给大家放上)

                        重头戏来了,将这张地图在PS中打开


                        IP属地:陕西88楼2018-08-06 16:32
                        回复
                          第二步:PS恢复草地
                          打开之前的地图,再打开这张地图的tileset

                          老方法,将草皮定义为图案

                          之前我已经教了选区全选,全选地图基底,然后反选

                          反选后,用油漆桶工具,填充刚刚定义的草地图案

                          我们便恢复了草地

                          第二步完成


                          IP属地:陕西89楼2018-08-06 16:41
                          回复
                            第三步:地图详细加工(这是十分繁琐的一步,对美工的要求非常高)
                            我们发现,由于地图元件有限的原因,这部分地图仍然存在问题


                            因此,必须用PS,来制作Add-one(即添加元素,也可以称为DLC)
                            我们需要下面红框中的素材

                            用选区,一点点的将石头选出来

                            去草地,得到单独的石头

                            修复刚刚有问题的地方

                            再来修复水的部分


                            复制元件中有的一部分水波纹素材(或者你像素画的很好,自己画上去也行,就不必复制然后抠图了)

                            修复完成!


                            IP属地:陕西90楼2018-08-06 17:02
                            回复
                              我们再来复习一下上一期的拼接法吧,同样,我们在工程中,画出房子

                              PS中打开,去白底
                              同样,将地板定义为图案,将房顶补上

                              修复完成,之后的房屋修复,都是这样

                              然后我们打开tileset,截取树木。借此,来勾勒出森林的范围,这里我先画出了地图的左上角的森林以及房屋

                              经过一番调整,整个城镇的左边部分,差不多成型了,右边部分可以照猫画虎

                              右边也差不多成型了


                              IP属地:陕西91楼2018-08-06 20:04
                              回复