游侠NETSHOW论坛

标题: 新手上路~RMXP自建地图教学 [打印本页]

作者: rudor    时间: 2013-4-10 00:17:20     标题: 新手上路~RMXP自建地图教学

本帖最后由 rudor 于 2013-4-10 00:13 编辑

小滴不才献丑了,给想学xp自建地图的人参考,欢迎高手们不吝指导

准备工具:rpg maker xp、photoshop
1. 先说说原理,打开rpg maker xp 新建工程,画面分为三个部分,左侧地图元件、右侧画布(游戏画面),左下地图导览
下图圈起来部分表示地图元件宽共有 8 个小格 共 256 像素 ,根据此理,我们想放一张宽大于256像素的图片就必须要先剪裁好宽最大为 256像素
[attach]3958748[/attach]


2.使用 photoshop ,打开图片,范例使用宽:933,高 700 图片
[attach]3958759[/attach]

3. 切换到切片选取工具,先在图像上点一下,上方的分割按钮变成可以使用,点一下分割,分割切片设置 水平打勾:256像素,垂直打勾:256像素
切片成 256像素原因为第一点说明,256像素是 xp工具接受的规格
[attach]3958760[/attach][attach]3958761[/attach][attach]3958762[/attach]

4. 切片后,图片被分为 宽:四个切片(933/256->4),高:三个切片( 700 /256 - > 3 )
[attach]3958763[/attach]

5.计算新建图片的高
切好的图片高分为3块,宽分为 4块
因此新建的高像素为
256(像素 一块高) 乘 3 (高3块) 乘 4 (宽4块)
=> 256 x 3 x 4 = 3072 (像素)
计算好后,我们要新建档案开始玩拼图啦

6.新建图像(开新档案 Ctrl+N) ,宽固定 256 像素, 高度填上第五点计算结果:3072
[attach]3958764[/attach]

7.先切片, 水平分割为 4 片 ,原理:第四点可见我们的宽切为四个切片,等会要将切片拷贝过来这里拼,共要拼四个切片,每片宽 256,需要四个对齐线
[attach]3958765[/attach]

8. 回到那张图片,圈选第一个切片,拷贝到新建图像上
[attach]3958766[/attach]

9. 这里要小心对齐,没对好放入xp会出现空隙
鼠标按住拷贝过来的图层移动对齐左方、上方参考线,对准时参考线会变成粉红色
第一个切片到第二切片间的空白是因为原图片的高只有700,不是256倍数,所以这里会留空,不要紧
[attach]3958767[/attach]
继续圈选第二、三个切片拷贝到新图像拼图...
[attach]3958768[/attach][attach]3958798[/attach]


10. 第四片,因原图像宽933,非 256倍数,所以右边会空白没关系,我们对齐左方、上方即可
[attach]3958799[/attach]
拼图完成了,存档 jpg or png 格式
[attach]3958800[/attach]
以上为使用 photoshop 制作地图的前置作业方法,接下来我们可以打开 xp 汇入制作好的图片
先把图片放入 Graphics\Tilesets

11. 打开 rmxp ,点媒体,Graphics\Tilesets 可见我们放入的图片,范例图: ok.png
[attach]3958801[/attach]
[attach]3958802[/attach]

12.打开数据库(资料库)
[attach]3958803[/attach]
切换到地图元件,预设50个系统内建,我们要变更最大条目数来新增新的地图元件
[attach]3958804[/attach]
假设多新增2个
[attach]3958805[/attach]
鼠标移到 051 ,点地图元件图形小箭头,打开元件清单,选取 ok ,按确定
[attach]3958806[/attach]
取名称,开始点 xx,地图不可走的地方要点为 x , o是可走区域,点完按确定
[attach]3958807[/attach]

13. 左下 新增地图,背景设定选 051,这里的宽、高非图片像素,而是画布的小格子数,
回想刚才那张图我们切4个宽,3个高, 256像素是8小格,所以宽的小格数先设为 4*8=32 , 高:3*8=24 ,画完图后可再调整

[attach]3958808[/attach][attach]3958809[/attach]


先切换到最下图层,左侧是地图元件,可想像成仿制图章,先圈选仿制的区域,第一列空白是擦子,用来擦画错的地方,不要圈到它
圈好后在右侧区域点一下,起始座标(0,0)
[attach]3958810[/attach]
把卷轴往下拉一些,继续圈未圈的区域,圈好后到第一个画上去的下方点一下
[attach]3958814[/attach]
以上第一个切片范围已绘制完毕,接着画第二个切片,卷轴下拉继续圈选,贴上的地方变成第一块的右边,y=0
[attach]3958816[/attach]
第三个切片依此方式画,最后第四片说明一下,宽不满 256像素,这里我们看到右侧是空白的,圈选区域只要圈有图像的地方就好
[attach]3958817[/attach]
都画完后,是不是多了些空白格子,我们在地图上按右键,选地图属性修改,将宽减三格: 32-3=29,高减2格: 24-2=22
[attach]3958818[/attach]
减完后确定,画布跟原图一样大小了,工程存档,测试游戏(按绿色箭头),嘿嘿,进入游戏,主角现身在你想要的图片中
[attach]3958819[/attach]

几乎每个步骤都截图说明了,如果仍有不明白、疑问的地方可以提出,咱尽力回答您的问题,感谢观赏


作者: 巴衛    时间: 2013-4-10 00:20:03

{:a:}沙发。支持R的教程哈
作者: 阿外郎    时间: 2013-4-10 00:32:50

支持 支持  建议来个系列教程  
作者: wuleiwangdong    时间: 2013-4-10 07:00:01

坐下地板
很好的东西
作者: 晴天(金庸)    时间: 2013-4-10 08:14:50

不錯不錯,鹵豆,這個我大力支持
作者: kevon    时间: 2013-4-10 10:36:54

感謝分享,教學貼不錯,期待系列化~{:3 (1):}
作者: xq3366    时间: 2013-4-10 11:19:59

俺正想学,这玩意儿的使用,楼主就出现了,缘分呐,谢谢啊!
请楼主尽快出下一集,事件编辑和条件触发,例如和妹子好感度达到XXX触发结婚剧情。
作者: kuangdao0711    时间: 2013-4-10 12:27:00

超實用!
非常感謝樓主的分享
作者: garidan    时间: 2013-4-10 14:32:31

大力支持,来个系列的就更好了
作者: mengjuncheng    时间: 2013-4-10 17:06:22

支持一下{:7:}
作者: rudor    时间: 2013-4-10 22:53:23

感谢各位的支持,谢谢你们
咱主要发些研究心得。。。   (各位有兴趣学习的话,66那有新手视频教学,咱也是那学来的基础)
改天若有玩出些感想后再整理分享给大家,一起加油

作者: wenyujuan    时间: 2013-4-11 16:56:06

很好,支持啊
作者: m75193655    时间: 2014-4-30 16:18:23

请问RMXP里如何能让地图元件在角色经过时遮盖主角(和树一样)
作者: skyboy1111    时间: 2014-5-2 09:28:01

感謝教學分享
學習到了新東西
不過還真是需要一點耐心
作者: qq110494169    时间: 2014-5-6 12:05:27

见习了
作者: 8628182    时间: 2016-1-26 22:07:26

好贴不能沉
作者: taeckle    时间: 2019-1-13 20:53:23

请问怎么用Photoshop圈选第一个切片,拷贝到新建图像上啊?最新版本的Photoshop的指令名称不一样啊。。
作者: taeckle    时间: 2019-1-13 21:25:56

还有第10步怎么对齐切片左方和上方啊?

“10. 第四片,因原图像宽933,非 256倍数,所以右边会空白没关系,我们对齐左方、上方即可”




欢迎光临 游侠NETSHOW论坛 (https://game.ali213.net/) Powered by Discuz! X2