第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.1.3 创建形状渐变动画(P359)
方形变到圆形,圆形再变回方形 zfx_yx.swf
帧 |
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 如,移动的彩色条纹色块 |
1)鲤鱼层—添加共享库的鲤鱼 Fish Graphic;
2)添加引导层—用铅笔画鲤鱼跳龙门曲线—平滑处理;
3)在鲤鱼层起始关键帧、结束关键帧上
把鲤鱼分别放在引导线的起点和终点,中心对准引导线—
4)双击鲤鱼层起始帧—设置帧属性—
补间动画:运动动画;
选项:沿路径运动,同步(首尾连贯播放),捕捉路径。
9.2.5.1 运动渐变动画旋转示例(P377)
导入时钟刻度盘图形 200*200、制作秒针作旋转元件。
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)
有文字笔划处看到移动的彩色条纹色块,空白处遮蔽彩条。
1.修改—影片—尺寸:500*150。
2.彩条层—选择线性填充—画矩形:1000*150—删除矢量线。
3.点击彩条矢量色块—修改—转换成符号 cst。
4.设置彩条起始关键帧、结束关键帧位置—设为运动动画。
5.添加文字层—输入文字:字号90、60—定义为遮蔽层—
系统自动定义彩条层已遮蔽。
10.3 Flash MX 的基本动作(P409)
10.3.1.1 goto 动作
1.跳转帧
单击场景中关键帧(如,20帧)—
窗口—(开发面板)动作—帧动作卡—动作—基本动作—
双击跳转命令(goto)—
设置跳转场景、目标类型(如,帧数)、帧序号(如,1)。
2.跳转按钮
窗口—其他面板—公共库—按钮—选择按钮并拖入场景;
右击场景中按钮—
动作—对象动作卡—动作—基本动作—双击跳转命令(goto)—
系统添加代码"On (Release) {gotoAndPlay(1)}"—
设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。
Flash MX 2004 版:
点击场景中按钮—(动作-按钮)—全局函数—时间轴控制—
双击 gotoAndPlay —输入帧数,如 gotoAndPlay(11)。
声音层 |
Beam Scan Metal Klank |
Camera Shutter |
Cloth Rip |
|||
影片层 |
天上飞机 火箭射机 |
天上飞鸽 鱼射飞鸽 |
水上飞鱼 飞鸽追鱼 |
|||
跳转帧 |
1—19帧 |
20关键帧 跳转到1帧 |
21—39帧 |
40关键帧 跳转到21帧 |
41—59帧 |
60关键帧 跳转到41帧 |
跳转按钮 背景层 |
[跳转飞鸽] 跳转到21帧 |
[跳转飞鱼] 跳转到41帧 |
[跳转飞机] 跳转到1帧 |