第5章交互动画应用

Animate二维动画制作技术DESIGNEDBYANIMATE动感十足，创意无限，让学习变得更精彩！第五章交互动画应用——童话乐园学习目标：熟悉AN中脚本的使用知识掌握按钮元件的使用知识能够熟练应用时间轴控制脚本进行动画控制掌握运用遮罩等动画原理进行综合动画制作的技巧5.1项目介绍5.2知识点详解5.3项目实战5.4模向拓展练习5.5本章小结01第五章交互动画应用5.1项目介绍1项目介绍由于ActionScript3.0脚本强大的交互功能，使得AN制作出来的动画交互速度更快、更加人性化、效果更生动。本项目以乐园网站导航动画为例，将各种动画制作知识和技巧贯穿在一起，让读者在学会童话乐园导航网站制作的过程中掌握项目创作的方法。01第五章交互动画应用5.2知识点详解1按钮知识按钮元件是AN三种元件类型之一，按Ctrl+F8键可以新建一个按钮元件。其各帧含义如下：

弹起：即按钮正常显示的状态。指针经过：即鼠标划过按钮时的状态。

按下：即鼠标左键按下按钮时的状态。点击：确定按钮与鼠标交互的范围。提示：由于按钮元件每个状态只有1帧，如果想要在按钮元件上制作动画，可利用影片剪辑元件只需要1帧即可播放的特点，将动画制作在影片剪辑元件中，再放在各个帧上，从而完成动态按钮的制作。01第五章交互动画应用5.2知识点详解2ActionSctipt3.0脚本1．脚本的添加ActionScript3.0脚本需要添加在关键帧上。其方法为，在关键帧上单击鼠标右键，从弹出的右键菜单中选择“动作”，即可打开动作面板。01第五章交互动画应用5.2知识点详解2ActionSctipt3.0脚本2．语法规则点（.）用来指明与某个对象相关的属性和方法。语句用分号（；）放在语句结束处，表示语句结束。关键字严格区分字母的大小写。但当动作面板中启用彩色语法功能时，正确书写的大小写字母关键字会以蓝色显示。变量名必须以字母开头，并且只能由字母、数字、和下划线（_）组成。变量名必须是唯一的且区分大小写。01第五章交互动画应用5.2知识点详解2ActionSctipt3.0脚本3．对象处理属性：是对象的固有特性，如影片剪辑元件的位置、大小、透明度等。其通用结构为：对象名称（变量名）.属性名称；如boy.alpha=tmd;

方法：是指可以由对象进行的操作。

其通用结构为：对象名称（变量名）.方法名；如fish.stop();

创建对象实例：创建对象的第一个步骤就是声明变量，并为变量赋一个实际的值，整个过程称为对象“实例化”。例如：varmymc:MovieClip=newMovieClip;//创建一个影片剪辑实例01第五章交互动画应用5.2知识点详解2ActionSctipt3.0脚本3．对象处理事件：是确定ActionScript能够识别并可响应的事情。如鼠标滑过事件等。编写事件代码时，要遵循以下基本结构：FunctioneventResponse(eventObject:EventType):void{//响应事件而执行的动作}eventSource.addEventListener(EventType.EVENT_NAME,eventResponse);01第五章交互动画应用5.3项目实战1制作背景出现动画本部分内容主要利用遮罩动画来实现。首先利用遮罩动画制作湖水等线条渐显的动画，然后再次利用遮罩动画实现图片逐渐出现的动画效果。01第五章交互动画应用5.3项目实战2制作店铺导航图标出现动画本部分内容首先制作面包坊变形动画，然后加入店标牌，添加隐形按钮及脚本，最后在场景中制作各店铺出现的动画。01第五章交互动画应用5.3项目实战3制作场景中的其它元素本部分内容利用传统补间动画实现文字变形的动画效果，利用声音的“数据流”模式实现声音与动画的同步播放，然后利用停止脚本实现动画的停止效果。01第五章交互动画应用5.4横向拓展练习1横向拓展练习利用素材文件夹中给出的名车展示素材图片，完成“名车展示”动画的制作。本章小结：DESIGNEDBY