FlashCS3入门春意盎然.pdf

Flash CS3 入门 春意盎然 本练习为制作春意盎然， 主要运用影片剪辑制作出草丛的摆动， 通过引导层制作花瓣的飘落 重点在于影片剪辑的创建和应用 通过学习本练习要求用户熟练掌握创建影片剪辑的方法和应用 练习要点  矩形工具  选择工具  创建影片剪辑  创建补间形状动画  创建引导层动画 练习过程 （1）在 Flash 中创建一个文档，设置文档大小为 550×400 像素然后，执行【文件】｜【导入】｜【导入到舞台】命令（快捷键 Ctrl＋R ） ，在【导入】对话框中选择素材图片所在的位置，将其导入到舞台，如图 33-1所示用户可以按下 Ctrl＋L 快捷键，打开【库】面板进行查看 PSD素材 图 33-1 载入 PSD 素材 （2）按下 Ctrl＋F8 快捷键，打开【创建新元件】对话框，在该对话框中单击【影片剪辑】 单选按钮， 并在 【名称】 文本框中输入新的名称 完成操作后， 进入影片剪辑编辑模式在工具箱中单击【对象绘制】按钮，使用【矩形工具】结合【选择工具】绘制出 33-2所示的图形 图 33-2 绘制图形 （3）分别选择第 27 帧和第 50 帧，按下 F6 快捷键，插入关键帧。

然后选择第 27 帧，选择 【任意变形工具】 单击图形， 选择自由变换选框上方居中控制点， 同时向下拖动鼠标，变形图形，如图 33-3所示 图 33-3 变形图形 （4）选择第 1 帧和第 27 帧之间任意 1 帧，右击鼠标，选择【创建补间形状】命令然后选择第 27 帧和第 50 帧之间任意 1 帧，右击鼠标，选择【创建补间形状】命令创建补间形状动画，如图 33-4所示 图 33-4 创建补间形状动画 （5）单击“场景 1”返回到舞台，按下 Ctrl＋F 8 快捷键，打开【创建新元件】对话框，在该对话框中单击【影片剪辑】单选按钮，并在【名称】文本框中输入新的名称，完成操作后，进入影片剪辑编辑模式，绘制图形，并创建补间形状动画，如图 33-5所示 图 33-5 创建新元件 （6）单击“场景 1”再次返回到舞台，按下 Ctrl＋F 8 快捷键，打开【创建新元件】对话框，在该对话框中创建第 3 个影片剪辑元件进入编辑模式，绘制图形，并创建补间形状动画，如图 33-6所示 图 33-6 创建补间形状动画 如果用户需要小草摆动的频率更慢些，可以通过 F5 快捷键，插入普通帧。

帧数越多动画播放频率越慢 （7）单击“场景 1”返回到舞台在【时间轴】上面单击【插入图层】按钮，创建新图层按下 Ctrl＋L快捷键，打开【库】面板，单击“小草 3 ” ，单击同时拖动鼠标将其拖动到舞台上，使用【属性】面板更改其颜色参数然后按下 Ctrl＋D 快捷键，执行【直接复制】命令，并使用【任意变形工具】对其进行变形、旋转，效果如图 33-7所示 图 33-7 使用库面板 （8）按照上面的方法，继续复制实例“小草 3” 然后选择复制的实例，执行【修改】｜【组合】命令（快捷键 Ctrl＋G ） ，组合实例，如图 33-8所示如果用户需要将其组合的对象打散，可以按下 Ctrl＋B 快捷键  图 33-8 组合实例 （9）按照上面的方法，打开【库】面板，分别选择“小草”和“小草 2 ”影片剪辑，拖动到舞台中，复制并组合通过【属性】面板，调整颜色参数，效果如图 33-9所示在复制排列时，要注意透视关系 图 33-9 使用库面板 （10）在【时间轴】上面创建新的图层，然后使用【矩形工具】绘制一个矩形图形，在图层上面右击鼠标选择【遮罩层】命令，添加遮罩将多余的草丛隐藏，效果如图 33-10所示。

图 33-10 添加遮罩层 （11）在【时间轴】上创建新的图层，使用【椭圆工具】结合【选择工具】绘制出图 34-11所示的图形然后按下 F8 快捷键，打开【转换为元件】对话框，在该对话框中单击【图形】单选按钮，在【名称】文本框中输入新的名称，如图 33-11所示  图 33-11 将图形转换为元件 （12）使用【选择工具】将图形元件移动到花里面，在【时间轴】上面单击【添加运动引导层】按钮，并使用【钢笔工具】绘制出图 33-12所示的路径然后选择所有图层第 93 帧，按下 F5 快捷键，插入普通帧 图 33-12 添加引导层 （13）选择“图层 1”第 69 帧，按下 F6 快捷键，插入关键帧使用【选择工具】将图形元件移动到路径的终点，将图形元件中心点与路径终点对齐，并创建补间动画，如图33-13所示 图 33-13 创建补间动画 （14）根据上面创建引导动画的方法，使用【库】面板中“花瓣”图形元件创建多个引导层动画， 制作成花瓣飘落的动画效果， 如图 33-14所示 在制作过程中， 用户可以通过 【任意变形工具】对图形元件进行变形，创建出不同的花瓣  在制作引导动画时，需要花瓣以不同的时间飘落，因此需要在【时间轴】开端插入空白帧，这样就可以使花瓣飘落更加自然。

图 33-14 创建引导层动画 （15）完成动画设置后，按下 Ctrl＋Enter 快捷键，执行【测试影片】命令，将 Flash文件生成 SWF格式按下 Ctrl＋F 快捷键，全屏预览动画效果，如图 33-15所示在动画效果中可以看到随风摆动的草丛以及飘落的雪花 图 33-15 测试动画 （16）至此，春意盎然动画制作全部完成，动画流程如图 33-16 所示本练习主要运用到补间形状、影片剪辑、引导层以及补间动画通过学习本练习希望用户尝试着制作一个树叶摆动的动画效果 图 33-16 动画流程  。