设为首页
加入收藏
联系站长
首页 | 骨科文章中心 | 骨科资源下载 | 骨科图片中心 | 留 言 本 | 骨科论坛 | 网站管理 | 职工邮箱 | 会议报名 | 
您现在的位置: 齐鲁骨科网 >> 骨科文章中心 >> 人才培养 >> 骨科教学 >> 正文 用户登录 新用户注册
  • 常用办公软件教程

  • flash 3 教程:高级使用

  • flash 3 教程:基本操作

  • Fireworks 3 教程:自动…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:新手…

  • PhotoShop5.5教程:第四…

  • flash 3 教程:轻松起步       ★★★
    flash 3 教程:轻松起步
    作者:佚名 文章来源:洪恩在线 点击数: 更新时间:2004-1-6

    1、初识flash

      flash是Macromedia公司的一个的网页交互动画制作工具。flash 3  的启动画面 我们可以从Macromedia公司的主页上下载flash的试用版。与gif和jpg不同,用flash3.0制作出来的动化是矢量的,不管怎样放大、缩小,它还是清晰可见。 用flash制作的文件很小,这样便于在互联网上传输,而且它采用了流技术,只要下载一部分,就能欣赏动画,而且能一边播放一边传输送数据。 交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点,才使flash日益成为网络多媒体的主流。下面我们一起来学习flash3.0的使用。

    2、熟悉工作环境

      从开始”菜单启动flash 3。这就是flash 的操作界面。

    flash3 的操作界面

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

    3、设置动画大小和颜色

      这是两个向上运动的小球,我们来看看它是如何制作的。 打开“File”菜单,点“New”,建立一个新动画。

    新建文件

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

    点击Work Area

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

    示意图

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

    更改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(运动),点“确定”关闭对话框。

    设置Frame Properties

      此时在第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,该选项使运动沿路径进行,点“确定”关闭对话框。按回车键可以看一下运动效果。

    选中Orient to path direction

     

    6、插入新层

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

    添加层

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

    点击Library

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

    摆放小球

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

    选择 Insert Keyframe

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

    选中路径

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

    复制路径

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

    将路径水平变形

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

     

    7、改变球体的大小

      现在我们想使小球向上运动的同时变小,将Layer1的锁打开,选中第20帧,分别点这两个小球,将它们选中。点“Scale”按钮,可以同时将两个小球缩小,然后再分别移到两条路径的终点。按回车键观看最后的效果。

    改变小球比例

    [1] [2] 下一页  

    文章录入:zbzcs    责任编辑:zbzcs 
  • 上一篇文章: Fireworks 3 教程:自动化处理

  • 下一篇文章: flash 3 教程:基本操作
  • 【字体: 】【发表评论】【告诉好友】【打印此文】【关闭窗口

    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)