打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
云杜红叶
一、写在前面的话
我最近做了两个卷轴画,一个是横向的长幅卷轴画:梅花八绝,一个是竖向的多幅卷轴画:中国古代四大美女,放在自己的博客和中国老年网的《夕阳论坛》里,都受到一定程度的好评。 网友zbz777在《夕阳论坛》里的“flash和图形图象板块”发起投票要我写一下制作卷轴画的方法,我这人生性懒散,做完一件事后就觉得万事大吉而弃之不管,最怕的就是写什么教程,究其原因嘛,一是觉得自己才疏学浅,怕写出来的东西谬误太多,会让高手们贻笑大方;二是怕动脑筋,在做动画的时候还颇有兴趣,一旦要把它的过程写出来就觉得是在“炒剩饭”有点枯燥无味,主要是嫌写制作过程既要叙述,又要截图,还要字斟句酌太麻烦了。所以当时在论坛里就采取敷衍的办法,在回帖时打趣地写道:只要有20个人投票,我就牺牲一天时间(其实一天时间是永远不够的)写个详细的制作说明,以回报大家的厚爱,并答应说绝不食言。这下可好了,真有那么多人投了赞成票,尤其是有些网友恳切的言辞让我这么一个不轻易动感情的“老爷们”都感动不已,迫于情理,我只好“上架”献丑了。
原打算只写制作单幅卷轴画的全过程(这样一天时间足够了),看到大家的热情那么高,为了对得起投票的网友,我就索性全写了吧,反正闲居在家,时间对我来说是无所谓的。
在我的博客和论坛里我曾一再声明过,我不是什么“大虾”和高手,学动画也只有一年多时间,大家不要称我为老师。正因为此,写出来的东西也就不成章法,没有条理,总之,不能算是什么教程,充其量只能算是学习体会或制作过程什么的。关于“卷轴画的制作方法”也是这样,我不揣浅陋地写出来,如有错误和疏漏的地方,还请诸位网友批评指正,本人不胜感激之至。
以上这些就算是开场白吧!好了,下面言归正传。
二、概  述
一般卷轴画都是长方形的(废话,圆形的卷轴画能卷吗?),卷的方向有竖向的(从上向下卷),有横向的(向左或向右卷),有单幅和多幅的,有长幅和短幅的,有回卷和不回卷的等等。
卷轴画的底部颜色可以设为灰色,也可以用青色、白色或其它什么颜色,还可以用图片,这些都不强求一致,可根据制作者的喜好而定。
做卷轴画的软件也有很多,主要有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啊,我们能对它求全责备吗?!
八、附  录
1、我做的卷轴画及下载地址
(1)、梅花八绝(横向长幅卷轴画)
下载地址:
http://bbs.chelder.com.cn/UpFile/UpAttachment/2007410212746.swf
(2)、中国古代四大美女(竖向多幅卷轴画)
下载地址:
http://bbs.chelder.com.cn/UpFile/UpAttachment/2007415212416.swf
(3)、清明上河图(里面的第三部分:“欣赏画卷“就是横向超长幅的卷轴画)
下载地址:
http://www.oldkids.com.cn/ftp/user5/flash/yao清明上河图.swf
(4)、怎样做卷轴画(极为简单的卷轴画制作说明)
下载地址:
http://www.oldkids.com.cn/ftp/user5/flash/怎样做卷轴画.swf
(5)、美国《时代周刊》封面上的中国人物(也是另一种形式的卷轴画)
下载地址:
http://www.chelder.com.cn/bbsxp/UpFile/UpAttachment/200712615506.swf
2、关于卷轴画的对话
里面讲的也是关于卷轴画方面的话题(是和一位网友探讨卷轴画的做法以日志的形式放在自己的博客里,取名为:关于卷轴画的对话。也放在这里,供大家学习时参考)。
链接地址:
user1/yao1001/14265.html
九、结束语
至此,卷轴画的制作方法已经全部写完了。我讲的这些都是基础知识,至于卷轴画的变形如:两根卷轴从左(或从右)跳转进入舞台,从上面掉下来,从中间由小到大出现,用绳子系着须点击才能展开,还有就是在卷轴画上加透明Flash,如小鸟飞过、云彩飘动,燃放焰火、闪耀彩虹,再有就是用各种各样的图片做背景而且还能缓缓移动……等等、等等,这些都是可以做出来的,大家学会了这些最基本的知识之后再凭着自己丰富的想象力,展开智慧的翅膀,尽情发挥,在网络这个神奇世界里自由遨翔吧!
最后重复一下本书扉页上的一句话。
愿大家:
学有所成,
活得潇洒,
玩得开心!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【flash教程】 荷花卷轴画的制作
PS教程:Photoshop制作卷轴画展开GIF动画特效
【原创】卷画效果 - [教材发布区] - 闪吧论坛 flash,flash8,闪客 - P...
卷轴打开特效动画在WPS演示2013中制作实例
用SwishMax3制作动态水或树叶风吹效果
PPT制作画卷展开动画
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服