Animate动画设计与制作实例教程（Animate CC 2019） 课件 项目三 制作电子相册.pptx

Animate动画设计与制作实例教程

（AnimateCC2019）;项目三制作电子相册;学习目标

掌握图形元件、按钮元件和影片剪辑元件的使用方法；

掌握实例和“库”面板的使用方法；

掌握成长相册、婚礼相册、家庭相册的制作方法。;3.1.1元件和实例

元件和实例是Animate动画的重要内容之一。元件是指在Animate中创建的、可以在影片中重复使用的一个小部件，它是构成Animate动画的基本单位。元件分为图形、影片剪辑、按钮三种类型。实例是指位于“舞台”或嵌入另一个元件内的元件副本。通过元件与实例的结合使用，可以保证在动画文件很小的基础上，实现Animate作品的交互能力和动感表现。

首先做个试验，用“椭圆”工具在“舞台”上任意画一个圆形。选中这个矩形，看看它的“属性”面板，如图3-1所示。我们会发现这个圆形被叫作“形状”（shape），它的属性也只有宽度、高度和坐标值。在Animate中，可以改变“形状”的外形、尺寸、位置，能进行“形状变形”，但“形状”的用途相当有限。要使“动画元件”得到有效管理并发挥更大作用，就必须把它转换为“元件”。;图3-1;选择这个圆形形状，执行“修改”“转换为元件”命令（或者按F8键），弹出“转换为元件”对话框，默认的“名称”为“元件1”，选择“类型”为“图形”，单击“确定”按钮，把“形状”转为图形元件。

执行“窗口”“库”命令（或按Ctrl+L组合键），打开Animate的管理机构“库”面板，发现“库”面板中有了第一个项目：元件1。

接着选择“舞台”上的这个对象，发现对象已经不像图3-1所示的“离散状”了，而是变成了一个“整体”，它的“属性”面板也丰富了很多，如图3-2所示。这个对象能够转化“角色”，有序列帧播放选项和颜色设置等。此外，它还能进行功能最全面的“动作变形”。;图3-2;元件仅存在于“库”面板中，元件从“库”面板中进入“舞台”就称为该元件的“实例”。如图3-3所示，从库中把“元件1”向场景拖放3次（也可以复制场景中的实例），这样，“舞台”上就有了元件1的3个实例。

;可以试着分别把各个实例的颜色、方向、大小设置???不同样式，具体操作可以配合使用不同的面板，例如，可以在“属性”面板中设置图3-3所示的“实例1”的“宽”“高”参数，如图3-4所示。在“变形”面板中设置它的“旋转”参数，如图3-5所示。与“实例1”一样，“实例2”和“实例3”也可在“变形”面板和“属性”面板中进行相应的设置，“实例2”具体设置如图3-6所示。

;图3-4图3-5;图3-6;能创建图形元件的元素可以是导入的位图图像、矢量图形、文本对象以及用Animate工具创建的线条、色块等。

选择相关元素，按F8键，弹出“转换为元件”对话框，在“名称”文本框中输入元件的名称，在“类型”下拉列表中选择“图形”，如图3-7所示，单击“确定”按钮，在“库”面板中生成相应的元件，在“舞台”中，元素变成了元件的一个实例。

图形元件中可包含图形元素或者其他图形元件，它接受Animate中的大部分变化操作，如大小、位置、方向、颜色设置以及动作变形等。;图3-7;影片剪辑元件就是通常所说的MC（MovieClip）。可以把“舞台”上任何看得到的对象，甚至整个时间轴的内容创建为一个MC，可以把一个MC放置到另一个MC中，还可以把一段动画（如逐帧动画）转换成MC。

从以上描述可以看出，创建影片剪辑相当灵活，而且创建过程非常简单：选择“舞台”上需要转换的对象，按F8键，弹出“转换为元件”对话框，在“类型”下拉列表中选择“影片剪辑”，如图3-12所示，单击“确定”按钮。;图3-12;按钮元件是一种特殊的交互式影片剪辑，它只包含4个帧。当新建一个按钮元件时，Animate自动创建一个含有4帧的时间轴，分别是“弹起”“指针经过”“按下”和“点击”。按钮元件时间轴上的每一帧都具有特殊的含义。

◎“弹起”帧：表示按钮的原始状态，即鼠标指针没有对此按钮产生任何动作时，按钮表现出的状态。

◎“指针经过”帧：表示鼠标指针位于该按钮上时，按钮的外观状态。

◎“按下”帧：表示单击该按钮时，按钮的外观状态。

◎“点击”帧：用于定义响应鼠标单击时的相应区域，该帧上的区域在影片中是不可见的。;“库”面板如图3-20所示。利用“库”面板中的各种按钮及“库”菜单，可以进行元件管理与编辑的大部分操作。

①“库”面板标签：拖动它，能够随意移动“库”面板。

②“库”菜单：单击它能打开“库”面板的菜单。

③“文件”下拉列表