设为首页收藏本站|繁體中文

Project1

 找回密码
 注册会员
搜索
查看: 4927|回复: 6

[教程] RMXP-地图教程ChapterⅩ-光影篇

[复制链接]

Lv3.寻梦者

梦石
0
星屑
2378
在线时间
647 小时
注册时间
2013-8-11
帖子
858
发表于 2017-9-9 17:29:02 | 显示全部楼层 |阅读模式

加入我们,或者,欢迎回来。

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
本帖最后由 进击の虎叔 于 2017-9-9 17:39 编辑

前言.png
当今,「光影」一词已经不再陌生,层出不穷的各类游戏的光影渲染确实给画面带来很大的改观。
当然对于环境的塑造、气氛的烘托,同样是不可缺少的一个关键元素。
个人对这个概念的研究其实毫无头绪,先前还是主要把精力放在怎么把画面和光影结合起来... ...
也就是说只看重过程和结果,当然收获还是有的。
趁这个机会,最后分享一下自己的心得。


P.S. 教程算上这个算是只有三期(主要太懒...加上自己某些主题的地图也是苦手),也没什么技术含量...请多多包涵> <...
       演示的地图为室内房间。室外参考室内的做法,其实室外主要用现成的雾图形(线性光)/更改画面色调基本可以得到
    可观的画面。



Title.png

【需要材料/软件】
① RPG Maker XP(需要「航拍」脚本)
② Adobe Photoshop CS4及以上(不会太要求复杂的操作...其实新加的功能都还没用过...)
③ (其实这个非必需)高光素材...(一般来说不商用的话基本可以在百度上找...但是为了安全起见还是自己做比较好,个人对于做高光也是...白痴阶段...)用于特殊的、重要的光源。
④ 数位板(对于绘制更自然的光影有很大帮助)



需要的航拍脚本
注:第一次是在幻想天空时看到熊叔分享的...帮了很大的忙
注2:引入航拍脚本应为测试状态,如果游戏发布请删除,此脚本对于数据库里Tilesets的设置有影响(遮挡错乱-实质为影响优先度)
注3:使用时只需测试游戏中按下F6即可完成截图的输出,输出源位于游戏根目录

航拍脚本



【Step.1】
S1.png
如图所示(CS6界面)
通常情况下要用辅助线来配合制作光影。
设置方式:视图-显示-网格(G)
网格的预设是在:编辑-首选项-参考、网格和切片(S)
·设置参数:[样式]直线(默认) / 网格线间隔:32 像素 / 子网格:1 (颜色根据需要自行调整)


————————————————————————————————————————————————————

【Step.2】
新建图层,选择“油漆桶工具”,参数根据需要调整为1%-99%,白天的话个人喜欢默认50%,晚上则为70%甚至更高。前景色纯黑色(R/G/B:0)。
然后填充画面。如图。

S2.png

————————————————————————————————————————————————————

【Step.3】
确定光源影响区域,选择“矩形选框工具”,方式为“添加到选区”
S3.png

————————————————————————————————————————————————————

【Step.4】
选择“橡皮擦工具”,参数设置:将不透明度和流量设置在较低的数值(一般20%以下)橡皮擦样式一般默认即可。
在准确的光源处单击。接下来使用键盘上的“{[”和“}]”调整橡皮擦半径(规律递增)
小技巧:保持中心不动,小半径下多使用橡皮擦工具,大半径下少使用(随着距离增大因为空气的反射折射会减弱光源)
对于侧面从窗户投射的光,在网格辅助下利用多边形套索选取相应区域再使用橡皮擦即可。


————————————————————————————————————————————————————

【Step.5】
而对于人工光源,先用橡皮擦在光源出操作类似Step.4的步骤,再新建图层,将图层不透明度调至50%左右,图层的叠加模式根据画面需求调试。选择画笔工具,参数的设置接近橡皮擦,可以更高一些。前景色自行调整。如图所示,得到较简单的光影,此后只需要隐藏截图图层输出为png格式保存在“Fog”文件夹作为雾图形使用即可.(普通合成,不透明度255)
另,人工光源可用Character(光源素材也是有的)采用加法配合雾图形效果更加。至于阴影的绘制...作为雾图形不太合适,因为优先度高会遮盖行走图,只能说随机应变...

S5.png





再添加一个使用去黑色背景的高光素材小方法:通道法...其实也是来源网上,再扩散一下好了(
延展内容



【Fog】展示

Aeria Central _ Armory Office.png
(来自Freebird工作室的作品《Quintessence:The Blighted Venom》以研究的目的很厚颜无耻地破解...在这里说声抱歉...)
(典型的,以数位板绘制雾图形的范例)

旅店房间.png
(个人的一个实验)

————————————————————————————————————————————————————————

【Screeshots】展示

00 点 48 分 52 秒.png
14 点 50 分 15 秒.png
14 点 14 分 48 秒.png
(三张的个人实验)

NUMINA.png9.png
(这张或许采用了高光...)
NUMINA2.png
NUMINA5.png
(以上3张来自作品Numina,已经出了测试版,各位可以去试玩一下,在油管上也有作者绘制地图的过程,曾经还向作者请教过来着...)

10924761_825574607501381_5506266617778691800_n.png
desert_path_by_jose1208-d5hp4bx.png
Forest_NightScene.jpg
(来源不明...截图是在逛Galley的时候顺手存的...都还有我值得研究和学习的地方...)



【后记】
以上就是本次教程的全部内容...算是新手向,但是勉勉强强可以画一张挺有氛围的地图了,相比VA VX的ULDS(是这么叫吗?= =  相比RMXP的极限究竟能有多少我还是会继续探究的。)
另外欢迎有兴趣的各位一起探讨地图的绘制> <

评分

参与人数 5星屑 +640 +3 收起 理由
Nil2018 + 1 学习学习!
畫很多 + 1
king + 1 精品
Anson + 500 精品文章!
garfeng + 140 学习了……

查看全部评分


Engine:RPG Maker XP
Ability:

帅的人在默默填坑,而丑的人在疯狂灌水。

Lv4.逐梦者

梦石
2
星屑
4565
在线时间
2372 小时
注册时间
2012-2-9
帖子
942

开拓者

发表于 2017-9-9 17:54:25 | 显示全部楼层
竟然是先给整体浇灌黑色,然后有光的地方擦掉……

我总是拿比较大的画笔,然后透明度硬度调低来画阴影,总是会画得很违和,就像一团脏兮兮的淤泥。

新技能。

点评

范例做的挺好的~看起来很舒服。  发表于 2017-9-9 20:38
有用就好w,不过正文的这个范例做的失败...太急了...一般一张正常的FOG需要半小时以上才看得出效果(  发表于 2017-9-9 19:02
回复 支持 反对

使用道具 举报

Lv1.梦旅人

梦石
0
星屑
55
在线时间
12 小时
注册时间
2017-9-28
帖子
26
发表于 2017-9-28 17:38:46 | 显示全部楼层
这个就是专业的区别,感觉很舒服很自然,有空慢慢研究,感谢
回复 支持 反对

使用道具 举报

Lv3.寻梦者

梦石
0
星屑
1095
在线时间
260 小时
注册时间
2016-1-29
帖子
35

开拓者

发表于 2017-10-4 15:41:29 | 显示全部楼层
建议虎叔多开几个光影的造福我们
回复 支持 反对

使用道具 举报

Lv3.寻梦者

梦石
0
星屑
1306
在线时间
90 小时
注册时间
2018-4-1
帖子
8
发表于 2019-4-20 14:41:37 | 显示全部楼层
受教了,正好在光影方面可以学习尝试
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

拿上你的纸笔,建造一个属于你的梦想世界,加入吧。
 注册会员
找回密码

站长信箱:fux2@moe9th.com|手机版|小黑屋|无图版|Project1游戏制作

GMT+8, 2020-3-31 04:15

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表