二维动画制作

丁弋洵

目录

  • 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:
        影片剪辑具有独立的时间轴,本身便是一段独立的动画或者是一个小的分支影片。

  • 特点2:
        无法在主时间轴上预览影片剪辑实例内的动画效果, 如果要欣赏影片剪辑内的完整动画,必须按快捷键【Ctrl+Enter】测试影片才可以。

  • 特点3:
        在影片剪辑内部可以添加别的影片剪辑、按钮元件和图形元件实例,从而实现复杂动画效果。

  • 特点4:
        可以在影片剪辑内部添加动作脚本和声音,也可以为舞台上的影片剪辑实例添加动作脚本。

  • 特点5:
        可以为影片剪辑实例添加“滤镜”效果。



创建影片剪辑的方法

1、在菜单栏选择“插入”菜单项——“新建元件”命令——在“创建新元件”的对话框,输入元件名称,选择元件类型“按钮”即可。

2、单击确定进入影片剪辑模式

拓展资源

(一)思考一下:如何制作一个最终效果如下图的打飞碟游戏呢?要求通过鼠标移动瞄准器,点击打重飞碟积分,

(二)操作步骤

1.设计思路:游戏分三个部分,开始画面、游戏体,游戏结束。需要由“开始”按钮点击进入游戏,游戏中应该有一个瞄准器根据鼠标位置可移动,点击实现击打飞碟;有飞碟发射器发射飞碟,有判断是否打中的方法,打中则飞碟破碎,加分,否则继续发射飞碟。

2.素材准备

图形元件:

(1)飞碟

(2)破碎的飞碟

(3)飞碟的爆炸效果

(4)瞄准器

(5)瞄准器按下效果

按钮元件:

(1)射击按钮,。在按下帧的图层1插入声音,图层2插入之前做好的飞碟爆炸效果图形元件;在点击帧的图层1画上如图效果(当然也可以使用图形元件插入),使爆炸效果更明显。

射击按钮元件的作用是在飞碟上点击鼠标时,飞碟就会有爆炸效果。

(2)瞄准器按钮,。在指针经过帧插入瞄准器元件;在按下帧插入声音和瞄准器按下效果元件;在点击帧画上

影片剪辑元件

(1)飞碟飞行路线,

在第一帧插入制作好的射击按钮,在第34帧的不同地方插入射击按钮,并且适当改变飞碟的角度和大小,创建补间动画;在35帧处,插入飞碟的爆炸效果元件,沿着之前制作好的路径改变元件的大小。这样一个飞碟的飞行路径和爆炸路径就制作好了。

以此类推,多制作几个飞行路径。

在飞碟上添加代码:

on (press) {

tellTarget ("/counter") {

nextFrame();

}

}

on (press) {

gotoAndPlay(35);

}

作用:如果击中飞碟,计分器就会走向下一帧;没有击中则保持不动。

(2)计分器,制作如图的计数器图形,在数字图层,第一帧分数为00,第二帧为10,以此类推;每帧的代码为:stop();在房子图层,每个一定的帧数,可以写上不同的单词,比如“不错”,“加油”等。如图所示。

(3)错失效果,因为不可能每次都击中飞碟,所以还要制作错失的效果。

先制作一个小的影片剪辑,形状如下图,再插入瞄准器按钮,代码:stop();并且按照背景大小规则地排列好瞄准器,如下图:

如此,在游戏时,鼠标到哪显示的都是瞄准器形状。

3.动画合成

步骤1:开始界面

开始界面可以设置为"Scene 2",设计如图3-8-4的画面,命名为"Scene 2"。为了方便清晰,可以分几个图层布局。其中,“开始游戏”可以制作成按钮元件,它的代码如下:

on (release) {

gotoAndPlay("Scene 1", 1);

}  

作用:用于场景的导向,点击即可进入游戏。

 步骤2:游戏场景。在“Scene 1”中,如图所示布置图层。

其中  1,2….到17为s飞碟的飞行路径影片剪辑,可按如下布置:

主要就是能做出飞碟在不同的时间,按不同的路径飞出来,并且还有一定的间隔。

 步骤3:游戏结束界面

图中飞碟是一个按钮,代码:

on (release) {

gotoAndPlay("Scene 2", 181);   

}

注:这个“181”是随机的,回到游戏开始即可。



课后检测

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