二维动画制作

丁弋洵

目录

  • 1 课前准备
    • 1.1 课程介绍及软件安装
    • 1.2 课程学习方法
  • 2 二维动画制作基础
    • 2.1 动画的起源与发展
    • 2.2 动画原理及制作方式
    • 2.3 本章测验
  • 3 认识Flash
    • 3.1 Flash简介及应用领域
    • 3.2 我的第一个Flash作品
    • 3.3 Flash的工作界面
    • 3.4 Flash的时间轴和场景
    • 3.5 本章测验
  • 4 图形的绘制与编辑
    • 4.1 绘图工具箱
    • 4.2 矩形工具
    • 4.3 椭圆工具
    • 4.4 基本矩形与基本椭圆工具
    • 4.5 多角星形工具
    • 4.6 线条工具
    • 4.7 铅笔工具
    • 4.8 刷子工具1
    • 4.9 刷子工具2
    • 4.10 喷涂刷工具
    • 4.11 钢笔工具
    • 4.12 文本工具
    • 4.13 DECO工具1
    • 4.14 DECO工具2
    • 4.15 DECO工具3
    • 4.16 选择工具
    • 4.17 部分选取工具
    • 4.18 任意变形和渐变变形工具
    • 4.19 套索工具
    • 4.20 颜料桶工具
    • 4.21 墨水瓶工具
    • 4.22 滴管工具
    • 4.23 颜色面板
    • 4.24 渐变填充
    • 4.25 调色板
    • 4.26 样本面板
    • 4.27 橡皮擦工具
    • 4.28 手形工具和缩放工具
    • 4.29 绘制模式
    • 4.30 对象的组合和分离
    • 4.31 案例:雨伞的绘制
    • 4.32 案例:红心的绘制
    • 4.33 案例:香烟的绘制
    • 4.34 案例:鼠标的绘制
    • 4.35 本章测验
    • 4.36 实战演练
  • 5 元件的使用
    • 5.1 Flash中的元件
    • 5.2 图形元件
    • 5.3 按钮元件
    • 5.4 影片剪辑元件
    • 5.5 本章测验
    • 5.6 实战演练
  • 6 Flash中的动画制作
    • 6.1 逐帧动画的制作
    • 6.2 形状补间动画的制作
    • 6.3 形状补间动画案例:小草的生长
    • 6.4 动作补间动画的制作
    • 6.5 引导层动画的制作
    • 6.6 遮罩动画的制作
    • 6.7 骨骼动画
    • 6.8 3D动画
    • 6.9 Deco动画
    • 6.10 有声动画的制作
    • 6.11 本章测验
      • 6.11.1 帧的基本操作---测验
      • 6.11.2 逐帧动画---测验
      • 6.11.3 形状补间动画---测验
      • 6.11.4 动作补间动画---测验
      • 6.11.5 引导层动画---测验
      • 6.11.6 遮罩动画---测验
    • 6.12 实战演练
  • 7 脚本应用基础
    • 7.1 Action脚本简介和基本语法
    • 7.2 Action数据类型与运算符
    • 7.3 程序流程的控制
    • 7.4 认识动作面板
    • 7.5 本章测验
      • 7.5.1 Action脚本简介和基本语法---测验
      • 7.5.2 Action数据类型与运算符---测验
      • 7.5.3 程序流程的控制---测验
      • 7.5.4 认识动作面板---测验
  • 8 交互式动画
    • 8.1 跳转语句的学习
    • 8.2 事件处理
    • 8.3 Flash自定义函数
    • 8.4 鼠标事件
    • 8.5 复制影片剪辑的制作
    • 8.6 随机加载影片剪辑
    • 8.7 键盘事件
    • 8.8 控制声音播放
    • 8.9 本章测验
      • 8.9.1 跳转语句的学习---测验
      • 8.9.2 flash自定义函数---测验
      • 8.9.3 事件处理---测验
      • 8.9.4 鼠标事件---测验
      • 8.9.5 随机加载影片剪辑---测验
      • 8.9.6 键盘事件之keyboardevent类---测验
      • 8.9.7 控制声音播放---测验
    • 8.10 实战演练
图形元件

课堂导入

 图形元件:好比“群众演员”,到处都有它的身影,能力却有限;它适合静态图形的重复使用,例如下面这个案例。


学习目

1.掌握图形元件的几种创建方法;

2.学会使用图形元件。


学习任务单


教学视频

教学课件


教学内容

图形元件

在FLASH中可以通过两种方式制作元件

1、创建新元件

方法:

“插入”——“新建元件”(Ctrl+F8)这时会出现一个“创建新元件”的对话框,输入元件名称,选择元件类型图形即可。

2、转换为元件

方法:
   选中已有对象——修改——转换为元件(F8)
   如图所示

单击“确定”按钮即可进入元件编辑状态:


图形元件:

  • 主要用于定义静态的对象
    当静态图形或图像需要重复使用,
    可将其制作成图形元件。


  • 比如要制作苹果落地的动画,树上有好多的果子,你不会一个一个画吧? 这时,你就可以把一个苹果转化为图形元件。既然是图形元件,你可以多次使用而不需要再去一个一个绘制那么多的苹果。

拓展资源

(一)思考一下:如何绘制如下图的案例“春天来了”?要运用到哪些我们所学的知识呢?

(二)操作步骤

1、设置“文档属性”,并把文件保存为“春天来了”。

2、绘制树干。

  第一步:使用“铅笔工具”的“平滑”模式绘制大树的树干轮廓,利用“选择工具”调整线条,使其如下图:

  第二步:使用“颜料桶工具”填充树干,“渐变变形工具”调整填充效果,过程如下图:

  第三步:选中整棵大树,把其转换为“大树”元件

3、绘制树叶:打开2.2“树叶”源文件,复制其中的树叶粘贴到舞台上,并将其转换为“树叶”元件。

4、绘制“小草”元件,并“平滑”小草,过程如下图:

5、绘制“小鸟”元件,并进行颜色填充,过程如下图:

6、绘制草地,并把绘制好的各个元件,拖放到舞台的适当位置进行调整,最后效果如下图:


(三)制作要点

1、“元件”的使用

(1)使用“元件”的好处:是可以重复使用“库”中已存在的元件;是想改变实例的效果不用一个一个来修改,只要修改“库”中的元件;是同个元件的实例还可以通过“属性”面板来修改它的“位置”、“颜色”“透明度”等,使每个实例都有所不同,是舞台上每个元件的实例是一个整体,图形之间不会相互影响。

(2)“元件”的建立、编辑和修改方法 。          

(3)“元件”实例的编辑方法。

2、“任意变形工具”的使用

   使用【任意变形工具】不仅可以对矢量图形进行缩放、旋转、倾斜、扭曲封套等,还可以对元件实例、群组、文本和位图等执行这些操作。

3、图形的平滑、伸直和优化

注意:由于平滑和优化的区别,某些时候对图形优化后图形变化不明显,但是图形的线条数却是减少了很多,Flash文件的尺寸变化比较明显。


课后检测

同学们,请扫描以下二维码进行课后检测,我们将全程记录你的答题情况。