Project1

标题: [教程]FLASH制作横版战斗图到RM组合过程~(更新) [打印本页]

作者: v2sam    时间: 2007-6-23 01:30
标题: [教程]FLASH制作横版战斗图到RM组合过程~(更新)
本篇适合有一定基础,想自己绘制横版战斗图的朋友。

软件:FLASH-MX
PS:因为是教程,所以动作只有几个,而且不会太华丽=。=
再PS:不是本人太火星还在用这个版本,原因是FLASHMX之后的版本
并未为美术相关增加什么功能(或许有一些,但是起码我没用到)
而且MX的截面比较适合美术操作。

教程开始
=================================================
首先画好战斗图的人物草图,如果你喜欢纸绘,可以在纸上画好再
扫描进来。我个人比较喜欢用openCanvas4的铅笔画,然后存为FLASH
能导入的格式(JPG、PNG、GIF、BMP等)。同样地,你喜欢画好所有
动作也可以,不过我习惯只画好造型就OK,动作在FLASH里面做。

打开FLASH软件,新建一个,双击帧频率处叫出动画属性框,将尺寸
改为640X480,确定。




按ctrl+R导入画好的草图。
如果没看到,或者不小心在场景中删了,可以ctrl+L打开库找到。



点增加图层按钮新建图层2,为方便工作,顺便把图层1锁住。



按ctrl+G建立'组件'开始描线清稿(组件为的是看清楚草稿的黑线,
如果你认为可以看清楚的话,其实也没必要)。
接着用直线'工具描线',然后用'选择工具'把线拉弯到位(其中的技
巧和小画家的曲线工具一样用法,这样比直接描画会准确很多,而且
线条不会歪歪曲曲的)。



清理完之后,放草图的第一层就没有用了,点垃圾桶DEL掉。



然后在画面中调整人物的大小,双击放大镜可以看到实际的比例。
(因为RMXP中的动画调用为每帧192X192大小,所以我们应该尽量符合
这个规格,但是这也不是很硬性的,如果你要做大体型的人物,超过
这个规格也是可以的)



调整完毕就可以选中线稿,按F8将它定义为“图形”,开始制作动画。



双击元件进入编辑,按F7增加一个空白帧,点洋葱皮可以看到前一个
动作,方便我们绘制下个动作,这和传统动画的灯箱的功能是一样的。
(FLASH的动画技巧很多样,有人喜欢用关节做成组件来做动画,关于
这些技巧看个人习惯而顶,这里就不详细说了。如果你是直接在纸上
把动作画好的话,只要再勾几次线就OK了。)



动作都做好之后就可以进行着色的工作了,先填充基本的色调,然后
用不同颜色的线条描画阴影线,再填充阴影部分。这样第一步就算基
本完成了。(如果你认为阴影过渡太死板,可以在后期导图后在PS里
边处理一下)

(补充一下:用不同颜色的线画阴影线的好处,填完阴影色之后,再
用铅笔把阴影线涂连起来,再双击它就可以选中所有了,一下删除,
方便快捷)

按第三个洋葱皮,全选所有动作。将它们拷贝到场景中。


将这个动画文件尺寸改为960X960,或者新开一个也可以。
在场景空白处按鼠标右键,选择显示网格,然后同样再选编辑网格,
将网格改为192X192显示。


按192X192顺序排列好动作,如果动作超过格就要让它独占两个格子。



选择文件》导出图像》PNG ,保存完整文件大小,完成。
选透明通道导出就可以直接拷贝到RM目录下用了,不用再次用RM导入。


之后的大家应该知道怎么用了吧,第一次写教程,可能有表达不清楚的
地方,见谅。{/cy}

增加个范例,希望对初次做横版的新手有用。
http://rpg.blue/upload_program/files/dh.rar
作者: v2sam    时间: 2007-6-23 01:30
标题: [教程]FLASH制作横版战斗图到RM组合过程~(更新)
本篇适合有一定基础,想自己绘制横版战斗图的朋友。

软件:FLASH-MX
PS:因为是教程,所以动作只有几个,而且不会太华丽=。=
再PS:不是本人太火星还在用这个版本,原因是FLASHMX之后的版本
并未为美术相关增加什么功能(或许有一些,但是起码我没用到)
而且MX的截面比较适合美术操作。

教程开始
=================================================
首先画好战斗图的人物草图,如果你喜欢纸绘,可以在纸上画好再
扫描进来。我个人比较喜欢用openCanvas4的铅笔画,然后存为FLASH
能导入的格式(JPG、PNG、GIF、BMP等)。同样地,你喜欢画好所有
动作也可以,不过我习惯只画好造型就OK,动作在FLASH里面做。

打开FLASH软件,新建一个,双击帧频率处叫出动画属性框,将尺寸
改为640X480,确定。




按ctrl+R导入画好的草图。
如果没看到,或者不小心在场景中删了,可以ctrl+L打开库找到。



点增加图层按钮新建图层2,为方便工作,顺便把图层1锁住。



按ctrl+G建立'组件'开始描线清稿(组件为的是看清楚草稿的黑线,
如果你认为可以看清楚的话,其实也没必要)。
接着用直线'工具描线',然后用'选择工具'把线拉弯到位(其中的技
巧和小画家的曲线工具一样用法,这样比直接描画会准确很多,而且
线条不会歪歪曲曲的)。



清理完之后,放草图的第一层就没有用了,点垃圾桶DEL掉。



然后在画面中调整人物的大小,双击放大镜可以看到实际的比例。
(因为RMXP中的动画调用为每帧192X192大小,所以我们应该尽量符合
这个规格,但是这也不是很硬性的,如果你要做大体型的人物,超过
这个规格也是可以的)



调整完毕就可以选中线稿,按F8将它定义为“图形”,开始制作动画。



双击元件进入编辑,按F7增加一个空白帧,点洋葱皮可以看到前一个
动作,方便我们绘制下个动作,这和传统动画的灯箱的功能是一样的。
(FLASH的动画技巧很多样,有人喜欢用关节做成组件来做动画,关于
这些技巧看个人习惯而顶,这里就不详细说了。如果你是直接在纸上
把动作画好的话,只要再勾几次线就OK了。)



动作都做好之后就可以进行着色的工作了,先填充基本的色调,然后
用不同颜色的线条描画阴影线,再填充阴影部分。这样第一步就算基
本完成了。(如果你认为阴影过渡太死板,可以在后期导图后在PS里
边处理一下)

(补充一下:用不同颜色的线画阴影线的好处,填完阴影色之后,再
用铅笔把阴影线涂连起来,再双击它就可以选中所有了,一下删除,
方便快捷)

按第三个洋葱皮,全选所有动作。将它们拷贝到场景中。


将这个动画文件尺寸改为960X960,或者新开一个也可以。
在场景空白处按鼠标右键,选择显示网格,然后同样再选编辑网格,
将网格改为192X192显示。


按192X192顺序排列好动作,如果动作超过格就要让它独占两个格子。



选择文件》导出图像》PNG ,保存完整文件大小,完成。
选透明通道导出就可以直接拷贝到RM目录下用了,不用再次用RM导入。


之后的大家应该知道怎么用了吧,第一次写教程,可能有表达不清楚的
地方,见谅。{/cy}

增加个范例,希望对初次做横版的新手有用。
http://rpg.blue/upload_program/files/dh.rar
作者: Sī绪≈混乱    时间: 2007-6-23 01:46
提示: 作者被禁止或删除 内容自动屏蔽
作者: pastmm    时间: 2007-6-23 01:49
恩~~学到了~~非常感谢LZ~
不知LZ会不会画像素的?
作者: got3    时间: 2007-6-23 02:34
没看懂..
那个软件大家都有吗?
  我去下下..
作者: 咻咻    时间: 2007-6-23 05:30
提示: 作者被禁止或删除 内容自动屏蔽
作者: v2sam    时间: 2007-6-23 08:17
以下引用pastmm于2007-6-22 17:49:35的发言:

恩~~学到了~~非常感谢LZ~
不知LZ会不会画像素的?

{/pz}我是像素苦手啊.....不过用FLASH转成像素不是难事{/cy}
作者: v2sam    时间: 2007-6-23 08:31
以下引用咻咻于2007-6-22 21:30:40的发言:

用FLASH做战斗图和在PS上做战斗图有很明显区别吗?

麻烦LZ解释下?

总感觉两者差不多.....


[本贴由作者于 2007-6-22 21:31:03 最后编辑]


呃....这个....怎么说呢....
在FLASH发明之前,游戏都是用类似PS的软件来绘制画面的...
现在不过是多了个叫FLASH的软件给我们选择而已,所以本质上应该没区别吧...
而且我一直强调用什么软件不是问题,能达到效果就好。
不过FLASH的确给我带来多方便,硬要说有什么分别的话
一、FLASH是动画软件PS不是。
二、在调整方面FLASH是矢量所以随意调大小都不用怕像素丢失,
    而PS最新版本虽然解决了这个问题,但是位图动画还是没矢量来得灵活
三、就做RM的战斗图而言最后导出胶片FLASH很简单的一步到位,PS缺需要不停的拷贝粘帖。
四、FLASH的画面是单色块,PS的画面比较柔渐变和有绘画感。
用什么工具看个人喜好啦,最后决定作品质量的还是人本身啦,用心做的东西就是最好的。
作者: mooooo    时间: 2007-6-23 08:43
提示: 作者被禁止或删除 内容自动屏蔽
作者: 234jiao    时间: 2007-6-23 10:51
一个矢量 一个位图=。=就素这回事
过度渐变阴影什么的最好表用flash
作者: tranpol    时间: 2007-6-23 12:47
。。。。这东东俺还没摸透呢
不过做动画是不错
就是色呆了点
作者: v2sam    时间: 2007-6-25 21:41
就用那3个动作在RM里做了下,效果还看的过去,我果然很会偷懒{/cy},范例已附上~~
作者: Mohan    时间: 2007-6-25 23:18
嗯,用矢量图转成像素图,好创意{/qiang}
作者: 败笔    时间: 2007-6-26 06:56
看的不算很懂,因为没实际一下,但也学到了点皮毛。好帖,顶下。。。
作者: xueran100    时间: 2007-7-5 11:02
提示: 作者被禁止或删除 内容自动屏蔽
作者: 影北山人    时间: 2007-7-5 16:25
支持~
开拓思维了长见识了。
又多了一条路径。
作者: 千年狐狸精    时间: 2007-7-6 19:56
我好笨,看不懂
作者: 龙轩    时间: 2008-8-28 16:20
提示: 作者被禁止或删除 内容自动屏蔽
作者: YY邪神    时间: 2008-8-28 19:11
以下引用v2sam于2007-6-23 0:17:39的发言:


以下引用pastmm于2007-6-22 17:49:35的发言:

恩~~学到了~~非常感谢LZ~
不知LZ会不会画像素的?


我是像素苦手啊.....不过用FLASH转成像素不是难事


你像素苦手么?说谎。。。。

作者: v2sam    时间: 2008-8-28 23:09
{/hx} 那么老的帖也给挖出来了~
作者: YY邪神    时间: 2008-8-28 23:44
最近总有人挖老贴的,不知道为什么。




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1