中国知青网生活 专栏音画交流 → [转帖]卷轴画的制作


  共有3079人关注过本帖树形打印复制链接

主题:[转帖]卷轴画的制作

帅哥哟,离线,有人找我吗?
易森
  1楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
[转帖]卷轴画的制作  发帖心情 Post By:2008/10/6 22:10:00 [只看该作者]

 一、写在前面的话

我最近做了两个卷轴画,一个是横向的长幅卷轴画:梅花八绝,一个是竖向的多幅卷轴画:中国古代四大美女,放在自己的博客和中国老年网的《夕阳论坛》里,都受到一定程度的好评。网友zbz777在《夕阳论坛》里的“flash和图形图象板块”发起投票要我写一下制作卷轴画的方法,我这人生性懒散,做完一件事后就觉得万事大吉而弃之不管,最怕的就是写什么教程,究其原因嘛,一是觉得自己才疏学浅,怕写出来的东西谬误太多,会让高手们贻笑大方;二是怕动脑筋,在做动画的时候还颇有兴趣,一旦要把它的过程写出来就觉得是在“炒剩饭”有点枯燥无味,主要是嫌写制作过程既要叙述,又要截图,还要字斟句酌太麻烦了。所以当时在论坛里就采取敷衍的办法,在回帖时打趣地写道:只要有20个人投票,我就牺牲一天时间(其实一天时间是永远不够的)写个详细的制作说明,以回报大家的厚爱,并答应说绝不食言。这下可好了,真有那么多人投了赞成票,尤其是有些网友恳切的言辞让我这么一个不轻易动感情的“老爷们”都感动不已,迫于情理,我只好“上架”献丑了。

原打算只写制作单幅卷轴画的全过程(这样一天时间足够了),看到大家的热情那么高,为了对得起投票的网友,我就索性全写了吧,反正闲居在家,时间对我来说是无所谓的。

在我的博客和论坛里我曾一再声明过,我不是什么“大虾”和高手,学动画也只有一年多时间,大家不要称我为老师。正因为此,写出来的东西也就不成章法,没有条理,总之,不能算是什么教程,充其量只能算是学习体会或制作过程什么的。关于“卷轴画的制作方法”也是这样,我不揣浅陋地写出来,如有错误和疏漏的地方,还请诸位网友批评指正,本人不胜感激之至。

以上这些就算是开场白吧!好了,下面言归正传。

 待续


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  2楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:12:00 [只看该作者]

 

二、概  述

 

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

待续


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  3楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:15:00 [只看该作者]

 三、用SWiSHmax做卷轴画

卷轴画主要有四个部分组成(按照FLASH术语说也就是四个图层),那就是底色、卷轴、图画、遮罩。其中以卷轴的制作难度稍微大一点。

既然是用SwiSHmax来做卷轴画,那我们就先来看看SwiSHmax的界面吧。(图一)

 

       图  一

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

 

      图  二


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  4楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:19:00 [只看该作者]

 

1、卷轴的制作

 

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

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

 

  图  三 

 

  图  四

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

 

  图  五 

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

 

图  六

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

 待续


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  5楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:20:00 [只看该作者]

2、单幅卷轴画的制作

 

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

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

   图  七

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

 

   图  八

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

 

   图  九

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

 

    图  十


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  6楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:22:00 [只看该作者]

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

 

    图十一

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

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

 

      图十二

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

   图十三

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

    图十四

 

待续


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  7楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:23:00 [只看该作者]

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

 

    图十五

 

  图十六 

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

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

 

     图十七

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

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

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

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

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

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

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

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

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

 


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  8楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:27:00 [只看该作者]

  3、多幅卷轴画的制作

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

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

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

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

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

 

       图十八


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  9楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:29:00 [只看该作者]

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

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

 

    图十九

 

   图二十

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

   图二十一

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


 回到顶部
帅哥哟,离线,有人找我吗?
易森
  10楼 博客 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五星会员 帖子:8916 积分:49877 威望:0 精华:19 注册:2008/8/27 14:31:00
  发帖心情 Post By:2008/10/6 22:30:00 [只看该作者]

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

 

 图二十二

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

   图二十三


 回到顶部
总数 35 1 2 3 4 下一页