多媒体技术及应用第4章 二维动画设计与制作.ppt

第4章 二维动画设计与制作 * 下面我们利用【线性渐变】绘制天空背景。 （1）选择【矩形工具】，打开【颜色面板】将【颜色类型】设置为【线性渐变】，将颜色面板下边的开始颜色和结束颜色分别设为“蓝色”（0088FF）和“白色” 。 （2）使用【矩形工具】绘制一个长方形。 第4章 二维动画设计与制作 * （3）选择【渐变变形工具】，点击选中蓝色填充部分，将鼠标移动到图形的右上角，这时鼠标会变成一个旋转的符号。拖动鼠标，使渐变色方向变为垂直。 (4)结合【椭圆工具】绘制一些云朵放在天空的上面。 第4章 二维动画设计与制作 * 4.2.6? 元件和库 在制作过程中，如果仅仅使用图片和文字制作动画，不但制作步骤繁琐，而且动画的变化也不多。所以，在动画中，元件的使用是必不可少的。使用元件制作动画，既提高了制作动画的速度，又使得动画的效果更加多样化。本节中将详细地介绍元件的概念，并通过实例介绍元件在动画中的应用。 动画制作中包括图形、按钮和影片剪辑3中元件。3种元件既可以单独创建，也可以嵌套在一起综合使用。 使用元件可以更加快速、高效地制作影片。而且，对于内部已经创建完成的Flash元件，可以在舞台上直接对元件实例进行修改，而不必每次都重新创建新的对象。元件的存在使得动画制作更加简单快捷，动画效果也更加丰富多彩。 第4章 二维动画设计与制作 * 1.元件概述 元件是指在创作环境中使用button(AS 2.0)、SinmpleButton(AS 3.0)和MovieClip创建的图形、按钮活影片剪辑。创建完成的元件出现在“库”面板中。元件是可以重复利用的，它能够在文档中多次使用一个资源，而无需在文件中复制该资源。通过在文档中仅保存元件的一个副本，可以使文档文件变得很小，易于网络传输。 第4章 二维动画设计与制作 * 2元件的类型 元件在动画中占有很重的地位，所以单一的元件类型是不能满足动画制作的。按照元件的不同功能，可以将元件分为“图形”元件、“按钮”元件和“影片剪辑”元件。 “图形” “图形”元件是用来出创建连接到主时间轴可以重复调用的动画片段。也可以是图像。动画播放时，“图形”元件与主时间轴同步播放。但是交互式控件和声音在图形元件的动画序列中不起作用。 第4章 二维动画设计与制作 * “按钮”元件 在动画制作中，需要随时控制动画的播放进度，所以就出现了“按钮”元件。使用“按钮”元件可以创建用于响应鼠标单击、滑过或其他动作的交互式按钮。 “按钮”元件的时间轴与“图形”元件的时间轴不相同，分别有弹起、指针经过、按下和点击4个状态组成。其中各个状态能够实现不同的动画效果。 第4章 二维动画设计与制作 * “影片剪辑”元件 在“影片剪辑”元件中可以独立制作各种动画，并且可以将其他各种元件嵌套在一起，而且各个元件都可以包含交互式控件、声音甚至其他影片剪辑实例。当然也可以将“影片剪辑”实例放在“按钮”元件的某个状态，用来创建动画按钮。此外，还可以使用ActionScript对影片剪辑进行控制。 第4章 二维动画设计与制作 * 3.创建与编辑元件 （1）执行【文件】→【新建】命令，弹出新建文档对话框。单击确定按钮，新建一个文档。 第4章 二维动画设计与制作 * （2）执行插入新建元件命令。弹出创建新元件对话框，设置元件的类型为图形，并命名元件名称为汽车。单击确定按钮，即可完成元件的创建。 第4章 二维动画设计与制作 * （3）执行【文件】→【导入】→【导入到舞台】命令，将一辆汽车的素材文件插入到场景中。 （4）单击状态栏上的场景1，返回到场景编辑状态。执行窗口库命令，在弹出的库面板上可以看到图形元件汽车。 第4章 二维动画设计与制作 * （5）单击“属性”面板上的背景颜色按钮，设置颜色值为#993300，将背景颜色改为橙色。在库面板中图形元件汽车上双击，重新进入元件汽车编辑状态。 第4章 二维动画设计与制作 * （6）选择图像，执行【修改】→【分离】命令。将图像分离为“图形”。 第4章 二维动画设计与制作 * （7）单击工具箱中的【套索工具】按钮，此时在工具箱的选项区域中弹出套索工具的相应选项中选择【魔术棒】按钮，在图像空白区域单击，选取白色，按下Delete键。单击【取消魔术棒工具】按钮，然后再单击下面的【多边形模式】按钮，选择多余的白色并删除。 第4章 二维动画设计与制作 * （8）单击状态栏上的“场景1”按钮，返回到场景编辑状态。可以看到图形元件汽车已经修改完毕。选择元件，单击“属性”面板上颜色样式下的“Alpha”选项。通过修改数量设置元件透明度为70%。 第4章 二维动画