Flash 动画设计与制作课件_rar.0 动画设计与制作课件 第03章.pptVIP

第3章 动画制作 3.1 设计动画的基础 3.1 设计动画的基础 3.2 逐帧动画 3.2 逐帧动画 3.2 逐帧动画 3.5 遮罩动画 3.5.1 动作补间动画制作步骤 1．利用菜单创建 图3.30 创建的遮罩层 图3.29 利用菜单创建遮罩层 3.5 遮罩动画 2．通过改变图层属性创建 步骤1：在图层区中双击要转换为遮罩层的图层图标，在系统打开的【图层属性】对话框中，【类型】选择【遮罩层】单选项，如图3.31所示。 图3.31 【图层属性】对话框 3.5 遮罩动画 步骤2：单击【确定】按钮，此时图层图标将直接由变为，如图3.32所示。图3.33 已链接的遮罩层图3.32 没有链接的遮罩层 步骤3：双击遮罩层下方图层的图层图标，在打开的【图层属性】对话框中选中【被遮罩】单选项，并单击【确定】按钮，即可在遮罩层与该图层之间创建链接关系，如图3.33所示。 图3.33 已链接的遮罩层 图3.32 没有链接的遮罩层 3.5 遮罩动画 3.5.2 制作实例——百叶窗的制作 步骤1：执行【文件】→【新建】命令，在弹出的对话框中选择【常规】→【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为240×260像素，【背景颜色】为白色。 步骤2：执行【文件】→【导入】→【导入到场景】命令，从打开的【导入】对话框中将素材03文件夹下的“百叶窗1”图像文件导入到舞台上。 步骤3：利用工具箱中的【任意变形工具】，把导入的图片调整到适当的大小，使其正好布满整个舞台。 步骤4：新建一【图层2】，将素材03文件夹下的图片“百叶窗2”导入到舞台上。利用工具箱中的【任意变形工具】，把导入的图片调整到适当的大小，使其正好布满整个舞台。图3.35 导入图片素材 步骤5：执行【插入】→【新建元件】命令，新建一个名为“矩形”的图形元件，单击【确定】按钮，进入元件编辑模式。 步骤6：选择工具箱中的【矩形工具】，设置【笔触颜色】为无，【填充颜色】为深绿色，在舞台中绘制一个矩形，如图3.35所示。 图3.35 导入图片素材 3.5 遮罩动画 3.5.2 制作实例——百叶窗的制作 步骤7：按Ctrl+F8组合键，打开【创建新元件】对话框，新建一个名为“元件1”的影片剪辑元件。在影片剪辑元件的编辑模式中，将刚刚制作好的矩形元件拖到舞台上。 步骤8：在时间轴的第1帧处单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令。在第35帧处按F6键插入一个关键帧，调整第35帧处矩形的大小，使其缩为一条直线，如图3.36所示，此时建立了运动渐变关系。 图3.36 改变矩形的大小 3.5 遮罩动画 3.5.2 制作实例——百叶窗的制作 步骤9：在第36帧处建立一个空白关键帧。在第45帧处按F5键使空白关键帧延续到第45帧处，此时的时间轴如图3.37所示。 图3.37 时间轴状态 3.5 遮罩动画 3.5.2 制作实例——百叶窗的制作 步骤10：按Ctrl+F8组合键，打开【创建新元件】对话框，新建一个名为“矩形2”的影片剪辑元件。在影片剪辑元件的编辑模式中，将刚刚制作好的“元件2”影片剪辑元件拖到舞台上。按Ctrl+C组合键多次进行复制，并按下Ctrl+V组合键进行粘贴，效果如图3.38所示。 图3.38 影片剪辑效果 3.5 遮罩动画 3.5.2 制作实例——百叶窗的制作 步骤11：单击【场景1】按钮，回到主场景中。单击按钮，新建一个【图层3】。在【图层3】中将【库】面板中的【元件2】影片剪辑元件拖到舞台中，调整位置使其刚好将【图层2】中的图片完全覆盖。 步骤12：在图层区中用鼠标右键单击【图层3】，打开快捷菜单选择【遮罩层】命令，即可将当前图层转换为遮罩层，【图层2】即为被遮罩层。 步骤13：按Ctrl+Enter组合键，测试百叶窗效果，最终效果如图3.39所示。 步骤14：执行【文件】→【保存】命令，将文件保存为“百叶窗.fla”。 图3.39 百叶窗的动态效果 3.5 遮罩动画 3.5.3 实例二：Flash的瀑布效果 步骤1：执行【文件】→【新建】命令，在弹出的对话框中选择【常规】→【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，保存为“红岩瀑布.fla”。在【属性】面板上设置文件大小为400×300像素，【背景颜色】为蓝色（#0000FF）, 如图3.41所示。 图3.41 【文档属性】对话框 3.5 遮罩动画 3.5.3 实例二：Flash的瀑布效果