二维动画制作

丁弋洵

目录

  • 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 实战演练
DECO工具3

课堂导入 

          使用DECO工具还能制作动画,下面的火焰动画就是由DECO工具制作出来的,是不是很神奇呢?



学习目

1.学会操作建筑物刷子、装饰性刷子、火焰动画;

2.学会操作花刷子、树刷子。


学习任务单


教学视频

教学课件


拓展资源

(一)思考一下:如何制作“高级网格填充”呢?


(二)操作步骤

(1)在 Flash CS4 中新建一个文档,将舞台颜色设置为深灰色(#333333)。

(2)  选择【矩形工具】在舞台上绘制一个带有深色填充(#999900)和明亮笔触(#FFFF00)的正方形。将其宽度和高度都设置为30像素,如图:

(3)使用【选择工具】选中方形,按快捷键<F8>将它转换为名为Tile的影片剪辑元件。

(4)双击 Tile 影片剪辑元件,进入其编辑窗口。

(5)选择舞台上的方形再将它转换为名为InsideTile的影片剪辑元件。也就是Tile影片剪辑元件中内嵌了一个InsideTile的影片剪辑元件。

(6)选择舞台上的InsideTile影片剪辑元件, 在【属性】面板中将它命名为tile_mc实例,如图所示。这是主Tile 剪辑中要附加一些ActionScript 的影片剪辑。

(7)在【时间轴】面板中选择第1帧,并按快捷键<F9>打开【动作】面板。将以下ActionScript 添加到帧脚本中:

var rotationNumber:Number=0;

tile_mc.addEventListener(MouseEvent.MOUSE_OVER, startFlip);

function startFlip(evt:MouseEvent){

    tile_mc.addEventListener(Event.ENTER_FRAME, flipIt);

}

function flipIt(evt:Event):void{

    if(rotationNumber < 10){

       tile_mc.rotationY+=18;

       rotationNumber++;

   } else {

       tile_mc.removeEventListener(Event.ENTER_FRAME, flipIt);

       rotationNumber=0;

   }}

这个代码片段会创建一个名为rotationNumber的计数器,然后当鼠标指针移到tile_mc上方时,使用这个计数器将tile_mc实例水平翻转180°。

(8)单击文档顶部的场景1返回主舞台。

(9)从舞台中删除Tile影片剪辑。现在,将Tile影片剪辑用作网格效果的填充。

(10)选择【Deco工具】。

(11)在【属性】面板中的【绘制效果】下拉列表中选择【网格填充】选项。

(12)在【属性】面板中单击【编辑】按钮并在【交换元件】对话框中选择 Tile 元件, 然后单击【确定】按钮。

(13)在【属性】面板中的【高级选项】中“垂直间距”和“水平间距”设为1像素。单击舞台以应用网格填充效果,如图所示。

(14)按<Ctrl+Enter>组合键测试动画,当鼠标指针在舞台上移动时,用户可以看到翻转拼贴的动画效果。


课后检测

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