第11讲 ActionScript动画(三)Flash高级商务动画设计(PPT全)(袁野版)

1、 u 利用动作脚本实现鼠标动画 u鼠标鼠标跟随跟随 u 使用一个空的影片剪辑实例作为可移动对象，然后计算空影片剪辑实 例被移动的距离，相应地更改影片剪辑实例的位置与角度 u鼠标绘图鼠标绘图 u 设置一个空的影片剪辑实例为可拖动，然后在该影片剪辑实例右键添 加动作脚本，在按住鼠标的事件中，在鼠标指针经过之处复制包含有 “一个点”的影片剪辑元件 u心相随心相随 u 第一帧代码中的while循环是复制9个实例，第3帧的语句是跳到第2帧， 程序将在反复检测、反复调整红心和鼠标的距离。 u 在外部文件中创建AS u动作脚本程序可以作为外部文件存储（后缀是.as）,这样脚本代码便于统 一管理，可以提高动作

2、脚本代码的重用性。As文件创建好类文件，某帧 添加动作，输入代码import 该类。 :计算机基础计算机基础 与实训教材系列与实训教材系列 系列丛书官方网站系列丛书官方网站 http:/www.tupwk. : 在前面章节中已经介绍了有关在前面章节中已经介绍了有关ActionScript的一的一 些基础知识，例如输入些基础知识，例如输入ActionScript、ActionScript的的 一些常用术语等。本章将进一步介绍一些常用术语等。本章将进一步介绍ActionScript的应的应 用，主要介绍了一些常用的语句以及编写类的方法。用，主要介绍了一些常用的语句以及编写类的方法。 q学习各种应用

3、 q掌握帧动作脚本的使用方法。 q掌握按钮动作脚本的使用方法。 【实例说明】【实例说明】雪花有的旋转，有的落下。 【技术要点】影片剪辑制作两种效果的雪花，采用动 态文本，显示贺卡内容，并用上行按钮和下行按钮滚 动文本内容。 q启动Flash CS4，菜单上，文件新建，创建了一个新的Flash影片文 件。菜单上，文件另存为.， 在打开的“另存为”对话框上，选择 保存文件的文件夹位置，在“文件名”后输入：贺卡.fla，点击“保 存”按钮。 q菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为 437561，背景颜色为淡蓝色，帧频为12fps，单击“确定”返回到 文档编辑窗口。 q菜单上，插入

4、新建元件，打开“创建新元件”对话框，设置元件名 称为：snow，行为选择“影片剪辑”，单击“确定”按钮，打开 “snow”影片剪辑元件的编辑窗口。 q画圆，白色到白色透明放射渐变，右键转换为图形元件“雪”。做下 垂运动，如图，回到场景1，第一层放背景，第二层，拖几个snow q菜单上，插入新建元件，打开“创建新元件”对话框，设置元件名 称为：move雪花，行为选择“影片剪辑”，单击“确定”按钮，打 开“move雪花”影片剪辑元件的编辑窗口。 q时间轴如图所示。选顺时针旋转。 q菜单上，插入新建元件，打开“创建新元件”对话框，设置元件名 称为：move，行为选择“影片剪辑”，单击“确定”按钮，打

5、开 “move”影片剪辑元件的编辑窗口。 q拖入多个move雪花。大小不一，有的透明度为50%。 q回到场景1，时间轴如图1，新建图层3，为文本Beautiful winter， q新建图层4，点文本工具，文本Beautiful winter的阴影。 q新建图层5，画上面的文本框，选动态文字，打开属性面板，设置变 量为to, q图层5画下面的文本框，选动态文字，打开属性面板，设置变量为 message11,拉上行按钮和下行按钮到舞台。在动作-按钮里输入脚本 代码 q新建图层6，在动作-帧中输入代码 q新建图层7，在动作-帧中输入代码 q【实例说明】【实例说明】楼盘字体辉光效果，当鼠标通过按 钮

6、时，图片弹出。 q【技术要点】【技术要点】辉光效果采用遮罩层技术；按钮加 入脚本，当鼠标悬停在按钮上时，变量值发生变 化，导致纵坐标和透明度更改。 q启动Flash CS4，菜单上，文件另存为，在“另存为”的对话框上 ，先选择保存文件的文件夹的位置，在文件名后输入：楼盘导航动 画.fla，点击“保存”按钮。 q菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为 798300，背景颜色为白色，帧频为50fps，单击“确定”返回到 文档编辑窗口。 q图层1，导入背景。 q菜单上，插入新建元件，打开“创建新元件”对话框，设置元件 名称为：反应区，行为选择“按钮”，单击“确定”按钮，打开“ 反应

7、区”按钮元件的编辑窗口。在点击帧位置，插入关键帧，画红 橙色矩形。 q菜单上，插入新建元件，打开“创建新元件”对话框，设置元件名 称为：项目1，行为选择“影片剪辑”，单击“确定”按钮，打开“ 项目1”影片剪辑元件的编辑窗口。图层1，将图片1导入舞台，图层 2，将反应区拖入，调大小。右键 /动作: on (rollOver, dragOver) skal = 1; on (rollOut, dragOut) skal = 0; on (release) getURL(http:/ q回到场景1，新建图层2，拖入项目1，右键/动作,输入代码： onClipEvent (load) skal = 0

8、; onClipEvent (enterFrame) if (skal = 1) _y = _y + (100 - _y) / 6; _alpha = _alpha + (200 - _alpha) / 6; / end if if (skal = 0) _y = _y + (265 - _y) / 10; _alpha = _alpha + (25 - _alpha) / 6; / end if q项目2-5依次如项目1 q图层3-6依次将项目2-5拖入。 q菜单上，插入新建元件，打开“创建新元件”对话框，设置元件名 称为：文字遮罩，行为选择“影片剪辑”，单击“确定”按钮，打开 “文字遮罩”

9、影片剪辑元件的编辑窗口。图层1，将文字导入舞台， 在70帧插入帧；图层2，绘制矩形，变形为菱形，颜色面板线性黑-白 黑-白-黑-白渐变色。70帧插入关键帧，移动位置到文字右下方。创建 传统补间。图层3，复制图层1第1-70帧的内容，粘贴到第一帧。 q回到场景1，新建图层7，拖入“文字遮罩”影片剪辑 qCtrl+enter q【实例说明】【实例说明】放大镜随着鼠标指针一起移动，并放大背景 图像。 q【技术要点】【技术要点】 q应用了遮罩技术 q应用脚本代码对实现放大镜放大，及鼠标移动。 q启动Flash CS4，菜单上，文件另存为，在“另存为”的对话框上 ，先选择保存文件的文件夹的位置，在文件名

10、后输入：放大镜.fla， 点击“保存”按钮。 q菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为 920550，背景颜色为灰色，帧频为30fps，单击“确定”返回到 文档编辑窗口。 q图层1，导入到舞台，将素材背景导入。对宽高对齐，插入新建元 件，打开“创建新元件”对话框，设置元件名称为：放大镜，行为 选择“影片剪辑”，单击“确定”按钮，打开“放大镜”影片剪辑 元件的编辑窗口。将背景素材拖入舞台，F8将该素材转成“场景动 画”影片剪辑，在属性面板里将实例名Bigpic。 q新建图层2，绘制圆，笔触无，灰色，对齐舞台中心，作为遮罩层。 q新建图层3，将放大镜导入到舞台，与圆对齐。 q新建

11、图层4，打开动作帧，输入代码： stop (); this.onEnterFrame = function () this.BigPic._x = (460 - this._x) * 1.500000E+000; this.BigPic._y = (280 - this._y) * 1.500000E+000; ; q回到场景1，新建图层2，拖入放大镜影片剪辑，属性面板，实例名 为magnify q打开该影片剪辑动作，输入脚本代码： onClipEvent (enterFrame) this._x = this._x + (_root._xmouse - this._x) * 2.000000

12、E-001; this._y = this._y + (_root._ymouse - this._y) * 2.000000E-001; qCtrl+enter q【实例说明】【实例说明】制作广告，当按住不同按钮时，会有不同的 界面跳出，单击我要订阅，会跳到某网址 q【技术要点】【技术要点】 q启动Flash CS4，菜单上，文件另存为，在“另存为”的对话框上 ，先选择保存文件的文件夹的位置，在文件名后输入：4MP3广告 .fla，点击“保存”按钮。 q菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为 735262，背景颜色为淡红色，帧频为24ps，单击“确定”返回到 文档编辑窗口。

13、 q图层1，导入到舞台，将素材背景1导入。F8转为图形元件“背景图 像1”，93帧插入关键帧，100帧插入关键帧，样式转为亮度100% ，在第93帧创建传统补间动画。 q图层2，第3帧插入关键帧，拖入文字1图形元件，25帧插入关键帧 ，25帧样式转为无，在第3帧alpha=0%，在第三帧右键创建传统补 间动画。 q第93帧插入关键帧，100帧插入关键帧，93帧样式转为无，在第100 帧亮度100% ，在第93帧右键创建传统补间动画。 q插入新建元件，打开“创建新元件”对话框，设置元件名称为： 放大镜，行为选择“影片剪辑”，单击“确定”按钮，打开“放大 镜”影片剪辑元件的编辑窗口。将背景素材拖入

14、舞台，F8将该素材 转成“场景动画”影片剪辑，在属性面板里将实例名Bigpic。 q新建图层2，绘制圆，笔触无，灰色，对齐舞台中心，作为遮罩层。 q新建图层3，将放大镜导入到舞台，与圆对齐。 q回场景1，插入新建元件，打开“创建新元件”对话框，设置元件 名称为：反应区，行为选择“按钮”，单击“确定”按钮，打开“ 反应区”按钮元件的编辑窗口。在点击帧位置，插入关键帧，画红 橙色矩形。 q回场景1，插入新建元件，打开“创建新元件”对话框，设置元件 名称为：我要订购，行为选择“图形”，单击“确定”按钮，打开 “我要订购”按钮元件的编辑窗口。 q图层1，画圆角矩形，半径为15，线性渐变，浅红-深红-浅红，调整 角度。图层2，输入文字，我要订购。 q图层3，将反应区按钮拖入舞台，调整大小。在该反应区右键加入代 码： on (release) getURL(“http:/ q回场景1，图层3，20帧插入空白关键帧，“我要订购”图形圆件拖 入舞台，调整位置。 q30帧插入关键帧，30帧样式转为无，在第20帧a