展开透明画卷的制作原理与方法.docx
《展开透明画卷的制作原理与方法.docx》由会员分享,可在线阅读,更多相关《展开透明画卷的制作原理与方法.docx(18页珍藏版)》请在冰豆网上搜索。
展开透明画卷的制作原理与方法
展开透明画卷的制作原理与方法
教学目的:
通过本节教学了解和熟悉遮罩及一罩两例的制作与原理,滤镜的设置和运用,进而创作出生动漂亮的透明画卷缓缓展开的动画效果。
教学对象:
本教材是针对有一定动画制作基础和对属性面板及工具箱、动作面板及其相关面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。
教学要点:
遮罩、一罩两例、滤镜。
作前准备
准备两张张规格为180*350的古典美女的图片,经过制图软件(ps、fw)处理后,放在指定的文件夹待用。
1.启动FLASH8 软件。
2.确立文档属性设置动画尺寸为180*400,背景颜色深绿,帧频24,点击确定,进入场景1。
如图1所示:
图1
3.首先将准备好的两张素材图片导入到库中,待用。
4.创建图形元件
(1)选择“插入-新建元件”,建立一个名为“mm1”的图形元件,点击确定,进入元件编辑区。
就一个图层。
选择图层1第一帧,从库中拖出素材图片1到舞台,规格为180*350,全居中。
如图2所示:
图2
右键该实例,将其转换为影片剪辑元件。
点击舞台实例,打开滤镜,设置其参数,如图3所示:
图3
完成后的舞台实例显示,如图4所示:
图4
(2)选择“插入-新建元件”,建立一个名为“mm2”的图形元件,点击确定,进入元件编辑区。
就一个图层。
选择图层1第一帧,从库中拖出素材图片2到舞台,规格为180*350,全居中。
右键该实例,将其转换为影片剪辑元件。
点击舞台实例,打开滤镜,设置其参数,如图5所示:
图5
完成后的舞台实例显示,如图6所示:
图6
5.创建影片剪辑
选择“插入-新建元件”,建立一个名为“翻页”的影片剪辑元件,点击确定,进入元件编辑区。
添加四个图层,共五个图层。
自下而上命名为图1、图2、遮罩、倒图2、阴影。
(这部分是重点的哦)
(1)选择图1图层第一帧,从库中拖出mm1图形元件到舞台,全居中。
如图7所示:
图7
在第160帧插入空白关键帧,从库中拖出mm2图形元件到舞台,全居中。
在第240帧插入帧,上锁。
如图8所示:
图8
(2)选择图2图层第41帧插入空白关键帧,从库中拖出mm2图形元件到舞台,全居中。
如图9所示:
图9
在第160帧插入空白关键帧,从库中拖出mm1图形元件到舞台,全居中。
在第240帧插入帧,上锁。
如图10所示:
图10
(3)选择倒图2图层第41帧插入空白关键帧,从库中拖出mm2图形元件到舞台,将其规格放大约为217*350,选择“修改-变形-垂直翻转”,然后将其放置在mm2正图的下方,用任意变形工具将其顺时针旋转一定角度。
如图11所示:
图11
在第80帧插入关键帧,将该实例移到mm2正图之上,所在位置,如图12所示:
图12
在第120帧插入关键帧,再将该实例移到mm2正图右上角。
如图13所示:
图13
分别依次点击第41、60帧,在属性面板创建动画补间。
用鼠标刮黑第41-120帧,右键刮黑处,复制帧。
再右键第161帧粘贴帧。
然后,点击第161帧上的实例,在属性面板点击“交换”按钮,如图14所示:
图14
打开交换元件面板,选择mm1图形元件,点击确定。
如图15所示:
图15
同理同种方法,完成第200帧和第240帧上的实例交换操作。
上锁。
(4)选择遮罩图层第41帧插入空白关键帧,用矩形工具在舞台拖一个规格约为500*500的,将其放置在mm2倒图的位置,然后,用任意变形工具顺时针旋转一定角度,其位置,如图16所示:
图16
在第120帧插入关键帧,将其移到覆盖mm2正图之上,如图17所示:
图17
右键第41帧,创建动画补间。
用鼠标刮黑第41-120帧,右键刮黑处,复制帧。
再右键第161帧粘贴帧。
设置该图层为遮罩层。
然后,再将倒图2图层拖到遮罩图层的下方。
进而完成“一罩两例”之效果。
(5)选择阴影图层第41帧,用线条工具在遮罩右上边缘处拖一条笔触高度为2的,黑色线段。
如图18所示:
图18
将其转换为影片剪辑,打开滤镜,设置其参数,如图19所示:
图19
在第120帧插入关键帧,将其移到该帧遮罩的右上边之处。
如图20所示:
图20
右键第41帧,创建动画补间。
用鼠标刮黑第41-120帧,右键刮黑处,复制帧。
再右键第161帧粘贴帧。
上锁。
本环节完成后的时间轴,如图21所示:
图21
6.编辑制作场景
返回场景1,添加一个图层,共两个图层。
自下而上命名为题目、画卷。
(1)选择画卷图层第一帧,从库中拖出翻页影片剪辑元件到舞台,水平中齐-上对齐。
上锁。
如图22所示:
图22
(2)选择题目图层第一帧,用文本工具在画卷下方输入:
“展开画卷”,规格,颜色,字体自定。
水平中齐。
上锁。
如图23所示:
图23
7.该作业完成后的时间轴如图24:
图24
8.测试存盘
*说明:
1.本教程中为节省空间只选用了两张图片相互切换。
实例视图有的也是按50%比例展示的。
2.要想增加图片可按照“翻页”影片剪辑中,各图层第160帧往后的制作原理与方法操作完成即可。