二维动画制作

丁弋洵

目录

  • 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 实战演练
样本面板

课堂导入 

           样本面板是FLASH 界面中最重要的一个部分,使用它们可以查看、组织和更改文档中的元素,赶快来学习吧!



学习目

1.掌握样本面板的打开方式;

2.学会设置样本面板的菜单。


学习任务单


教学视频

教学课件


拓展资源

(一)思考一下:如何绘制下图“浪漫人生”场景呢?


(二)操作步骤

1、绘制背景

(1)新建一个Flash文档,设置文档【尺寸】为“800像素×600像素”,其他属性保持默认设置。

(2)双击界面左上角的图层名称“图层1”,将其重命名为“背景”。

(3)选择【矩形】工具 ,然后选择【窗口】/【颜色】命令(或者按Shift+F9组合键),打开【颜色】面板,如图所示。

(4)在【颜色】面板中设置矩形的笔触颜色为“无”,填充颜色的类型为“线性”,从左至右第1个色块颜色为“#0099FF”,第2个色块颜色为“#CCFFFF”,如图所示。

(5)拖曳鼠标在舞台中绘制一个矩形,选择矩形,然后在其【属性】面板中设置矩形宽、高分别为“800”、“600”,位置坐标x、y分别为“0”、“0”,其属性设置如图所示,舞台效果如图所示。

(6)选择【渐变变形】工具 ,然后单击舞台中的矩形,效果如图所示。

(7)单击【渐变变形】工具的【旋转】按钮(图中的方形标记处),将颜色渐变顺时针旋转90°,然后调整颜色渐变的中心,最终的舞台效果如图所示。

2、绘制草地

(1)在界面左上角的“背景”图层上单击鼠标右键,在弹出的快捷菜单中选择【插入图层】命令,然后将新建的图层重命名为“草地”。

(2)选择【线条】工具 ,在【属性】面板中设置笔触颜色为“黑色”,笔触高度为“1”,其属性设置如图所示。在舞台中绘制一条斜线,效果如图所示。

(3)选择【选择】工具 ,将鼠标指针放置在线条的中心位置,当鼠标指针呈拖动状态 时,按住鼠标左键并向上拖曳,将线条调整至图所示的效果。

(4)选择【线条】工具 ,在舞台中绘制一条如图所示斜线。

(5)选择【选择】工具 ,调整其形状如图所示。

(6)用同样的方法绘制第3条斜线,最终效果如图所示。

(7)选择【线条】工具 ,将线条的两端连接起来,如图所示(注意,连接时一定要使首尾连接紧密,如果有间隙,将会导致不能填充颜色)。

(8)选择【颜料桶】工具 ,打开【颜色】面板,调整其填充颜色的类型为“线性”,第1个色块颜色为“#EEF742”,第2个色块颜色为“#99CC00”,效果如图所示。【颜色】面板操作后如再需使用相同颜色可在【样本】面板中找到此颜色。

(9)将鼠标指针移入舞台,此时的鼠标指针将变为颜料桶形状 ,在封闭的线条框内依次单击鼠标,填充颜色,最终效果如图所示。

(10)选择【渐变变形】工具 ,分别调整3块草地的渐变颜色如下图所示。



(11)选择【选择】工具 ,单击黑色的线条,然后按Delete键将线条全部删除。

3、绘制云彩

(1)新建图层并重命名为“云彩”,选择【椭圆】工具 ,在【属性】面板中设置其笔触颜色为“无”,填充颜色为“白色”,在舞台中绘制一个椭圆,效果如图所示。


(2)在椭圆的周围绘制一些小的椭圆,使其像空中的云彩,最终效果如图所示。


(3)利用同样的方法,在舞台中再绘制两朵云彩,最终效果如图所示。


4、绘制太阳

(1)新建图层并重命名为“太阳”,选择【椭圆】工具 ,打开【颜色】面板,设置笔触颜色为“无”,填充颜色的类型为“放射状”,第1个色块颜色为“#FF0000”,第2个色块颜色为“#FFCC33”,【颜色】面板设置如图所示。

(2)在舞台中按住Shift键的同时拖曳鼠标,绘制一个尺寸为“100×100”的圆形,效果如图所示,其属性设置如图所示。

5、导入素材

(1)新建图层并重命名为“植物”,选择【文件】/【导入】/【导入到舞台】命令,打开素材文件“素材\项目二\制作“浪漫人生”\植物.png”,也可自己找相关素材导入,其属性设置和舞台效果如图所示。

(2)新建图层并重命名为“家”,选择【文件】/【导入】/【导入到舞台】命令,打开素材文件“素材\项目二\制作“浪漫人生”\家.png”,也可自己找相关素材导入,其属性设置和舞台效果如图所示。

(3)新建图层并重命名为“人物”,选择【文件】/【导入】/【导入到舞台】命令,打开素材文件“素材\项目二\制作“浪漫人生”\人物.png”文件导入到舞台中,也可自己找相关素材导入,其属性设置和舞台效果如图所示。

6、制作标题

(1)新建图层并重命名为“标题下”,选择【文本】工具 ,打开【属性】面板,设置字体为“经典繁行书”、字体大小为“60”、填充颜色为“#FFFFFF”,在舞台中输入文字“浪漫人生”,其属性设置和舞台效果如图所示。

(2)新建图层并重命名为“标题上”,选择【文字】工具 ,设置填充颜色为“#FF6600”,输入相同的文字,其属性设置和舞台效果如图所示。

(3)此时,【时间轴】面板状态如图所示。

7、保存测试影片,完成动画的制作。