Flash CS 3 平面动画案例教程与实训 第3章 Flash平面动画制作.ppt

Flash平面动画制作 第3章 Flash平面动画制作 第3章 Flash平面动画制作 第3章 Flash平面动画制作 第3章 Flash平面动画制作 本节内容 案例效果 操作步骤 技术要点 练习 3.4 “宇宙集锦”案例 一、案例效果 重点与难点： 运动补间动画的制作方法和技巧，及如何设置旋转、运动的快慢和逐渐消失的效果。 3.4 “宇宙集锦”案例 二、操作步骤 1．新建文档并命名 启动Adobe　Flash　CS3后，新建一个文档，对舞台大小进行设置宽为400、高为300 ，保存文档，命名为“宇宙集锦 ”。 2.创建宇宙图形符号 新建一个“图1”的图形元件，导入本案例对应的素材文件夹中的“宇宙1”的图片文件 。 用同样的方法导入文件名为“宇宙2”至“宇宙6”图片文件，分别对应生成名为“图2”至“图6”的图形元件。 3.4 “宇宙集锦”案例 二、操作步骤 3．创建“Loading……”文本的拉伸效果 第一步：新建一个名称为“Loading”的影片剪辑元件。 第二步：选用【文本工具】输入文字“Loading……”，在“属性”面板中设置此文字的字体为“黑体”，字号为25，字体颜色为白色。用Ctrl+B将文字打散。将第1帧复制到第2帧至第13帧。鼠标单击第1帧，只保留“L”字母，删除其它字符图形。从第2帧开始逐步增加字符图形直至第13帧。鼠标单击第18帧，按F5键增加一个扩展帧。 3.4 “宇宙集锦”案例 4．创建“光线”图形符号 第一步：新建名称为“光线”的图形元件。 第二步：利用“椭圆工具”绘制如下图的光线效果： 二、操作步骤 3.4 “宇宙集锦”案例 5．创建“光束”影片剪辑 第一步：新建名称为“光束”的影片剪辑元件 。 第二步：将“光线”图形符号拖入舞台中央，并用Ctrl+B打散。鼠标单击第25帧，按F6键插入关键帧，将光线沿直线运动轨迹拖动至舞台的边缘。鼠标点击第30帧按F5键插入扩展帧。单击第1帧，将“光线”图形符号缩小并移动至舞台中心点。鼠标右击第1帧至第25帧之间，在弹出的快捷菜单中选择“创建补间形状”。再新建多个图层，对每个图层按照上述方法在舞台的不同角度做“光线”图形符号的形变动画。最终结果如下图 二、操作步骤 3.4 “宇宙集锦”案例 6．设置背景图片 导入背景图片到场景1中，选择本案例对应的素材文件夹中的背景图片文件“sky”。设置此图片的宽为400、高为300。通过设置“对齐”面板选项，使背景图片位于舞台中央 。 7．创建“光”图层 创建新图层命名为“光”，将影片剪辑“光束”拖至舞台中央，并扩展制120帧。 8．创建“Loading”图层 创建新图层命名为“Loading”，将影片剪辑“Loading”拖至舞台左下角。并扩展制120帧。 二、操作步骤 3.4 “宇宙集锦”案例 9．创建宇宙图片动画 第一步：创建新图层命名为“图片1”，将图形符号“图1”拖到舞台左端，并将图形符号缩小。单击第10帧按F6插入关键帧，水平移动图形符号“图1”的位置至屏幕中央，并放大。单击第20帧按F6插入关键帧，选用【箭头工具】，在“属性”面板中设置“颜色”选项为“Alpha”，值为“0%” 。鼠标右击第1帧至第10帧之间，在弹出的快捷菜单中选择“创建补间动画”（或在“属性”面板中的设置），这样就创建了一个运动补间动画，此时在第1帧至第10帧之间将出现紫色带箭头区域。采用同样的方法在第10帧至第20帧之间也创建运动补间动画。 二、操作步骤 3.4 “宇宙集锦”案例 第二步：按照以上方法，可设计“图片2”至“图片6”从舞台边缘的不同位置沿着不同的角度由小变大，或直接或旋转地进入舞台中央，然后再慢慢淡出消失 掉。 10．测试影片，保存文件，并导出影片 二、操作步骤 3.4 “宇宙集锦”案例 三 、技术要点 制作运动补间动画 创建运动补间动画的方法有如下三种： （1）选择开始关键帧和结束关键帧间的任何一帧，在“属性”面板中设置。 （2）右击开始关键帧和结束关键帧间的任何一帧，在快捷菜单中选择“创建补间动画”。 （3）单击开始关键帧和结束关键帧间的任何一帧，选择【插入】【时间轴】【创建补间动画】菜单项。 3.4 “宇宙集锦”案例 的 2.设置旋转的运动效果 旋转的运动效果是使实例在运动的同时旋转。设置方法是在起始关键帧和结束关键帧之间已经设置好了运动补间动画后再通过“属性”面板中的“旋转”项来设置。其中“旋转”项用于设置旋转的方式，有“无”、“自动”、“顺时针”、“逆时针”四个选项；后面的“次”项用于设置从运动补间动画开始到