您好!欢迎你光临【flash教程】 荷花卷轴画的制作_春水音画坊 春水音画网 Flash音画欣赏 中国音画网!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>教程 素材>>>FLASH教程 >>>【flash教程】 荷花卷轴画的制作
【flash教程】 荷花卷轴画的制作
发表日期:2014/8/9 12:24:00 出处:凤凰涅槃 作者:永生 发布人:pyxj 已被访问 3340

 

一.概述

一般卷轴画都是长方形的(废话,圆形的卷轴画能卷吗?),卷的方向有竖向的(从上向下卷),有横向的(向左或向右卷),有单幅和多幅的,有长幅和短幅的,有回卷和不回卷的等等。
  卷轴画的底部颜色可以设为灰色,也可以用青色、白色或其它什么颜色,还可以用图片,这些都不强求一致,可根据制作者的喜好而定。
  做卷轴画的软件也有很多,主要有flash、SWiSHmax、Photoshop、 GIF等等。使用的软件不同,制作出来的卷轴画在质量、文件量和效果方面也就大不一样。出于好奇,这些软件我都一一试过,觉得各有其优缺点(后面详细讲),在诸多软件中,我惟独认为SWiSHmax做卷轴画最简捷,效果也不错,因此我特别钟爱这个软件。如我的“清明上河图”就是用SWiSHmax做的(里面的第三部分:“欣赏画卷“就是超长幅的卷轴画),在博客和一些动画网站都受到一致好评。下面想重点讲讲怎样用SWiSHmax做卷轴画。为了求全和比较,其它的软件也简明扼要的讲讲(只讲如何制作单幅不回卷的卷轴画),供大家制作时参考。

二、用SWiSHmax做卷轴画

卷轴画主要有四个部分组成(按照FLASH术语说也就是四个图层),那就是底色、卷轴、图画、遮罩。其中以卷轴的制作难度稍微大一点。
既然是用SwiSHmax来做卷轴画,那我们就先来看看SwiSHmax的界面吧。

为了让大家对SwiSHmax有个大致的了解,做起来顺手一点,下面简单的介绍一下SwiSHmax的各个窗口和名称,主要有:1功能表、2工具列、3时间轴剧本、4舞台、5演员视窗、6工具箱、7相关设定值、8效果、9脚本、10状态列等组成(是我在PS里标注的)。对此各种资料里的叫法不一,这是台湾吕聪贤教授在教程里讲的,算是比较有权威的了。因我是讲卷轴画的做法,不是讲这个软件的特点,所以各个视窗的功能在这里就不一一介绍了。下面就开始制作。

1、卷轴的制作

卷轴可以在PS里做好存为JPG或GIF文件备用,在做卷轴画时再以图像导入,也可以直接在SwiSHmax里做,方法是:

(1)用矩形工具(工具箱里有)拖出一无边框矩形,点中矩形,在软件右边“相关设定值”的“外形”里选“线形梯度”,点击在颜色旁边的图标选中间白色,两边深色的(可点下面的三个小箭头改变颜色),我用的是灰色的,也可根据各人喜好而定。为了省事,宽、高就不用数字设置了,用鼠标分别拉动各个部位就行。

(2) 再用矩形工具画一小长方形,颜色为黑色。做好后放到大长方形上面,再按照这个样子复制一个,放在大长方形的下面,(一定要对齐)。对齐的方法:在左边『演员视窗』里选中这三项,点右边“相关设定值”的“排列”,再点下面的“排列”中间的那个小图标,就能准确地对齐了。 

(3)在左边的“演员视窗”里选中这三个单独的长方形(方法是用鼠标点一下第一个“外形”,用手按住shift键不放,再用鼠标点一下最下面的那个“外形”,这样三个图形就同时被选中了),在上面点右键点“组合”,再点“组合为组”,并在名称里改名为“卷轴”,这样一个简单的卷轴就做成了。

 如果先做好卷轴,暂时不做卷轴画就将它保存为源文件,以备以后做动画时再调入,或者用截图软件截成JPG或GIF格式的图片备用。

 2、单幅卷轴画的制作

(1)、在电脑里的适当位置设一文件夹,取名“待做动画”,也可以用要做的卷轴画名字来命名,将做动画的素材(如图片、背景音乐、文字等)全部放在这个文件夹内,以便于随时从一个文件夹内调用(免得东寻西找的)。

(2)、打开SwiSHmax,点右边“相关设定值”里的“影片”,设宽、高和帧率(以我的“中国古代四大美女”为例,宽为450像素、高为760像素、帧率为12)。再点左上角“功能表”里的“查看”,点“适合场景于窗口”,主要是便于操作。

(3)、用矩形工具拖出一无边框矩形,像素同上,取名为底部颜色。在时间轴的第一帧处添加效果为“放置”。

(4)、点左上角“功能表”里的“插入”,再点“图像”,在“待做动画”里找到卷轴画的图片,放在底色中间适当的位置上。在时间轴的第一帧处添加效果为“放置”

(5)、制作卷轴:上面已经讲过了,制作过程就不再重复了。我的“中国古代四大美女”的卷轴是从网上借来的(柳叶说这叫偷,我说是借,我的想法是,网络上的资源本来就是大家共享的,“借“比”偷“总归要好听一点吧),我觉得这个卷轴和外框花纹有点古色古香,适合做古代人物的卷轴画,于是就采取了“拿来主义”(又是些不着边际的废话)。这一根卷轴取名“固定卷轴”,放在图画的最上面,具体位置是能盖住图片上面一点点就行(两边一定要对齐),在时间轴的第一帧处添加效果为“放置”。再同样复制一个卷轴紧靠着第一个卷轴并排放着,取名为“活动卷轴”。

(6)、再用矩形工具拖出一无边框矩形,大小是正好能盖住图片(稍大一点也行),颜色同底部颜色,取名“遮罩层”,在左边的“演员视窗”里将这个“遮罩层”移到“活动卷轴”的下面(点上面的上、下箭头),并将头部插入“活动卷轴”里,这样就将下面的图画遮住了。

(7)、同时在左边的“演员视窗”里选中“活动卷轴”和“遮罩层”(方法是用鼠标点一下“活动卷轴”,用手按住shift键不放,再用鼠标点一下“遮罩层”),再在上面点右键,再点“组合”,点“组合为外形”,这样“活动卷轴”就和遮罩层连在一起了,卷动起来也就不会错位了(这一点很重要),名称还是用“活动卷轴”吧。

(8)、在左边的“演员视窗”里选中“活动卷轴”,在时间轴的第一帧添加效果为“放置”,第二帧添加效果为“移动”,这时时间轴就出现了一个蓝色长条,上面有移动的帧数(默认值为10帧),用鼠标左键双击移动条,在“持续”一栏将数字改为150帧(具体数值视图画的长短酌情自定)。

(9)、用鼠标点一下“预览帧”,再点击移动条的末尾处,在左边的“演员视窗”里选中“活动卷轴”,用鼠标在“舞台“里将活动卷轴拖到图片的下部适当的位置(如横的就拖到右边)。

顺便说一下,有人喜欢在展开卷轴画时让“活动卷轴”变细一点(理由是展开了画卷必然要细一点,说得也有理,但我不喜欢这样做,觉得两边不对称不好看),如果那样的话就在这时在右边“相关设定值”的“变形”中调整。在划红杠的地方将数值调小(横向的卷轴画调前面的,竖向的卷轴画调后面的)。

(10)、这样从移动条的第三帧处点起,逐渐往后点,就能看见这个外形在不断地向后(或向右)移动。

(11)、为了让卷轴画在下部停留一段时间(可在结束后的30-50帧之间选取)在第200帧处添加效果“删除”。这样一幅单幅卷轴画就做成了。

(12)、点右边“相关设定值”里的“影片”,将“影片结束停止播放”前面的小勾去掉,再点“导出”,“导出选项”:SWF,“要导出的SWF版本”:SWF6,在“移动后台对象”和“遮罩后台对象”的前面打勾,其余的随便。

(13)、点左上角“功能表”里的“文件”,再点“导出”,点SWF,在文件名里填上这个动画的名字,再点保存即可。

(14)、如果要卷轴画回卷的话就要反方向再做一次。具体做法是:将“活动卷轴”在时间轴上“添加效果”里的“删除”改为“移动”,持续帧数也定为150帧。

(15)、用鼠标点一下“预览帧”  ,再点击移动条的末尾处,用鼠标将“活动卷轴”拖到图片的上部和第一根轴并排放置,同图十一(如横的就拖到左边)。

(16)、这样从移动条的第151帧处点起,逐渐往后点,就能看见这个外形在不断地向上移动。

(17)、卷回后停留的时间不要长(10帧左右就行),再分别选中“活动卷轴”和“图画”,在第360帧处添加效果为“删除”。

(18)、点“播放键”  试试效果,如果很好就进入下一步。

(19)、后面的步骤同上,即:点右边“相关设定值”里的“影片”,将“影片结束停止播放”前面的小勾去掉,再点“导出”,导出选项:SWF,要导出的SWF版本:SWF6,在移动后台对象和遮罩后台对象的前面打勾,其余的随便。

(20)、点左上角“功能表”里的“文件”,再点“导出”,点SWF,在文件名里填上这个动画的名字,再点保存即可。

单幅卷轴画没有什么特别之处,提醒大家注意的一点就是:无论是回卷还是不回卷的,都要让它在结束时停留一段时间,这样看起来要舒服一点。

3、多幅卷轴画的制作

做多幅卷轴画要稍微麻烦一点,方法如下:

(1)、处理图片:这属于前期准备工作,以我做的“中国古代四大美女”为例。中国古代四大美女的代称为“沉鱼、落雁、闭月、羞花”,我的设想是,做一个图文并茂的多幅卷轴画,即每个美女的图片后面紧跟一个注释性的图片(自己在PS里加工做),最前面加一封面(也要自做)。这样共计9张,第一张封面是在PS里采用“抠图”、“拼合图层”、“文字处理”等方法加工的,再就是在PS里将这9张图片处理为合适的同一像素备用。

(2)、打开SwiSHmax,点右边“相关设定值”里的“影片”,设宽、高和帧率(宽为450像素、高为760像素、帧率为12)。再点左上角“功能表”里的“查看”,点“适合场景于窗口”,主要是便于操作。

(3)、用矩形工具拖出一无边框矩形,像素同上,取名为底部颜色。

(4)、点“插入”,再点“图像”,在“待做动画”里找到卷轴画带有花纹的外框,放在底色中间适当的位置上(注:如果不这样的话也行,那就要把这9张图片一张张的在PS里加四周的颜色,再和带有花纹的外框拼合,然后再一一导入到SwiSHmax里,那样一是难摆放得那么整齐,再者一张张的做也挺烦琐的)。


(5)、点“插入”,再点“图像”,在“待做动画”里找到多幅卷轴画的所有图片,全部(或部分)导入放在底色中间适当的位置上。我做的这个卷轴画分两次插入,第一次导入的是封面和四大美女的图片共五张,第二次导入的是注释性的文字图片共四张,这样既可以摆放整齐,也便于加图片四边的两种不同的颜色。

(6)、以第一次导入的五张为例,在左边的“演员视窗”里同时选中五张图片(方法同上述),点右边“相关设定值”里的“外形”,将“直线”上的“无”改为一根实心的直线,后面的数据改为4(可自定),颜色取红色,这样,五张导入的图片都被同时添加了4毫米宽的红边。

(7)、再导入自己制作的四张文字类型的图片,将它们叠加在前面导入的那五张图片之上,看看是不是正好盖住了前五张图片(主要是为了9张图片能整齐划一)。方法同本节中的(5-6),四周的颜色可定另一种颜色,我选的是紫色。在左边的“演员视窗”里将这9张图片同时加上“锁”。

(8)、下面的步骤同第二节“单幅卷轴画的制作”里的(5)(6)(7),在这里就不一一赘述了。

(9)、按照:封面、美女1、美女1注释性文字图片、美女2、美女2注释性文字图片……这样的顺序在左边的“演员视窗”里将9张图片自下而上的排列好。

如果图片的名称不对,不好辨认的话,可点右边“相关设定值”里的“外形”在“名称”里填上图片的名字,左边的“演员视窗”里就能显示出来。

(10)、下一步的做法就相当于做9张单幅卷轴画,请按照图二十二的从下到上的排列顺序和第二节讲的“单幅卷轴画的制作”的具体方法制作,在这里就不一一赘述了。最好是每张图片的帧数都定为一样,第一幅(封面)可以稍多点,如我的这个卷轴画第一幅画用了190帧(其中停留为40帧),后面的8幅画都是165帧(其中停留为35帧)。

(11)、插入按钮:我在卷轴画里插入了两个按钮,前面一个是stop,用意是:如果你对图片没看清或文字没看完可以让它停止,看完了再按play,让它继续。

为了省事,我的两个按钮都是从原来做的动画的源文件里复制过来的(怎样制作按钮在这里就不讲了)。按钮有三种颜色在变化,那就是“向上、移过、向下”,点开按钮前面的+号就能设置,方法是选中左边的“T”字,在右边颜色栏里设置。

为了控制按钮的动作,还必须设置脚本,方法是:打开“脚本”窗口,在“指导”或“专家”(如果你对脚本语言很熟悉的话就可在专家栏里写)一栏里设置,stop和 play的脚本是最基本的,所以很简单,


它们分别是:

on (press) {

    play();

}

on (press) {

    stop();

}
(12)、打上文字:这是动画后期工作了,主要打上卷轴画的名称,制作者和制作时间。这很简单,就不用多说了吧。如果要做成能变的彩虹字那就要麻烦一点,要启用“精灵”和“遮罩”,不是一二句话能说得清的,在这里也就不具体讲了。
(13)、添加音乐:我为这个动画添加的背景音乐是古筝独奏曲“汉宫秋月”(从中节录了一部分),古人、古曲、古筝,是不是相得益彰呢(添加音乐的方法下面具体讲)。

(14)、点“播放键”  试试效果,如果很满意就进入下一步。

(15)、动画导出:方法同上,记住,要将“影片结束停止播放”前面的小勾去掉,否则就要添加一个“重播”的按钮。

这个卷轴画的特点就是:就象看书一看,先看封面,再看图片,然后再看文字说明,达到图文并茂、赏心悦目的效果。

4、长幅卷轴画的制作

做长幅卷轴画比做多幅卷轴画要简单得多,方法如下:

(1)、处理图片:以我做的“梅花八绝”为例,“梅花八绝”是我在网络上下载的9张梅花图片,每张都有图有诗,诗是八首梅花绝句,很美,也很有意境。我的设想是,将它们按一定的顺序拼接起来做一个图诗并茂的长幅卷轴画,于是我以“寻梅、赏梅、问梅、写梅、折梅、宴梅、恋梅、梦梅”的顺序在PS里将这9张图片拼成一个宽5430像素、高350像素的长卷。拼图没有什么难度,要注意的就是每两张图片接头的地方要处理好,不要留下明显的痕迹。古画一般是从右向左看的,我在网上看到有人做“清明上河图”的卷轴画是从左向右卷的,这就大错特错了(又在讲题外的废话了)。这个“梅花八绝”也是从右向左的,因此做成的卷轴画也必须从右向左卷。

(2)、打开SwiSHmax,点右边“相关设定值”里的“影片”,设宽、高和帧率(以我的“梅花八绝”为例,宽为800像素、高为430像素、帧率为12),要说明的是,影片的高度要比图片的高度大一点,以便于在上、下写字和加播放进度表,再点左上角“功能表”里的“查看”,点“适合场景于窗口”,主要是便于操作。

(3)、用矩形工具拖出一无边框矩形,像素同上,取名为底部颜色。

(4)、点左上角“功能表”里的“插入”,再点“图像”,在“待做动画”里找到卷轴画的图片,放在底色中间适当的位置上,显示图片的右边。在时间轴的第一帧处添加效果为“放置”。

(5)、下面的步骤同第二节“单幅卷轴画的制作”里的(5)(6)(7),在这里就不一一赘述了。说明一下,这两根卷轴是我做的,主要是考虑卷轴的颜色和“梅花八绝”图片的边框颜色相一致,所以就没有“借”了。

(6)、在左边的“演员视窗”里选中“活动卷轴”,在时间轴的第一帧添加效果为“放置”,第二帧添加效果为“移动”,这时时间轴就出现了一个蓝色长条,用鼠标左键双击移动条,在“持续”一栏将数字改为120帧(具体数值视情而定)。

(7)、用鼠标点一下“预览帧” ,再点击移动条的末尾处,在左边的“演员视窗”里选中“活动卷轴”,用鼠标在“舞台“里将活动卷轴拖到图片的左边适当的位置(底部的边缘)。这样,活动卷轴缓缓地卷到120帧处就停止不动了。

(8)、在左边的“演员视窗”里选中“梅花八绝”的图片,在时间轴的第121帧处添加效果为“移动”,这时时间轴就出现了一个蓝色长条,用鼠标左键双击移动条,在“持续”一栏将数字改为1580帧(具体数值视图画的长短酌情自定),在末尾处添加效果“放置”(不添也行)。

(9)、用鼠标点一下“预览帧”  ,再点击移动条的末尾处,在左边的“演员视窗”里选中“梅花八绝”的图片,用鼠标在“舞台“里将“梅花八绝”的图片一点一点的向右移动(因为太长),一直移到图片的尾部,再将尾部放到“活动卷轴“的下面。为了位置准确可事先在中间加一根横的辅助条。

(10)、在左边的“演员视窗”里同时选中“活动卷轴”和图片,在时间轴的第1701帧处(图片最好推迟一帧)添加效果为“移动”,这时时间轴就出现了两个蓝色长条,用鼠标左键双击移动条,在“持续”一栏将数字改为120帧(具体数值视情自定)。

(11)、用鼠标点一下“预览帧”  ,再点击移动条的末尾处,在左边的“演员视窗”里选中“活动卷轴”和图片,用鼠标在“舞台“里将”活动卷轴“和图片分别都拖到右边,让”活动卷轴“和”固定卷轴“并排放好。

(12)、插入按钮:我在这个卷轴画里插入了三个按钮,前两个按钮(开始和停止)具体做法请参照第3节“多幅卷轴画的制作”的第11小点。第三个按钮是“重播”是最后快结束时再出现的(在影片结束的前10帧插入,添加效果为“渐近”里面的“淡入”)。

“重播”

按钮的脚本是:

on (release) {

    gotoSceneAndPlay("<current scene>",1);

}

(13)、打上文字:具体做法请参照第3节“多幅卷轴画的制作”的第12小点。

(14)、添加音乐:我为这个动画添加的背景音乐是邓丽君演唱的“梅花”,因为是歌,不好节录,我整首全部用了,图片的移动帧数就是根据歌曲的长度计算的。

(15)、再就是我为这个卷轴画安了一个音乐播放进度条,下面设一条轨道,上面放一个小人,邓丽君唱完了,小人也就跑到了终点,有不少人认为这“有点意思”,说很好玩也很有创意。还有一个就是我在动画结束时让活动卷轴和图片同时回卷到头部,再在底部颜色图片上插入毛主席诗词《卜算子·咏梅》的手写体,有人说图片、诗、歌都是“梅花”,很不错。


(16)、点“播放键”  试试效果,如果很满意就进入下一步。

(17)、动画导出:方法同上,不同的是,这个动画设置了“重播”按钮,所以必须在“影片结束停止播放”前面打上小勾。 

 这个卷轴画的特点是:先让“活动卷轴“移动,然后让图片移动,最后让“活动卷轴”和图片同时移动。

5、文字及背景音乐的添加

给动画添上漂亮动情的文字,再配上优美动听的音乐,就会增色不少,使你做的动画达到图文并茂、声色俱佳,给人一种耳目一新的感觉。

(1)、文字的添加:有两种办法:一是在PS里加进去,让图文形成一体,然后再以图像的形式导入,如我做的多幅卷轴画“中国古代四大美女”封面上的“中国古代四大美女” 8个篆体字以及四大美女的名字等都是在PS里加上去的;二是直接从制作软件里做进去(如我做的“清明上河图”上面的彩虹字)。

我的经验是:静态字在PS里加,动态字从软件里加。

另外顺便说一下:做动画必须要具有各种字体,我的电脑硬盘里就有近100种字体,这些都是从网上“借”来的,主要靠平时收集。再一点请大家注意的就是在安装字体时不要把这些字直接装到C盘去,一是占用C盘空间,二是影响启动(这是题外话就不多讲了)。

(2)、音乐的添加:SwiSHmax添加背景音乐也有两种途径:一是从功能表“插入”菜单里插入音轨,二是从“文件”里导入,插入音轨在时间轴里显示是平铺的,

也就是说从一开始一直唱到结束,帧数的多少是以帧率计算(帧/每秒);从“文件”里导入的在时间轴上显示的是小喇叭形。我的经验是:主体音乐以音轨插入(如长一点的歌曲),辅助音乐(如键盘打字,锣鼓、鞭炮声等音效就采取playsound操作插入)。

以playsound操作方式插入的方法:点文件→导入→是否作为音轨插入声音→选择“否”就作为playsound操作插入

(这种方式可以用脚本来控制)。

(3)、音乐的编辑:由于动画的长度不一样,音乐就不能原封不动的插入,最好要经过剪辑、取舍。我原来是用coolv2.1剪裁和编辑音乐,这个软件处理声音的功能齐全,很好用,但后来嫌它太大就没有用了,现在用的是GoldWave软件。cool2.1比较复杂,而GoldWave就很简单,而且是绿色软件(我用的是GoldWave 5.17 汉化版)。

如“汉宫秋月”持续时间5.30分,我的这个卷轴画只要2分多一点,就是通过这个软件剪裁的。剪裁的方法:我的经验是,曲子可从中间剪裁(因为是曲子,不是内行人是听不出来的),歌取整段(当然,最好是全部用)。也就是说曲子的开头和结尾不能去掉,这样就给人一种轻起慢落的感觉,不至于嘎然而止;对歌则不然,一定要截取完整的一整段,有头有尾才行。如我做的 “女儿情”,就是用吴静唱的第一部分(舍去的后半部分是重复的)。

6、“精灵”的运用

“精灵”是SwiSHmax里的一种手段,运用它往往能达到一种神奇的、意想不到的效果,因此称之为“精灵”,无庸讳言,“精灵”在SwiSHmax这个软件里也是难度最大的一种运用手法。

那为什么我在上述的制作方法里没有涉及到“精灵”呢?原因不言自明,一是这次要学的对象是中国老年网“夕阳论坛”里的中老年朋友,大家只想学一点制作动画的基本知识,没有必要涉及那么高深的东西。在写这份材料之前就有网友告诫我:“可不要写得太深奥噢,免得我们大家摸不着头”。我牢牢地记住了这句话,在写的时候常常提醒自己注意;二是这次学做的是卷轴画,“杀鸡焉用牛刀”,我在上面已经讲了卷轴画的所有表现形式,如单幅、多幅、长幅、回卷和不回卷的,既然这些都能做,何必故作高深呢。说句内心话,我不想让我的中老年网友们望而生畏,以致失去了学习的兴趣,这样我的一番心血不也就白搭了吗。

以上所讲的是我学SwiSHmax一年多来不断摸索、实践而总结出来的,而且经过多次试验,证明切实可行、效果非常好的一些办法。我不拘泥于书本,也不照搬照套别人的东西,这一点请大家放心,是不会涉及到“知识产权“的。这次讲解根据学习对象也力求实事求是、浅显易懂,不故弄玄虚,让我的中老网友一看就懂,能真正从中学到一点东西。实践证明了这一点,如远在维也纳的网友“盼柔驿站“(真实姓名不便透露)年近花甲了还能一学就会,第一次做出来的东西就像模像样的,经过指点自己修改后就更好了,连我都感到有点惊讶。(这是不是废话我不知道,请大家判断)。吴蓉斑竹也评价说:“您写的许多东西,浅显易懂,对我们中老年人非常适合。”

还是言归正传吧,上文所讲的是名符其实的遮罩,“遮罩”顾名思义就是遮挡住下面的图片,在卷轴卷动时不让它显示出来。这和FLASH里面讲的“遮罩”有根本区别的,在SwiSHmax要学另一种意义上的“遮罩”,那就得学“精灵”的运用,即在制作时插入精灵,或在左边的“演员视窗”里将文字、图片等转换为精灵,那样在软件右边“相关设定值”里就会出现“精灵“一项,有“使用精灵底部对象”供你选用,我的有些动画就运用了精灵。顺便讲一下,精灵在时间轴上是单独运行的。

好了,“精灵”只在这里简单的提一下,它的用法等我以后有机会专门讲SwiSHmax这个软件时再详细讲,想学的网友也可和我私下切磋,单独探讨。

四、用Photoshop做卷轴画

1、做好一幅展开的卷轴画。这个想必大家都会做的,在这里就不多讲了。

2、把画从后面或下面截掉一截(从哪儿卷就在哪儿截),再在留下的部分安上卷轴。

3、再截去一截,再截去一截。

4、就这样一截一截的截下去,最后只剩下两个并排的画轴。

5、从Photoshop转到ImageReady里进行编辑。

6、从“窗口”打开“动画”,选择“从图层建立帧”,如果方向不对,可选“反向帧”(如我做的这个卷轴画是从右向左卷的就选“反向帧”)。

7、选择每一帧的延迟时间,可以通过测试决定,最后一帧的延迟时间要放长一点。

8、选择播放次数,软件里有“一次”,“一直有效”(即循环播放)和“其他”三项(如果只播放几次就在“其他”项内填写具体数字)。如果留待下次再修改可以“存储为”PSD格式的文件。

8、保存为GIF文件:在菜单栏里点“存储优化结果”,将动画起个名字,点保存即可。如修改后另存,即点“将优化结果存储为”。OK!一个简单的卷轴画就做成了。

注:

A:这些图片是我帮李佩琛老师改卷轴画时特地做的,现在算是派上用场了。

B:做上述图片最简单的办法:将两根卷轴并排放在图画的一侧,点选“活动轴”,在键盘上用方向键向一侧移动,可以通过测算,每点击多少次保存一张,上述的这29帧图片我就是这么做的,相当快捷。

五、用GIF做卷轴画

用GIF制作软件也可以做卷轴画,我用的是GIF Movie Gear 4.1.2 汉化版,界面很简单,只有菜单栏、工具列和工作区。
1、GIF制作软件本身不能制作图片,因此上述的1-4步还要在PS里做好并保存为JPG格式的文件备用。正好,上次为了解答李佩琛老师的有关问题(见附录2:关于卷轴画的对话),我试着做了一组(共29帧)不断延伸的卷轴画图片(方法见上文后注),这次也就以此为例。
2、点“菜单栏”里的“文件”,再点“导入帧”,将这29张图片全部导入工作区。

3、点“编辑时间间隔”确定每一帧的延迟时间,后面的绿箭头是“执行”,再后面是“重置”。

4、为了播放后能停顿一会儿,最后一帧的延迟时间要放长一点。

5、点“显示动画预览,看看效果如何,如果很好就进入下一步。

6、点保存,起个动画名字,将这组图片存为GIF文件,一个简单的卷轴画就做成了。

六、用Flash做卷轴画

1、制作卷轴
在Flash里制作卷轴和在SwiSHmax里做卷轴是大同小异的,主要过程简述如下:

(1)、点“插入”,点“新建元件”选择“图形”,文件名为“卷轴”。

(2)、点“矩形工具”在舞台拖出一无边框矩形,点此矩形,在下边的属性面板中设定矩形的高和宽。

(3)、选中此矩形,在菜单栏点“窗口”选择“混色器”,在“类型里选择“线形”中间选择白色,两边选择深色。

(4)、再用矩形工具画一小长方形,充色(黑色),和上面的做法一样,做好后放到大长方形上面,再复制一个,放在下面,对齐。

(5)、选中这三个长方形,点“修改”,点“组合”。再点“窗口”点“对齐”使其居中,卷轴就做成了。

再啰嗦一句:何必花这么多功夫做卷轴呢,在网上借(偷、拿都一样)一根不就得了,而且还可以挑选最好看的,你放心,是没人干涉的。

2、图画层

(1)、点“场景”,导入一幅做卷轴画的图画,文件名“图画层”。

(2)、点此图画,在下边的“属性”栏中查看其高和宽,可根据此图的大小适当放大一些舞台尺寸,背景颜色(任选)也可以根据你导入的图画而定。

(3)、调整图画在舞台上的位置,锁定“图画层”。

3、遮罩层:

(1)新加图层2(名为“遮罩层”),用矩形工具画一矩形,正好覆盖住下面的图画,在第二层的第70帧(具体数值自定)按F6加关键帧。

(2)回到第一帧,点选矩形,在下面的属性面板中,调整矩形的大小,高和图画相同,宽为10。

(3)点击第一帧,再点“属性面板“里的“补间”选择“形状”,这时,就会看到图层2的时间轴内,出现淡绿色带箭头的实心线。

(4)、在“图层名称”上右击,再点“遮罩层”,锁定图层2。

4、固定卷轴层:

(1)、新建图层3(名为“固定卷轴”),从库中拖出图形元件“卷轴”。

(2)、点“任意变形工具”,调整长和高放在图画的左边,以刚压住画的左边一点点为宜。

5、活动卷轴层:

(1)新建图层4(名为“活动卷轴”),从库中拖出图形元件“卷轴”,调整长和高,放在固定轴的右边(如竖画就放在下面),与固定轴并排放好。

(2)在这一层的第70帧(具体数值自定)按F6,再同时按Shift和键盘上的向右方向键(也可用鼠标直接拖),把活动轴调到与画的右边对齐。

(3)回到第一帧,点“补间”选择“动画”。

(4)为了让卷轴画完全打开后能停顿一会儿,在这四层的第100帧处(具体数数值自定)按F5增加帧。

(5)在菜单栏点“控制”选择“测试影片”,达到满意时点“保存”。

(6)、点文件,点“导出”,选择“导出影片”,起个文件名,点“保存”。
 

七、以上四种软件的比较

1、GIF 制作软件
这类软件有个弱点,那就是做卷轴画时选择的帧数少了有停顿的感觉,选择的帧数多了做出的文件量又很大,像素选择大了也是这样,我试验了一下,图片帧数取29帧,像素只取500×221,文件量就有640多K,我又试着用770×340像素做出来就多达1.6M。用了29帧图片已经够多的了,还是有一顿一顿的感觉,我的结论是:GIF 制作软件不适合做卷轴画(说它能做卷轴画,这话似乎不确切,说到底它只是个合成器)。

当然,它的主要功能不单单是做动画,它可以剪切、缩放、旋转导入的图像文件,调整帧的次序和延迟时间,更改循环次数,为 GIF 文件添加注释,可以创建GIF和256色AVI动画,还可以创建Windows XP图标等。

2、Photoshop

Photoshop在做卷轴画方面要比GIF 制作软件要好得多,最起码它可以自己处理和加工图片,但它的弱点也和GIF一样,那就是做出来的动画文件量大(比GIF 软件做的要小一些,我试了像素取500×221的做出来是263K),另外也有一顿一顿的感觉。

众所周知,Photoshop的功能特别强大,是闻名遐迩的,它的强项也不是做动画,而是对图片和照片的处理、编辑以及平面设计。

3、Flash

如果提起做动画,人们首先想到的当然就是Flash了,不错,Flash是所有做动画软件的“大哥大”,这是毫无疑异、不可置疑的,到目前为止还没有任何一款软件可以替代它。它做出来的动画不但精致,而且文件量小,如上述李佩琛老师的那个卷轴画,我用Flash 8(像素770×340)做出来只有100K,而且卷动起来自然、逼真,没有一点停顿的感觉。

它的优点和功能是人所共知的(当然是指学过动画的人啰),在这里就不用我饶舌了吧。

无庸讳言,我们中老人用起Flash来难度要大一点,因为它的功能太多,自身文件量也很大,如我目前用的Flash 8安装后就有170多M,Flash 9就更大了。

4、SwiSHmax

我发现,SwiSHmax是最适合我们中老年人玩的软件,它自身文件量小,只有9M多一点,安装后也只有20M,但用起来却能得心应手,在某些方面比起Flash来(如做卷轴画)也毫不逊色。特别是文字效果,我敢说连Flash都没法比。如我做的“热烈祝贺夕阳论坛建坛两周年”里面用的全部是文字特效,我用SwiSHmax软件1个小时完全可以做出来,如果用FLASH的话,我想3个小时也不一定做得出来(个中原因,我不说了,内行人是知道的)。在做卷轴画方面,虽然某些方面比不上Flash,但对我们这些要求不高的中老年人来说还是绰绰有余的,如上述李佩琛老师的那个卷轴画,我也用SwiSHmax软件做了一个,像素我取了770×340(不小吧),做出来的卷轴画文件量只有113K(详见“关于卷轴画的对话”)。

前面讲了,我特别钟爱这个软件,对它赞赏有加,但它也是有缺点的,如在背景音乐的压缩方面,高难度动画技巧处理方面就不如Flash了。但话又说回来了,我们中老年用得着吗?它毕竟只有十几M啊,我们能对它求全责备吗?!


八、结束语

至此,卷轴画的制作方法已经全部写完了。我讲的这些都是基础知识,至于卷轴画的变形如:两根卷轴从左(或从右)跳转进入舞台,从上面掉下来,从中间由小到大出现,用绳子系着须点击才能展开,还有就是在卷轴画上加透明Flash,如小鸟飞过、云彩飘动,燃放焰火、闪耀彩虹,再有就是用各种各样的图片做背景而且还能缓缓移动……等等、等等,这些都是可以做出来的,大家学会了这些最基本的知识之后再凭着自己丰富的想象力,展开智慧的翅膀,尽情发挥,在网络这个神奇世界里自由遨翔吧!

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



ma1304
(2010/12/31 20:30:00) [180.157.210.]

谢谢老师,我收藏了.

 发表评论:共有 1 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

春水音画坊 春水音画网 Flash音画欣赏 中国音画网 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:13100529212 网站备案号:琼ICP备10201066号-5 联系人:春水 QQ:421424569

琼icp备09005167