| flash 3 教程:轻松起步 |
|
| 作者:佚名 文章来源:洪恩在线 点击数: 更新时间:2004-1-6 |
|
|
1、初识flash
|
|
flash是Macromedia公司的一个的网页交互动画制作工具。 我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同,用flash3.0制作出来的动化是矢量的,不管怎样放大、缩小,它还是清晰可见。 用flash制作的文件很小,这样便于在互联网上传输,而且它采用了流技术,只要下载一部分,就能欣赏动画,而且能一边播放一边传输送数据。 交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点,才使flash日益成为网络多媒体的主流。下面我们一起来学习flash3.0的使用。 |
|
2、熟悉工作环境
|
|
从开始”菜单启动flash 3。这就是flash 的操作界面。

你看,和大多数工具软件相同,画面最上面是菜单和工具栏;画面左边是绘图工具栏,里面有一些图形工具,跟Photoshop的工具栏有点像;时间轴(Timeline),也就是动画的脚本区,在这里可以分层摆放各元素并规划其出场顺序,上面的数字表示帧数。画面上最广阔的白色区域是舞台,这是编辑区,在这里摆放一些图片、文字、按钮、动画等。下面我们开始制作一个小动画。 |
|
3、设置动画大小和颜色
|
|
这是两个向上运动的小球,我们来看看它是如何制作的。 打开“File”菜单,点“New”,建立一个新动画。

把编辑区移到中间去,点“View”菜单里的“Work Area”选项。

你看,这就把它舞台移到画面中央了,这样更适合于我们编辑。

这个编辑区有些大,我们把它改小点。 打开“Modify”菜单,,单击“Movie”。

出现了一个对话框,把动画的大小设为320×240,点“OK”关闭对话框。
|
|
4、生成符号 |
|
此时在时间轴上自动生成了“层1”,而且在第1帧显示了一个空心蓝色圆点,表示该帧中没有内容。
先来画一个圆,选择“铅笔工具”,在工具栏下方出现属性选择项,首先选择“圆形”,在舞台左下角拉出一个圆环,当所拉圆形为正圆时,鼠标旁边会就出现一个小圆圈。

点“漆桶”工具,在填充颜色(Fill color)中选择“红黑渐变”填充色,把鼠标移到在圆环内点一下,圆环就被填上颜色,这时圆就变了一个小球了。


用选择工具在边框线上点一下,选中边框线,按Delete键将其删除。

选中球体,打开“Insert”菜单,选择,选择“Creat Symbol(生成符号)”,在出现对话框中,输入名称,并将小球的属性定为图形(Graphic),点“OK”关闭对话框。

这样就将小球生成为一个符号,它的作用是可以重复使用而不增大文件存储空间,还能让小球产生运动。
|
|
5、设置运动
|
|
下面我们让球体运动起来。 在Layer 1层的第20帧处点一下鼠标左键,打开“Insert(插入)”菜单,选“Keyframe(关键帧)”,插入一个关键帧。

第1帧中的小球就在第20帧出现了,选中小球并将它移到编辑区上方。双击第1帧到第20帧之间的任意一帧,弹出“Frame Properties”话框,点Tweening标签,将Tweening项设为Motion(运动),点“确定”关闭对话框。

此时在第1帧和第20帧之间出现带箭头的红线,而且第一帧和最后一帧变为红色的圆点,表示第1帧到第20帧之间有运动产生。按回车键观看一下运动效果。

现在我们再给小球赋予一个运动路径。点一下Layer 1旁边的“铅笔”标识,在弹出的下拉菜单中,点“Add Motion Guide”(添加动作向导)。

在Layer 1下方出现一个新层,名字也叫Layer 1,但多了一个曲线标识,这就表示该层是Layer 1的“运动向导层”。而且Layer 1标识变成了一只“手”,而向导层的标识则为“铅笔”。它们的含义有所不同,“铅笔”表示该层为当前工作层,所有的操作只能在当前的工作层上才能进行;而“手”表示普通层,一些编辑或修改不能在普通层上进行。

这时将向导层设为当前工作层,点铅笔工具,再选择Smooth(平滑曲线)工具,在舞台编辑区上画一条曲线。

将曲线移到编辑区的合适位置。 点一下Layer 1,将它设为当前工作层,选中第1帧,我们需要将小球的中心置于曲线的起点。我们看工具栏的这个SNAP按钮,是按下状态,它叫“目标捕捉”,表示当物体接近目标时,可以自动将中心与目标点吸附在一起。选中球体,将其移到曲线起点。, 注意:如果没有将小球的中心与曲线起点重合,可能会得不到想要的效果,或不会产生沿曲线的运动。

选中第20帧,将小球置于曲线末端。双击层1的任意一帧,弹出Frame Properties对话框,因为前面我们已经将Tweening选为Motion,现在我们再将Tweening选项设为Motion,选中Orient to path direction,该选项使运动沿路径进行,点“确定”关闭对话框。按回车键可以看一下运动效果。

|
|
6、插入新层
|
|
下面我们来制作另一个向上运动的小球。 按住Ctrl键,用鼠标点Layer 1层和向导层,将它们锁住,以防被修改。从Layer1的下拉菜单中点“Insert Layer”,这样就在Layer1的上方添加了一个新层Layer 3。

双击Layer 3标识,将Layer 3改为Layer 2,按回车键确定。 单击“Window”下的Library,出现符号库。

里前面只有我们在前面建立的名称为symbol 1的球体,用鼠标从预览框中将球体拖到编辑区上,这种添加不会增大文件的存储空间,然后关闭符号库。

在第20帧处单击鼠标右键,选择“Insert KeyFrame”,并将小球移到画面上方。与前面相同,为第2个小球设置运动路径。

我们希望产生对称的运动效果,因此运动路径必须是对称的。将Layer层1的向导层设为当前工作层,选中路径。

按Ctrl+C组合键拷贝路径,再按住Ctrl键用鼠标点一下,将该层上锁。然后为Layer2层添加向导层.这时Layer 2的向导层为当前工作层,选中第1帧按Ctrl+V,1向导层的路径就被被复制过来了。

打开“Modify”菜单,单击“Transform(变形)”下的“Flip Horizontal”,将路径水平翻转,用方向键将其移到合适位置。

再把Layer 2设为当前工作层,分别将第1帧和第20帧中的小球移至路径的起点和终点。双击任意帧,弹出“Frame Properties”对话框,设置运动后,点“确定”。(参照Layer 1的设置)
|
|