您好!欢迎您光临动态按钮萧女的制作过程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>动态按钮萧女的制作过程
动态按钮萧女的制作过程
发表日期:2012/9/17 19:01:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6915

 动态按钮萧女的制作过程

   

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

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

  教学要点:按钮,遮罩

 

   

   制作步骤

  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.16789.net/domName/hsb345/200832311362111687.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



陌生闯入者
(2010/7/28 10:47:00) [61.184.187.]

谢谢


宝贝微笑
(2009/5/8 17:41:00) [121.206.89.]

我今天很烦恼呀!没有人理解我


宝贝微笑
(2009/5/8 17:40:00) [121.206.89.]

辛苦了.我搬回家好好学


小小孩
(2008/11/7 8:49:00) [219.148.157.]

真的很好,但是这个怎么看不见图片啊。可惜


789654123
(2008/9/21 19:50:00) [123.174.1.]

多谢先生,您辛苦啦!

 发表评论:共有 11 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167