分享

FLASH进阶教程◆动态按钮萧女的制作过程

 吉祥如意988 2017-02-17

 

动态按钮萧女的制作过程

 

    教学目的:通过本节教学了解和掌握动态按钮的基本原理及制作过程,进而熟悉按钮元件的创建和运用,从而使你动画作品更具有感染力。

  教学对象:本教材是进阶学习,是针对有一定动画基础的朋友们编制的,因此省略了一些步骤,还望谅解。

  教学要点:按钮,遮罩

 

   制作步骤

  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.测试存盘

 最终效果显示:

http://hsb345./domName/hsb345/200832311362111687.swf

全屏下载

祝你成功!

吉祥如意988/引编自/迎客松

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多