动态按钮萧女的制作 教学目的:通过本节教学了解和掌握动态按钮的基本原理及制作过程,进而熟悉按钮元件的创建和运用,从而使你动画作品更具有感染力。 教学对象:本教材是进阶学习,是针对有一定动画基础的朋友们编制的,因此省略了一些步骤,还望谅解。 教学要点:按钮,遮罩 制作步骤 1.启动FLASH8 软件。打开文档属性面板,设置尺寸为600*500,帧频为12,背景颜色任意,其它默认。 2.创建“圆”图形元件。 (1)执行“插入-新建元件”命令,在下拉对话框中设置名称为“圆”,类型为“图形”,确定。 (2)在元件编辑区用椭圆工具,按住SHIFT键托一个250*250,颜色任意的圆。全居中。将其转换为图形元件。如图1所示:
图1 3.创建“圆月”影片剪辑。 (1)执行“插入-新建元件”命令,在下拉对话框中设置名称为“圆月”,类型为“影片剪辑”,确定。 (2)在元件编辑区内建三个图层,自下而上分别命名为萧女、圆1、圆2。
(a)在萧女图层绘制一个“萧女”或导入一张无背景透明“萧女”图片,全居中。规格要小于圆(如有动感需另建元件制作),将其转换为图形元件。上锁如图2. 图2
(b)选中图层圆1第1帧,从库中将“圆”图形元件拖入工作区,全居中。上锁。 (c)选中图层圆2第1帧,从库中将圆图形元件托入工作区,全居中。选中图层圆2中的实例,打开属性面板,在颜色的下拉菜单里选“高级” ,再点右边的“设 置” ,在“高级效果”对话框里设置如图3所示:
图3 (d)右击圆1图层名称处,在下拉菜单里选“遮罩层” 。效果如图4所示:
图4 4.创建“圆月动画”影片剪辑。 (1)执行“插入-新建元件”命令,在下拉对话框中设置名称为“圆月动画”,类型为“影片剪辑”,确定。 (2)在元件编辑区内建立五个图层,自下而上分别命名为群女、圆1、反群女、圆2和圆3。
(3)点击群女图层第1帧,从库中拖出6个“萧女”图形元件等距排列好后,转换为“群女”图形元件,如图5所示: 图5 (4)点击图层圆1第1帧,从库中拖出“圆”图形元件,全居中。
(5)在群女图层第1帧,将群女左边两个萧女放到圆1的适当位置,在100帧处插入关键帧,将右边两个萧女移至圆1的适当位置,(和第1帧圆遮住萧女的位置一定要相同)。如图6.7所示。选中该图层的第 1帧,创建补间动画。
图6 图7 (6)在反群女图层第1帧,从库中拖出“群女”图形元件,执行“修改-变形-水平翻转”命令,点击该元件,设置透明度(Alpha)为25%。将其转换为“反群女”图形元件。 (7)点击图层圆2第1帧,从库中拖出“圆”图形元件,全居中。 (8)在反群女图层第1帧,将反群女右边两个萧女放到圆2的适当位置,在100帧处插入关键帧,将左边两个萧女移至圆2的适当位置(和第1帧圆遮住萧女的位置一点要相同)。如图6.7所示。选中该图层的第1帧,创建补间动画。 (9)点击图层圆3第1帧,从库中拖出“圆”图形元件,全居中。选中图层圆3中的实例打开属性面板,在颜色的下拉菜单里选“高级” ,再点右边的“设 置” ,在“高级效果”对话框里设置如图8所示: 图8 (11) 时间轴面板如图9所示:
图9 5.创建“萧女动画”影片剪辑。
(1)执行“插入-新建元件”命令,在下拉对话框中设置名称为“萧女动画”,类型为“影片剪辑”,确定。 (2)在该元件编辑区内建立三个图层。自下而上分别为背景、船女、音乐。 (3)在背景层可以导入一张相关图片,也可绘制山水、或花丛、或舞台;在船女图层可绘制萧女站在小舟上、或玉立在花丛间、或展现在灯光闪烁的舞台之上;音乐层导入已准备好的歌曲或音乐。(在此情况下,音乐的导入必须先创建音乐影片剪辑-然后导入音乐-将音乐影片剪辑元件拖入该图层的舞台中)。如图10. *这个环节尽可展开你想象的翅膀,进行与众不同的创意。
图10 6.创建按钮元件 (1)执行“插入-新建元件”命令,在下拉对话框中设置名称为“按钮”,类型为“按钮”,确定。出现如图11所示的界面: 图11 (2)选中“弹起”帧,从库中将“圆月”影片剪辑元件拖入场景,全居中。 (3)选中“指针经过”帧 ,插入空白关键帧,从库中将“圆月动画”影片剪辑元件拖入场景,全居中。 (4)选中“按下”帧 ,插入空白关键帧,从库中将“萧女动画”影片剪辑元件拖入场景,全居中。 7.组织编辑场景 (1)在场景1建立三个图层,自下而上分别命名为背景、按钮、文本。 (2)选中背景图层第1帧,将背景图片(或自制背景)托人舞台。全居中。上锁。 (3)选中按钮图层第1帧,将按钮元件托人舞台。全居中。上锁。 (4)选中文本图层第1帧,在画面的上方键入动画的名称,在画面的右下方键入作者名称。上锁。 8.时间轴面板如图12所示:
图12 9.测试存盘
最终效果显示:
|
|