第三部分 Flash

操作练习

 1.动画设计素材

   天地水间

   人物人体、眼、嘴、体育运动

   动物世界飞鸽、飞鸟、马、狗、、鱼。

   民用交通:民航客机、公共汽车、摩托车、客运轮船。

   军用交通:战斗机、坦克、军舰、航空母舰。

   体育用品:蓝球、足球。

 音乐唱歌MP3唱歌录音

 风景图像蓝蓝的天白云飘飞绕云峰山清水秀

 2.动画设计题材

  蓝蓝的天上白云飘,白云下面马儿跑

  海阔凭鱼跃 天高任鸟飞立体战斗海陆空

   人能上天飘飘然,腾云驾雾万里飘,

  翻转十圈跳入水。

   飞鸽穿越万重山万水千山鸽飞过

    好山好水好风光,飞鸽远来亲漓江

    狗跳高墙猫上屋

   飞机8字绕云峰汽车8字转表演

  电子商务展览车,奔驰宝马任欣赏

  蓝球飘飘满天飞,足球后绕进球门。

 龙城闪客 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 画面

起始关键帧
Keyframe

过渡帧

TweenFrane

结束关键帧
Keyframe

自选起始组件

由计算机计算实现

改变起始组件

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)

   鲜花开放 xhkf12 xhkf67

1

20

进程条

II

IIIIIIIIII

放大圆

小圆

大圆

花朵生长

小花

大花

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

 * 第20关键帧—长方块—

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

9.6 动态按钮的制作(P342)

 1.图像声音按钮操作显示 txsyan.swf

显示图像

控制声音

一般

飞鸽飞鱼

音乐唱歌

经过

天上飞鸽

播放音乐

按下

水上飞鱼

开始唱歌

 2.按钮的图层和帧内容

图层和帧

一般

经过

按下

显示图像

飞鸽飞鱼

天上飞鸽

水上飞鱼

影片

 

飞鸽

飞鱼

控制声音

音乐唱歌

播放音乐

开始唱歌

声音

 

音乐

唱歌