利用F1ash制作网页动画
1.F1ash简介
(1)有关动画的一些基本概念
① 帧(Frame)
Flash在制作动画时,是由若干个帧来组成一个动画效果的。帧是装载Flash作品内容、进行Flash作品播放的基本单位,也是Flash动画的基本组成元素。Flash的时间轴面板上的每一小格代表一帧。
帧有以下几种类型:
• 关键帧:关键帧是一个包含有内容,或是对内容的改变起决定性作用的帧。
• 静止帧:时间轴上的静止帧是相邻静止关键帧的延续。
• 中间过渡帧:中间过渡帧出现于过渡动画的两个关键帧之间。
② 图层(Layer)
图层是为了方便操作者制作复杂的Flash动画作品而引入的一种手段。在时间轴面板上,每个图层都有各自的时间轴。在每个图层中都包含了一系列的帧,在各图层中所使用的帧均是独立的。可用控制器来播放某个场景的动画效果。播放动画时,会从每个图层的第一帧开始播放(即同步播放),不同图层中的帧在同时播放中可以得到综合的效果。
③ 场景(Scene)
一个Flash作品可以由若干个场景组成,每个场景都分别拥有各自独立的动画内容。每个场景中的图层和帧均相对独立。在播放时,Flash会自动按场景的顺序进行播放。
(2)Fhsh的界面组成
① 菜单栏
② 标准工具栏
③ 绘图工具栏
④ 状态栏
⑤ 控制器
⑥ 时间轴面板
(3)F1ash中的一些基本操作
① 帧的操作
改变帧的播放速率
方法是:在"Edit(修改)"菜单中选择"Movie(影片)"选项,在弹出的"Movie Properties(影片属性)"对话框中的"Frame Rate(帧频)"框内输入所需数值,然后单击"OK"按钮即可。
帧的选择
用鼠标单击某一帧,该帧即被选中,并且成为当前帧,同时在工作区中显示出该帧中的内容。
创建各种类型的帧
在时间轴上需要新建静止帧的位置处单击鼠标左键,然后选择"Insert(插入)"|"Frame(帧)"命令,就可在所需位置上创建一个包含有与前一帧相同内容的静止帧。
在时间轴上需要新建关键帧的位置处单击鼠标左键,然后选择"Insert"|"Key frame(关键帧)"命令,就可在所需位置上创建一个包含有与前一个关键帧相同内容的关键帧。
在时间轴上需要新建空白关键帧的位置处单击鼠标左键,然后选择"Insert"|"Blank Key frame(空白关键帧)"命令,就可在所需位置上创建一个不包含任何内容的空白关键帧。
复制帧
复制帧的方法为:首先将需要复制的一个或者多个帧选中;在其上单击鼠标右键,从弹出的菜单中选择"Copy Frames(复制帧格)"命令;用鼠标单击需要粘贴的位置,再单击鼠标右键,从弹出的快捷菜单中选择"Paste Frames(粘贴帧格)"命令,即可将相同的内容复制到所需的位置上。
删除帧
无论是静止帧、关键帧还是空白关键帧,其删除的方式都是一样的。首先选取帧,然后选择"Insert"|"Remove Frame"命令,或者是在被选中的帧上单击鼠标右键,从弹出的快捷菜单中选择"Remove Frame"命令,这两种方法都可以将所选取的帧以及该帧中的内容一起删除掉。
2.利用Flash5制作网页动画
(1)F1ash动画的类型
Flash动画分为两种类型:逐帧动画和过渡动画。
逐帧动画是由位于时间轴上的同一动画轨道上的一个连续的关键帧序列组成。对于该序列中的每一帧中的内容都可以单独地进行编辑。在播放时,按顺序逐帧地进行播放而产生动 画的效果。
每一个过渡动画序列由两个处于两端的关键帧和位于中间的一个过渡帧序列组成,两个关键帧分别定义了该动画序列的开始和结束的状态,过渡帧序列产生动画的中间效果。只需要编辑动画对象在两个关键帧中的位置、形状、颜色和大小等属性,然后定义过渡帧序列的渐变类型以及效果,即可自动生成一定效果的平滑的过渡动画。用这种方法制作动画操作简单,占用的存储空间小。
(2)Flash动画的制作
① 创建逐帧动画
② 创建过渡动画
在网页中加入Flash动画
1.准备工作
要在页面中插入Flash动画,首先就要把Flash动画输出成.swf文件.
2.文件的发布设置(Publish Settings)
3.在Dreamweaver制作的网页中加入.swf文件
4.在要加入.swf文件的网页中直接插入HTML引导程序
科普云 烟台网页设计 网页设计部整理发布
科普云为您讲解最实用的网站建设相关知识 | 延伸阅读 | |||
上一篇:设计类公司网站建设项目策划案例 |
| |||
下一篇:教你在网页中如何使用JavaScript |