杰瑞科技汇

flash cs6动画制作教程

第一部分:准备工作与界面初识

软件获取与安装

  • 获取:Flash CS6 是付费软件,如果你没有合法的许可证,可以通过 Adobe 官网购买,或在遵守当地法律的前提下寻找其他途径。
  • 安装:按照安装向导进行即可,注意,Flash CS6 是 32 位程序,在 64 位系统上可能需要一些兼容性设置。

认识工作区

启动 Flash CS6 后,你会看到以下几个关键面板:

flash cs6动画制作教程-图1
(图片来源网络,侵删)
  • 舞台:中间最大的白色区域,这是你最终动画的“画布”,观众能看到的所有内容都在这里。
  • 时间轴:舞台下方或左侧的核心区域,它像胶片一样,控制着动画在时间上的变化,由“图层”和“帧”组成。
  • 工具栏:通常在左侧,包含了所有绘图和编辑工具,如选择工具、画笔、钢笔、颜料桶等。
  • 属性检查器:通常在右侧,当你选中舞台上的某个对象或工具时,这里会显示并允许你修改其具体属性(如颜色、大小、位置等)。
  • 库面板:通常在右侧,用于存放和管理你导入的图片、声音、元件等资源。

第二部分:核心概念

在开始制作前,必须理解 Flash 的三个核心概念:

  1. :动画的基本单位,相当于电影胶片的一格,时间轴上的每一小格就是一个帧。
  2. 图层:像透明的醋酸纸一样,你可以将不同的元素(如背景、角色、特效)放在不同的图层上,互不干扰,方便管理。
  3. 元件这是 Flash 最强大的功能之一!
    • 什么是元件? 可以被重复使用的、独立的动画片段或图形,比如你制作了一个“小人走路”的动画,可以把它保存为“影片剪辑”元件,然后在场景中多次调用,而不会增加文件大小。
    • 元件类型:
      • 图形:用于静态图像或与时间轴同步的简单动画。
      • 按钮:用于创建交互式按钮,有“弹起”、“指针经过”、“按下”、“点击”四个状态。
      • 影片剪辑:独立的、可以有自己的时间轴的动画,这是制作复杂动画的核心。

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

这是一个经典的入门练习,能让你理解补间动画的核心原理。

步骤 1:创建新文档

  • 打开 Flash CS6,选择 文件 > 新建
  • 选择 ActionScript 3.0(即使你不懂代码,也推荐使用这个版本,因为它更稳定)。
  • 设置舞台大小,550x400 像素,背景色为白色。
  • 点击 确定

步骤 2:绘制小球

  1. 在左侧工具栏中选择 椭圆工具
  2. 在右侧属性检查器中,设置填充颜色为你喜欢的颜色(比如红色),描边为无。
  3. 按住 Shift 键,在舞台上拖动鼠标,画出一个完美的圆形。
  4. 选择工具点击小球,按 F8 键将其转换为元件
  5. 在弹出的窗口中,选择图形,命名为“小球”,点击“确定”,现在你的小球就是一个“元件”了。

步骤 3:制作弹跳动画

  1. 查看时间轴,默认只有一个图层,名为“图层 1”,双击图层名,可以重命名为“小球”。
  2. 在时间轴的第 1 帧,点击并拖动鼠标到第 30 帧,按 F5 插入普通帧,这会让小球在第 1 到 30 帧都保持可见。
  3. 点击第 15 帧,按 F6 插入关键帧,关键帧是动画发生重大变化的地方。
  4. 选择工具选中第 15 帧的小球,按住 Shift 键,用键盘上的向下箭头键把它垂直向下移动一段距离。
  5. 在第 1 帧和第 15 帧之间,右键单击,选择 创建传统补间,你会看到两帧之间出现了一个箭头和浅蓝色的背景,这表示补间动画已成功创建,Flash 自动生成了小球从上方落下的中间过程。

步骤 4:制作挤压和拉伸效果

为了让动画更逼真,我们需要在球落地时改变它的形状。

  1. 选中第 15 帧的小球。
  2. 使用选择工具,将鼠标光标移到小球的边缘,当光标变成一个弧形箭头时,向上拖动,将小球压扁。
  3. 再将鼠标光标移到小球的顶部和底部向下拖动,把它拉长一点,现在它看起来像一个被压扁的球。

步骤 5:完成弹起

  1. 在第 30 帧,按 F6 插入一个关键帧。
  2. 选择工具将第 30 帧的小球拖回第 1 �帧的位置(顶部)。
  3. 在第 15 帧和第 30 帧之间,右键单击,再次选择 创建传统补间
  4. 测试动画:按 Ctrl + Enter (Windows) 或 Cmd + Enter (Mac),恭喜你!你制作了第一个小球弹跳动画!

第四部分:进阶技巧与常见动画类型

掌握了基本补间后,你可以学习更高级的技巧。

flash cs6动画制作教程-图2
(图片来源网络,侵删)

形状补间动画

用于让一个图形变形为另一个图形。

  • 例子:一个圆形变成一个方形。
  • 步骤
    1. 在第 1 帧画一个圆形。
    2. 在第 20 帧 按 F7 插入空白关键帧
    3. 在第 20 帧画一个方形。
    4. 在第 1 帧和第 20 帧之间,右键单击,选择 创建补间形状
    • 提示:可以使用“添加形状提示”(修改 > 形状 > 添加形状提示)来控制变形的具体点,让变形更可控。

遮罩动画

通过一个“遮罩层”来显示或隐藏下方图层的内容,常用于文字探出、聚光灯等效果。

  • 例子:文字图片逐渐显示。
  • 步骤
    1. 新建两个图层,从下到上依次是“图片层”和“遮罩层”。
    2. 在“图片层”放入一张图片。
    3. 在“遮罩层”绘制一个形状(比如一个矩形)。
    4. 在“遮罩层”的第 30 帧 按 F6 插入关键帧,并将矩形从左侧移动到右侧。
    5. 在“遮罩层”的第 1 帧和第 30 帧之间创建传统补间
    6. 最重要的一步:在“遮罩层”上右键单击,选择 遮罩,图片层”会自动缩进,表示它已被遮罩。

使用影片剪辑元件制作复杂动画

  • 例子:制作一个“转动的风车”。
  • 步骤
    1. Ctrl + F8 (Windows) 或 Cmd + F8 (Mac) 新建元件,类型选择影片剪辑,命名为“风车叶片”。
    2. 进入影片剪辑的编辑界面,这里有一个独立的时间轴。
    3. 在第 1 帧画一个风车叶片。
    4. 在第 30 帧 按 F6 插入关键帧。
    5. 打开变形面板 (窗口 > 变形),勾选“旋转”,设置角度为 360 度。
    6. 在第 1 帧和第 30 帧之间创建传统补间
    7. 点击场景左上角的“场景 1”回到主时间轴。
    8. 库面板 (Ctrl + L) 中将“风车叶片”影片剪辑拖到舞台上。
    9. 无论你在主时间轴上怎么拖动播放头,这个风车都会自己不停地转动。

第五部分:导出与发布

动画制作完成后,你需要将它导出为视频或网页格式。

  • Ctrl + Enter 测试动画时,Flash 会自动生成一个 .swf 文件(Flash 播放器文件)和一个 .html 文件(用于在网页中播放)。
  • 要导出为高清视频,选择 文件 > 导出 > 导出视频...,可以选择 .mp4.mov 格式,非常适合分享到社交媒体。

第六部分:学习资源与建议

  1. 官方文档:虽然旧,但最权威。
  2. 视频教程:在 Bilibili、YouTube 上搜索“Flash CS6 教程”、“Flash 动画入门”,有大量中文和英文视频,跟着做是最高效的学习方式。
  3. 练习!练习!再练习!
    • 临摹:找一些你喜欢的简单动画,尝试用 Flash 复刻出来。
    • 分解动画:看动画时,试着去思考它是如何制作的?用了哪种补间?用了几个元件?
    • 从小开始:先不要想着做复杂的剧情片,从一个弹跳的球、一个转动的齿轮、一个眨眼的角色开始。

Flash CS6 的核心在于时间轴、图层和元件,理解了这三者,你就能制作出绝大部分 2D 动画,虽然软件老了,但它所代表的逐帧动画、补间动画、元件化思维是所有现代 2D 动画软件(包括 Adobe Animate, Toon Boom Harmony, TVPaint 等)的基石,学好 Flash CS6,对你未来学习任何动画软件都将大有裨益,祝你学习愉快!

flash cs6动画制作教程-图3
(图片来源网络,侵删)
分享:
扫描分享到社交APP
上一篇
下一篇