试述遮罩动画的基本原理,以制万花筒为例
发布网友
发布时间:2022-05-21 22:40
我来回答
共1个回答
热心网友
时间:2023-11-17 10:22
一、创建文档
执行【文件】菜单下的【新建】命令,在弹出的对话框中选择【常规】/【Flash 文档】单击【确定】 按钮,新建一个影片文档。 执行【修改】菜单下的【文档】命令,在文档属性对话框中设置:大小为 350×350,背景色任意。
二、.导入素材到库
执行【文件】菜单下的【导入】/【导入到库】菜单命令,在弹出的对话框中,选中本例所需用的图片,再点击右下角的【打开】按钮。这样就把素材导入到库。
三、制作旋转图片
1、执行【插入】菜单下【新建元件】命令,在弹出的对话框中设置:名称〖旋转图片〗,行为【影片剪辑】,确定。此时进入到元件的编辑区。
2、从库里把图片提到编辑场景,选中图片,在属性面板里把图片大小设为:500×500,利用对齐面板把图片居中对齐。然后选中图片,按【F8】键把图片转换为元件,在弹出的“转换为符号”对话框中输入名称“背景”、类型选“图形”,并把注册点设在中心位置,确定。
3、点击“图层 1”的 120 帧插入关键帧,再点击 60 帧插入关键帧,并在60帧处利用变形面板把图片缩小为原来的80%。点击第1 帧,在属性面板的补间选项中选择“动画”,并设置顺时针旋转 1 次。点击第 60 帧,在属性面板的补间选项中选择“动画”,并设置顺时针旋转 1 次。把图层 1 锁定。
4、插入“图层 2”。点击“图层 2”的第 1 帧,选择工具箱中的【矩形工具】,禁止笔触,填充色任意,按住【Shift】键绘制一个正方形,然后用【线条工具】绘制出正方形的对角线,(从左上角到右下角)这样就得到两个三角形了,然后删出对角线上方的三角形及线条。选中场景中的三角形,在属性面板中设置大小为:180×180。然后把三角形的右下角移到编辑场景中心。
5、点击“图层 2”的 120 帧,按【F5】键插入帧。然后右键点击“图层2”在弹出的快捷菜单中选择“遮罩” 。这样就把“图层 2”设为遮罩层。此时场景中的图片显示为三角形。
四、拼图
1、执行【插入】菜单下【新建元件】命令,在弹出的对话框中设置:名称〖拼图〗,行为【影片剪辑】,确定。此时进入到元件的编辑区。
2、在“图层 1”的第 1 帧处,从库里提进“旋转图片”影片剪辑元件,选中些元件,在属性面板里设置坐标为 X:0、Y:0。此项操作是把元件的注册点对齐场景编辑中心。
3、选中“三角形” ,打开变形面板,在变形面板中把约束打上勾,在旋转设置中输入 90 度。然后点击【复制并应用变形】按钮三次。把图层 1 上锁。
4、右键点击“图层 1”的第一帧,在弹出的快捷菜单中选择复制帧选项,插入“图层 2” ,然后右键点击“图层 2”的第 1 帧在弹出的快捷菜单中选择粘贴帧选项。点击图层 2的第 1 帧,执行【修改】/【变形】/【水平翻转】菜单命令。这样图就拼好了。此时编辑场景中是一个正方形。
五、、场景组装
1、点击时间轴控制面板左上方的返回场景按钮回到“场景 1” ,从库里提进“拼图”影片剪辑元件,利用对齐面板居中对齐。锁定“图层 1” 。
2、插入“图层 2” ,选择【椭圆工具】,按住【Shift】键在舞台上绘制一个圆。再用【选择工具】框选所绘制的圆,然后在属性面板里设置笔触高度为6、笔触色为蓝色,笔触式样为实线、填充色任意,宽 320、高 320。利用对齐面板居中对齐。
3、插入“图层3” ,然后右键点击图形的笔触部份,在弹出的快捷菜单中选择点【剪切】,把“图层2”上锁。接着点击“图层 3”的第 1 帧,然后右键点击场景的空白处,在弹出的快捷菜单中选择【粘贴到当前位置】,这样就把边框原位移到“图层 3”上。
4、用【选择工具】选中“图层 3”上的边框,按【F8】键转换为元件,在弹出的“转换为符号”对话框中输入名称:〖边框〗、行为选影片剪辑。然后点击确定按钮。此时舞台上的边框已是元件,双击此元件,进入到元件的编状态。分别在 20 帧、40 帧、60 帧处插入关键帧,并在 20 帧上把边框的笔触色改为绿色,在 40 帧处改为紫色。然后点击“图层1” ,在属性面板的补间选项中选择形状,创建形状补间动画。
5、右键点击“图层 2” 在弹出的快捷菜单中选择“遮罩” 。这样就把图层 2 设为了遮罩层。此时舞台上显示的是圆形。
参考资料:http://blog.sina.com.cn/s/blog_610926920100f96b.html