欢迎来到天天文库
浏览记录
ID:59301769
大小:406.50 KB
页数:23页
时间:2020-09-06
《flash是Macromedia公司的一个的网页交互动画制作工具.doc》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、1、初识flash flash是Macromedia公司的一个的网页交互动画制作工具。我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同,用flash5.0制作出来的动化是矢量的,不管怎样放大、缩小,它还是清晰可见。用flash制作的文件很小,这样便于在互联网上传输,而且它采用了流技术,只要下载一部分,就能欣赏动画,而且能一边播放一边传输送数据。交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点,才使flash日益成为网络多媒体的主流。下面我们一起来学习
2、flash5.0的使用。2、熟悉工作环境 从开始”菜单启动flash5。这就是flash的操作界面。 你看,和大多数工具软件相同,画面最上面是菜单和工具栏;画面左边是绘图工具栏,里面有一些图形工具,;时间轴(Timeline),也就是动画的脚本区,在这里可以分层摆放各元素并规划其出场顺序,上面的数字表示帧数。画面上最广阔的白色区域是舞台,这是编辑区,在这里摆放一些图片、文字、按钮、动画等。下面我们开始制作一个小动画。3、设置动画大小和颜色这是两个向上运动的小球,我们来看看它是如何制作的。打开“File”菜单,点“New”,建立一个新
3、动画。 把编辑区移到中间去,点“View”菜单里的“WorkArea”选项。 你看,这就把它舞台移到画面中央了,这样更适合于我们编辑。 这个编辑区有些大,我们把它改小点。打开“Modify”菜单,,单击“Movie”。你看,这就把它舞台移到画面中央了,这样更适合于我们编辑。 这个编辑区有些大,我们把它改小点。打开“Modify”菜单,,单击“Movie”。 出现了一个对话框,把动画的大小设为320×240,点“OK”关闭对话框。4、生成符号 此时在时间轴上自动生成了“层1”,而且在第1帧显示了一个空心蓝色圆点,表示该帧中没有
4、内容。 先来画一个圆,选择“铅笔工具”,在工具栏下方出现属性选择项,首先选择“圆形”,在舞台左下角拉出一个圆环,当所拉圆形为正圆时,鼠标旁边会就出现一个小圆圈。点“漆桶”工具,在填充颜色(Fillcolor)中选择“红黑渐变”填充色,把鼠标移到在圆环内点一下,圆环就被填上颜色,这时圆就变了一个小球了。用选择工具在边框线上点一下,选中边框线,按Delete键将其删除。 选中球体,打开“Insert”菜单,选择,选择“CreatSymbol(生成符号)”,在出现对话框中,输入名称,并将小球的属性定为图形(Graphic),点“OK”关
5、闭对话框。这样就将小球生成为一个符号,它的作用是可以重复使用而不增大文件存储空间,还能让小球产生运动。5、设置运动 下面我们让球体运动起来。在Layer1层的第20帧处点一下鼠标左键,打开“Insert(插入)”菜单,选“Keyframe(关键帧)”,插入一个关键帧。 第1帧中的小球就在第20帧出现了,选中小球并将它移到编辑区上方。双击第1帧到第20帧之间的任意一帧,弹出“FrameProperties”话框,点Tweening标签,将Tweening项设为Motion(运动),点“确定”关闭对话框。 此时在第1帧和第20帧之间出
6、现带箭头的红线,而且第一帧和最后一帧变为红色的圆点,表示第1帧到第20帧之间有运动产生。按回车键观看一下运动效果。现在我们再给小球赋予一个运动路径。点一下Layer1旁边的“铅笔”标识,在弹出的下拉菜单中,点“AddMotionGuide”(添加动作向导)。 在Layer1下方出现一个新层,名字也叫Layer1,但多了一个曲线标识,这就表示该层是Layer1的“运动向导层”。而且Layer1标识变成了一只“手”,而向导层的标识则为“铅笔”。它们的含义有所不同,“铅笔”表示该层为当前工作层,所有的操作只能在当前的工作层上才能进行;而“
7、手”表示普通层,一些编辑或修改不能在普通层上进行。 这时将向导层设为当前工作层,点铅笔工具,再选择Smooth(平滑曲线)工具,在舞台编辑区上画一条曲线。 将曲线移到编辑区的合适位置。点一下Layer1,将它设为当前工作层,选中第1帧,我们需要将小球的中心置于曲线的起点。我们看工具栏的这个SNAP按钮,是按下状态,它叫“目标捕捉”,表示当物体接近目标时,可以自动将中心与目标点吸附在一起。选中球体,将其移到曲线起点。,注意:如果没有将小球的中心与曲线起点重合,可能会得不到想要的效果,或不会产生沿曲线的运动。选中第20帧,将小球置于曲
8、线末端。双击层1的任意一帧,弹出FrameProperties对话框,因为前面我们已经将Tweening选为Motion,现在我们再将Tweening选项设为Motion,选中Orienttopathdirection,
此文档下载收益归作者所有