第3篇 优化网页动画(Flash MX)

第8章 Flash MX 创作基本流程

8.1.1 影片属性规划(P310)

 影片属性规划:窗口—属性—

 大小:550 * 400 像素,内容:使画板适应文档内容大小;

 背景色:绿色;

 帧频:8 到 12 帧/秒;

 发布:Flash 播放器 5。

8.2.1 绘制矢量图形

8.2.1.1 使用制图工具箱(P314)

 绘图工具:

直线、椭圆、矩形工具;

钢笔(中心点、调整决定线段形状)、铅笔、刷子、

次级选择工具(选择线条定位点)

缩放、旋转工具;

箭头工具、套索工具(选择不规则区)、魔棒工具(选择相近色区)。

8.2.1.2 调配颜色(P317)

 线性填充、圆形填充。

8.2.2.5 直接创建文本的超级链接(P326)

  静态文本才能创建超级链接。dhwy

8.2.3.3 使用位图图像填充 Flash MX 形状(P330)

 位图填充:打开 Flash 画板—绘制三个椭圆—选择图形—

窗口—混色器—填充样式:位图—同时选择三个位图—

用不同位图分别填充三个椭圆。

8.2.3.4 设置位图图像的属性

 窗口—库—双击位图—不选择[使用导入的 JPEG 数据]—

新压缩比(1到100):如 20。

8.2.4.1 可以导入的声音格式(P332)

 WAV、MP3

 

第9章 创建和控制渐变动画

9.1.3 创建形状渐变动画(P359)

 方形变到圆形,圆形再变回方形 zfx_yx.swf

  创建进程条:鲜花开放 xhkf12 xhkf67

1

20

进程条

II

IIIIIIIIII

放大圆

小圆

大圆

花朵生长

小花

大花

 * 第1关键帧—短方块—删除边框—

 * 第20关键帧—长方块—

 * 右击第1帧—面板—帧—补间动画—变形(Shape)

9.2.3 创建运动渐变动画(P367

 1.插入—新建组件—飞鸽、图形;

 2.文件—导入—飞鸽图形;

 3.由组件转为场景;

 4.窗口—库—把图库中的飞鸽拖入场景中;

 5 在起始和结束关键帧调整飞鸽位置;

 6.右击飞鸽起始关键帧—创建补间动画。

9.2.3 创建运动渐变动画的控制(P369

层名 引导层 遮蔽层
主动 引导线 Guide
物体运动轨迹
如,跳水曲线
遮蔽层 Mask
如,文字笔划层
被动 已引导 Guided
运动的物体
如,跳水鱼
已遮蔽 Masked
如,移动的彩色条纹色块

 制作路径导引动画(鲤鱼跳龙门 lytlm 车走迷宫)。 

  1)鲤鱼层—添加共享库的鲤鱼 Fish Graphic;

  2)添加引导层—用铅笔画鲤鱼跳龙门曲线—平滑处理;

  3)在鲤鱼层起始关键帧、结束关键帧上

   把鲤鱼分别放在引导线的起点和终点,中心对准引导线—

 4)双击鲤鱼层起始帧—设置帧属性—

   补间动画:运动动画;

   选项:沿路径运动,同步(首尾连贯播放),捕捉路径。

9.2.5.1 运动渐变动画旋转示例(P377)

 导入时钟刻度盘图形 200*200、制作秒针作旋转元件。

  电大谢xz1电大谢xz5秒针 秒针2

1.在场景中导入时钟刻度盘图形 200*200;

或者画一个时钟刻度盘—把层改名刻度盘。

2.插入—新建元件—图形。

3.用文字工具—输入网站标志,

  如“网络天地 828 http://wltd828.126.com”。

4.在网站标志上增加字母构成秒针;

制作秒针作旋转元件,加辅助线确定旋转中心。

5.切换到场景—增加秒针层。

6.打开图形库—把秒针拖入场景中—秒针对准刻度“12”。

  秒针转轴心、时钟刻度中心都应与工作区中心对齐。

7.右击第15帧,插入关键帧,顺时针旋转秒针 90°。

8.依次右击第30、45、60帧,分别插入关键帧,

  分别顺时针旋转秒针 90°。

9.依次右击第1、15、30、45帧—创建动画动作。

10.修改—影片,

 帧频:1帧/秒,每分旋转1周。

尺寸:550px * 400px,背景颜色:天蓝色。

关键帧

1

15

30

45

60

秒数

旋转角度

1

0

15

90

30

180

45

270

60

360

11.增加秒针滴答声层。

12.窗口—共享库—声音—

   用 Latch Metal Click 模拟滴答声,把它 拖到第1帧。

13.右击第1帧—复制帧—右击第2帧—粘贴帧。

14.按住[Ctrl]—选中第1、2帧—右击—复制—粘贴到3、4帧。

15.由1至4帧复制粘贴到5至8帧,……最后使60帧都带滴答声。

9.3.2 设置遮罩层(P387)

 文字遮蔽彩条 wzcbct  lldt dhwy wzbz

 有文字笔划处看到移动的彩色条纹色块,空白处遮蔽彩条。

 1.修改—影片—尺寸:500*150。

 2.彩条层—选择线性填充—画矩形:1000*150—删除矢量线。

 3.点击彩条矢量色块—修改—转换成符号 cst。

 4.设置彩条起始关键帧、结束关键帧位置—设为运动动画。

 5.添加文字层—输入文字:字号90、60—定义为遮蔽层—

    系统自动定义彩条层已遮蔽。

 

第10章 使用动作脚本

10.3 Flash MX 的基本动作(P409)

10.3.1.1 goto 动作

 跳转按钮动画:跳转按钮 tzan1 tzan2

飞机 鲤鱼

 1.跳转帧

   单击场景中关键帧(如,20帧)—

窗口—(开发面板)动作—帧动作卡—动作—基本动作—

  双击跳转命令(goto)—

设置跳转场景、目标类型(如,帧数)、帧序号(如,1)。

 2.跳转按钮

 窗口—其他面板—公共库—按钮—选择按钮并拖入场景;

   右击场景中按钮—

动作—对象动作卡—动作—基本动作—双击跳转命令(goto)—

  系统添加代码"On (Release) {gotoAndPlay(1)}"—

   设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。

 Flash MX 2004 版:

 点击场景中按钮—(动作-按钮)—全局函数—时间轴控制—

双击 gotoAndPlay —输入帧数,如 gotoAndPlay(11)。

 3.“跳转按钮”制作实例 tzan tzan1 tzan2

声音层

Beam Scan

Metal Klank

 

Camera

Shutter

 

Cloth Rip

 

影片层

天上飞机

火箭射机

 

天上飞鸽

鱼射飞鸽

 

水上飞鱼

飞鸽追鱼

 

跳转帧

1—19帧

20关键帧

跳转到1帧

21—39帧

40关键帧

跳转到21帧

41—59帧

60关键帧

跳转到41帧

跳转按钮

背景层

[跳转飞鸽]

跳转到21帧

 

[跳转飞鱼]

跳转到41帧

 

[跳转飞机]

跳转到1帧