杰瑞科技汇

Flash8动画制作教程怎么学?

第一部分:认识 Flash 8 工作界面

打开 Flash 8,你会看到一个包含多个面板的窗口,熟悉它们是第一步。

Flash8动画制作教程怎么学?-图1
(图片来源网络,侵删)
  1. 舞台

    • 是什么: 中间最大的白色区域,是你最终动画的“屏幕”或“画布”,所有观众能看到的内容都在这里。
    • 作用: 在这里绘制图形、放置元件、制作动画。
  2. 时间轴

    • 是什么: 位于舞台的上方或下方,是 Flash 的核心控制中心。
    • 作用: 它决定了动画的时间顺序,它由图层组成。
      • 帧: 时间轴上的小格子,代表一个时间点,动画就是由连续的帧组成的。
      • 图层: 像一张透明的胶片,可以让你在不同的层上放置不同的内容,互不干扰,方便管理。
  3. 工具箱

    • 是什么: 通常在屏幕的左侧,包含了所有用于绘制和编辑图形的工具。
    • 常用工具:
      • 选择工具: 用于选择和移动对象。
      • 线条工具: 绘制直线。
      • 矩形工具 / 椭圆工具: 绘制基本形状。
      • 画笔工具: 自由绘制。
      • 颜料桶工具: 填充封闭区域颜色。
      • 墨水瓶工具: 给线条或轮廓上色。
      • 文字工具: 添加文本。
  4. 属性检查器

    • 是什么: 通常在屏幕的右侧,是一个动态面板。
    • 作用: 当你选中舞台上的某个对象(如一个图形、一个元件、一段文本)时,这个面板会显示该对象的属性(如位置、大小、颜色、字体等),并允许你直接修改它们。

第二部分:核心概念——元件

在 Flash 中,元件 是最重要的概念,将对象转换为元件,是制作高效、小体积动画的关键。

  • 什么是元件? 可以重复使用的、独立的“小部件”,一旦创建,它就存在于“库”中,可以反复拖到舞台上使用。
  • 为什么使用元件?
    1. 减小文件体积: 一个元件在库中只存储一次,无论你在舞台上使用它多少次。
    2. 便于修改: 修改库中的元件,所有使用该元件的实例都会同步更新。
    3. 支持交互和动画: 只有元件才能制作成按钮或添加复杂的动画效果。

元件的三种类型:

  1. 图形元件

    • 用途: 用于制作静态图像或简单的、与主时间轴同步的动画(如循环奔跑的小人)。
    • 特点: 最简单,不能为其添加 ActionScript 代码(交互代码)。
  2. 按钮元件

    • 用途: 用于创建交互式按钮,响应鼠标事件(如点击、悬停)。
    • 特点: 有四个特殊的时间轴帧:弹起、指针经过、按下、点击,你可以在这些帧上放置不同的图形,以实现交互效果。
  3. 影片剪辑元件

    • 用途: 用于制作独立于主时间轴运行的动画,可以理解为一个“嵌套在里面的独立小电影”。
    • 特点: 功能最强大,可以有自己的时间轴、动画效果,并且可以为其添加 ActionScript 代码,是制作复杂动画和交互动画的主力。

第三部分:制作你的第一个动画——“小球弹跳”

我们将学习 Flash 最核心的两种动画制作方式。

制作一个简单的移动动画(逐帧动画)

这种方式最原始,每一帧都需要你手动绘制。

  1. 新建文档: 打开 Flash 8,选择 文件 -> 新建 -> Flash 文档
  2. 绘制小球:
    • 在工具箱中选择 椭圆工具
    • 在属性检查器中,设置填充颜色为红色,边框为无。
    • 在舞台上按住 Shift 键,拖动鼠标画一个正圆。
  3. 制作动画:
    • 在时间轴上,点击第 1 帧,确保红色小球被选中。
    • 在时间轴上点击第 10 帧,按下 F6 键,这会插入一个“关键帧”,并把第1帧的内容复制到第10帧。
    • 点击第 10 帧,用 选择工具 把舞台上的红色小球拖到舞台的另一边。
    • 在时间轴上,用鼠标右键点击第1帧和第10帧之间的任意一帧(比如第5帧),选择 创建补间动画
    • 恭喜! 按下 Ctrl + Enter 测试影片,你会看到小球平滑地从左边移动到了右边。

制作一个更专业的弹跳动画(补间动画)

这种方式更高效,你只需要定义好起点和终点,Flash 会自动计算中间的帧。

  1. 准备场景: 画一个地面,使用 线条工具 画一条水平线,作为地面。
  2. 制作小球下落动画:
    • 新建一个图层,命名为“小球”。(在时间轴左下角点击 插入图层 按钮)。
    • 在“小球”图层的第1帧,画一个红色小球,位置在地面正上方。
    • 在“小球”图层的第 20 帧,按下 F6 插入关键帧。
    • 点击第20帧,把小球拖到地面上。
    • 在第1帧和第20帧之间右键,选择 创建补间动画,现在你看到小球落下来了,但太僵硬了。
  3. 让小球“压扁”和“拉伸”(实现弹跳感):
    • 在时间轴上,找到小球落到地面的那个瞬间,大约在第 20 帧。
    • 选中第20帧的小球,使用 选择工具 靠近小球的边缘,当光标变成一个圆弧时,拖动小球,把它压扁一点。
    • 在第 21 帧,按下 F6 插入一个关键帧,这一帧是恢复原状。
    • 选中第21帧的小球,把它稍微向上提一点,并把它在垂直方向上拉长一点。
    • 在第 22 帧,再按 F6 插入关键帧,把小球恢复成最初的圆形。
    • 在第20、21、22帧之间右键,选择 创建补间动画
  4. 制作小球弹起的动画:
    • 在“小球”图层的第 40 帧,按下 F6 插入关键帧。
    • 点击第40帧,把小球拖回初始位置(地面正上方)。
    • 在第22帧和第40帧之间右键,选择 创建补间动画
  5. 测试: 按下 Ctrl + Enter,现在你应该看到一个有弹跳感的动画了!

第四部分:常用技巧与总结

使用图层管理

  • 背景层: 把背景(如地面、天空)放在最底层。
  • 主体层: 把需要动的角色(如小球、人物)放在单独的图层。
  • 文字/特效层: 把文字、光效等放在最上层。
  • 优点: 修改一个图层不会影响其他图层,让动画制作井井有条。

库 的使用

  • Ctrl + L 打开库面板,你创建的所有元件都在这里。
  • 可以直接从库中把元件拖到舞台上重复使用。
  • 双击库中的元件图标,可以进入该元件的编辑模式进行修改。

洋葱皮工具

  • 在时间轴的下方,有一排带轮廓的按钮,这就是“洋葱皮”工具。
  • 作用: 可以让你同时看到多个帧的内容,就像动画制作中的“洋葱皮”一样,方便你调整动作的连贯性。
  • 洋葱皮轮廓: 只显示其他帧的轮廓,不影响当前帧的编辑。

导出影片

  • 完成动画后,选择 文件 -> 导出 -> 导出影片
  • 在弹出的窗口中,选择保存类型为 Flash 影片 (.swf),这就是最终在网页上播放的动画文件。
  • 你也可以选择导出为 GIF 动画AVI 视频文件,方便在其他地方使用。

学习资源推荐

Flash 8 虽然是老软件,但社区和教程非常丰富。

  1. 视频教程(B站): 在 Bilibili 搜索“Flash 8 教程”或“Flash 动画制作”,有大量从入门到精通的视频课程,非常直观。
  2. 图文教程: 搜索“Flash 8 入门教程”可以找到很多经典的图文并茂的教程网站。
  3. 实践: 最好的学习方式就是动手,尝试制作一些简单的动画,比如一个走路的小人、一个旋转的地球、一个点击后会变色的按钮。

Flash 8 的核心就是 “时间轴 + 舞台 + 元件”,掌握了这三个概念以及 “创建补间动画”“逐帧动画” 这两种基本技术,你就可以开始创作属于自己的动画世界了。

祝你学习愉快!

分享:
扫描分享到社交APP
上一篇
下一篇