第三部分 Flash
操作练习
1.动画设计素材
民用交通:民航客机、公共汽车、摩托车、客运轮船。
军用交通:战斗机、坦克、军舰、航空母舰。
体育用品:蓝球、足球。
2.动画设计题材
人能上天飘飘然,腾云驾雾万里飘,
翻转十圈跳入水。
好山好水好风光,飞鸽远来亲漓江。
蓝球飘飘满天飞,足球后绕进球门。
龙城闪客 http://flash126.com
不如跳舞、满天飞叶、滚动的球、3D漩涡
3.动画设计考虑因素
例如:飞鸽远来亲漓江 fgyl.swf
飞鸽高空慢柔飞,摩托河边狂飞驰,
字幕徐徐向右移,山清水秀景拉近,
优美动听音乐放,五颜六色万千变。
第一章 Flash简介
Flash动画的特点(P271)
基于矢量图形,支持交互,渐变动画,
兼容性强(网络浏览器和Windows都带Flash播放器)。
第二章 图形的绘制与编程
Flash 5 |
||||||||
文件 | 编辑 | 查看 | 插入修改 | 文本 | 控制 | 窗口 | 帮助 | |
新建 | 打开 | 保存 | 剪切 | 复制 | 粘贴 | 捕捉 | ||
工具箱 | 场景 | 符号 | ||||||
层显隐 | 锁定层 | 显线框 | 帧1 | 帧5 | 帧10 | 帧15 | 帧20 | |
导向层 运动对象层 |
时间轴 | |||||||
插入图层 |
添加引导层 | 垃圾箱 | ||||||
查看 |
工作区(画板) |
|||||||
颜色 缩放旋转 |
||||||||
50% | 信息 | 调色板 | 字符 | 实体 | 影片浏览器 | 动作 | 符号库 |
2.1 基本图形的绘制(P274)
轮廓和填充颜色,画图工具(铅笔、笔刷)
2.2 图形基本编辑(P279)
区域的填充
2.3 对象的选取(P281)
对象的选取、对象变形、旋转与缩放。
用弧形光标拉动线条可以随意变形。
2.6 组合与分割(P284)
选择图形—修改(Modify)菜单—组合(Group)/取消组合(Ungroup)。
第三章 文本与符号
3.1 创建文本(P286)
文本工具[A]
属性工具[A]:字体、字号、字形、颜色。
3.2 编辑文本(P287)
字符对象矢量化,可生成形状渐变动画。
3.3 符号基础知识(P288)
符号的三种类型:
1.影片剪辑(Movie Clip):可供主动画多次引用。
2.按钮(Button) zfx_yx
一般、鼠标经过、鼠标按下、反应区(导出影片才能看到效果)。
3.图形(Graphic):矢量图、位图。
显示符号库:右下角有快捷按钮。
3.3.1 创建符号(P288)
1.新建符号:插入菜单—新建符号—影片剪辑、按钮、图形。
2.将已有对象转化为符号:
场景中选对象—插入—转换成符号(Convert Symbol)。
3.调用Flash作品的符号:文件菜单—以库打开(Open as Library)。
调用Flash共享图库的符号(P289)
* 窗口—共享图库—
Button: pill
Graphics:时钟Clock
Movie clips:飞机BiPlane、鱼Fish
Sornd: Beam Seam, Bucket Hit
* 窗口—共享图库—电影剪辑Movie Clips
Fish Movie Clips 八字游水鱼,导出影片才能看到效果。
Supporting Graphic 支持图形
Fish Animated Graphic 旋转游水鱼
Fish Graphic 原地游水鱼,可选用来制作鲤鱼跳龙门。
4.导入素材:导入后作符号保存。
文件菜单—导入(Import)—位图、声音、影片剪辑。
3.3.2 创建符号实例(P290)
打开库面板—把符号拖到场景中。
3.4 实例的编辑(P290)
设置实例属性:
右击场景中的对象—快捷菜单—面板—
信息、填充、描绘、调色板、样本。
第四章 层
1.普通层:放置动画作品对象。(P293)
2.辅助层:放置普通层编辑对象所用的辅助线或动画移动路径。
3.遮蔽层:
设置屏蔽链接层对象显示,
或设置显示孔观看下面链接层中的指定对象。
4.1 创建新层(P293)
1.层控制区—插入图层。
层控制和时间轴区
|
当前层 |
隐藏 |
锁定 |
显示 |
|
1 |
5 |
10 |
15 |
20 |
导向层 |
|
|
|
|
起始 |
|
过渡 |
|
结束 |
|
运动对象层 |
编辑层 |
|
|
|
|
|
|
|
|
|
遮罩层 |
|
|
|
|
|
|
|
|
|
|
链接层 |
|
|
|
|
|
|
|
|
|
|
插入图层 |
添加 |
|
|
垃圾箱 |
帧居中 |
绘描 |
绘描 图纸边框 |
编辑 |
修改标记 |
4.2 层的编辑(P294)
4.2.1 层的选取
1.层控制区—点击图层标志—
选取不连续层,加按[Ctrl],
选取连续层,加按[Shift]。
4.2.2 层的删除
1.把要删除的层拖入垃圾箱。
4.2.3 层的改名
1.点击层快捷菜单中的属性(properties)。
4.2.1 层的堆放顺序
1.把背景层拖到最下层,否则会档住前景中的对象。
4.3 层的锁定(P295)
1.锁定暂时不编辑的层。
4.4 层的显示与隐藏
4.4.1 层的隐藏(P295)
1.隐藏层的对象不可见,不可编辑。
4.4.2 层的显示(P296)
1.可以只显示外框轮廓线。
4.5 辅助层(P296)
层控制和时间轴区
|
当前层 |
隐藏 |
锁定 |
显示 |
|
1 |
5 |
10 |
15 |
20 |
导向层 |
|
|
|
|
起始 |
|
过渡 |
|
结束 |
|
运动对象层 |
编辑层 |
|
|
|
|
|
|
|
|
|
遮罩层 |
|
|
|
|
|
|
|
|
|
|
链接层 |
|
|
|
|
|
|
|
|
|
|
插入图层 |
添加 |
|
|
垃圾箱 |
帧居中 |
绘描 |
绘描 图纸边框 |
编辑 |
修改标记 |
4.6 遮蔽层(P296)
1.设置屏蔽链接层对象显示。
2.设置显示孔:观看下面链接层中的指定对象,移动变形效果,
建立和中断编辑层与其的链接。
4.6.1 创建遮蔽层(P297)
1.右击目标层—快捷菜单—遮蔽层(Mask)。
2.链接下面相邻编辑层,影响其显示。
4.6.3 建立和中断屏蔽链接(P297)
1.右击链接下面的相邻编辑层—快捷菜单—属性—图层属性—
已遮蔽(Masked)—与上面屏蔽层建立链接。
2.播放:锁定遮蔽层及其链接层,
遮蔽层显示孔外的链接层中的对象被遮蔽。
第五章 动画
5.1 Flash动画基础(P298)
1. Frame 画面
起始关键帧 |
过渡帧 TweenFrane |
结束关键帧 |
自选起始组件 |
由计算机计算实现 |
改变起始组件 |
5.2 帧的操作
1.创建关键帧(P299)
右击时间轴目标帧—插入关键帧(F6)内容与上一关键帧同;
或插入空白关键帧(F7)无内容。
2.设置帧属性(P299)
选择关键帧—帧属性
标签(Label):设置帧的名称。
声音(Sound):设置帧的声音属性。
动作(Action):设置帧的交互动作。
过渡(Tweening):设置帧的动画过渡方式。
5.3 动画制作(P300)
运动变形(motion)动画、形状变形动画。
5.3.1 运动变形(motion)动画
1.改变结束关键帧中的对象的大小、方向和位置。
5.3.3 形状变形动画
1.变形对象:矢量图形、不能成组。
2.帧属性:过渡(Tweening)—变形(Shape)。
变形速度(Erasing):滑块在左由慢到快,滑块在右由快到慢。
5.4 动画编辑技巧
5.4.1 改变过渡变形动画的长度(P302)
1.按[Ctrl],同时拖动结束关键帧。
层控制区和时间轴区
|
当前层 |
隐藏 |
锁定 |
显示 |
|
1 |
5 |
10 |
15 |
20 |
导向层 |
|
|
|
|
起始 |
|
过渡 |
|
结束 |
|
运动对象层 |
编辑层 |
|
|
|
|
|
|
|
|
|
遮罩层 |
|
|
|
|
|
|
|
|
|
|
链接层 |
|
|
|
|
|
|
|
|
|
|
插入图层 |
添加 |
|
|
垃圾箱 |
|
绘描 |
绘描 图纸边框 |
编辑 |
绘制 |
5.4.2 动画的翻转(P302)
方形变到圆形,圆形再变回方形。
时间轴 |
1 |
10 |
20 |
30 |
40 |
50 |
60 |
70 |
80 |
关键帧 |
方形 |
方形 |
过渡帧 |
圆形 |
圆形 |
组件 |
过渡帧 |
方形 |
方形 |
1.单击时间轴[编辑多帧],拖动多帧范围标志圆点,选1—40帧。
2.分散方形和圆形:[Ctrl]+[B]
3.右击1到40帧的任一帧—全部选择。
4.右击1到40帧的任一帧—面板—帧。
5.过渡动画—形状,可以使方形变成圆形。
6.选1—40帧。
7.右击1到40帧的任一帧—复制帧。
8.右击40帧—粘贴帧。
9.按[Ctrl],并按鼠标左键选40—80帧。
10.右击40到80帧的任一帧—翻转帧(Revert)。
11.过渡动画可以使圆形变回方形。
5.4.3 描图纸功能(P302)
绘描图纸外观(Onion Skin)、绘描图纸边框(Onion Skin Outlines),
可以看到当前帧与前后帧的相互位置。
第六章 音效设置
6.1 为动画添加音效(305)
1.文件—导入—MP3文件—自动存放在库中。
2.新建音乐层—选定播放音乐的起始点—插入空白关键帧。
3.把MP3音乐文件从库中拖入到场景中。
6.2 按钮音效(P306)
* 场景中应有2个图层:四个关键帧 zfx_yx
1.按钮层在不同关键帧时,显示的按钮形状或文字
* 一般:音乐唱歌
* 鼠标经过:播放音乐
* 鼠标按下:开始唱歌(蓝蓝的天)
* 反应区:探测鼠标显示为手形
2.声音层
* 对应鼠标经过关键帧:插入关键帧,存放MP3音乐
* 对应鼠标按下关键帧:插入关键帧,存放唱歌录音(蓝蓝的天)
6.3 音频素材的设置(P306)
1.右击库中的声音组件—属性—声音属性—导出设置;
2.压缩:ADPCM(自适应音频脉冲编码)、MP3、RAW(不压缩);
3.预处理(PreProcessing):转换立体声成单声道;
4.采样比率(Sample Rate):(5,11,22,44)kHz
5.ADPCM Bits:转换位数(2,3,4,5位)
例如:
音频素材:立体声,采样比率44kHz,转换位数16位,135kB。
压缩结果:单声道,采样比率5kHz,转换位数2位,12kB,压缩为8%。
Flash动画制作快捷键
按键 |
Ctrl |
Shift |
F5 |
插入帧 |
|
F6 |
插入关键帧 |
|
F7 |
插入空白关键帧 |
|
F8 |
插入按钮组件 |
|
Enter |
播放影片 |
|
G |
群组Grop |
|
B |
打散组件Break |
|
L |
打开图库Library |
|
单击 |
选择不连续层 |
选择连续层 |
拖动结束 |
改变过渡帧长度 |
|
第七章 页面交互
7.1 基本动作
7.1.1 转到 Go To
4.转到并播放
7.1.6 获得 URL
7.1.8 加载影片
7.1.12 鼠标事件
* 触发事件的方式:帧事件、鼠标事件、键盘事件。
7.6 对象
4)日期
-Getseconds 获得当前秒数
-Setseconds 设置当前秒数
6)数学
-Cos Cos(N)取N的余弦
-Sin Sin(N)取N的正弦
7.10 优化Flash电影
* 尽量使用
符号、渐变动画、实线、矢量图、构图简单的图、MP3音频,
限制字体和字体样式数量,
* 不用少用
不打散字体,少用过渡填充颜色,
缩小动作区域,避免同时间多对象同时动作,
制作小电影放进网页再放大。
第八章 动画的测试与输出
8.1 动画的测试(P322)
1.影片测试:控制—测试影片(Control>Test Movie)。
2.场景测试:控制—测试场景(Control>Test Scene)。
3.带宽测试:查看—宽频设置、显示数据流
(View>Bandwidth Profiler)。
带宽大数据量大,带宽超过红色水平线时,播放动画帧可能停顿。
4.调试—Modem传输速度(56kB 4.7kB/s)
5.模拟网络环境播放动画:查看—显示数据流
(Control>Show Streaming)。
第九章 创作实例
9.2 建立沿路径的动画(P330)
* 帧属性:使动画沿路径方向(Orient To Path direction).
9.4 创建进程条(P336)
帧 |
1 |
20 |
进程条 |
II |
IIIIIIIIII |
放大圆 |
小圆 |
大圆 |
花朵生长 |
小花 |
大花 |
* 第1关键帧—短方块—删除边框—
* 第20关键帧—长方块—
* 右击第1帧—面板—帧—补间动画—变形(Shape)
9.6 动态按钮的制作(P342)
1.图像声音按钮操作显示 txsyan.swf
按钮 |
显示图像 |
控制声音 |
一般 |
飞鸽飞鱼 |
音乐唱歌 |
经过 |
天上飞鸽 |
播放音乐 |
按下 |
水上飞鱼 |
开始唱歌 |
2.按钮的图层和帧内容
图层和帧 |
一般 |
经过 |
按下 |
|
显示图像 |
按钮 |
飞鸽飞鱼 |
天上飞鸽 |
水上飞鱼 |
影片 |
|
飞鸽 |
飞鱼 |
|
控制声音 |
按钮 |
音乐唱歌 |
播放音乐 |
开始唱歌 |
声音 |
|
音乐 |
唱歌 |