1、案例 1 用时间轴特效制作旋转的树叶。【步骤 1】在菜单栏中选择【文件】|【新建】命令，此时会打开【新建文档】对话框，选择一种要创建的文档类型，即可新建一个 Flash 文档。【步骤 2】如图 13-2-2 所示的为文档的【属性】面板，可以在该面板中设定文档的大小、背景色和播放的速度等。此时，采取默认的设置。【步骤 3】在菜单栏中选择【文件】|【导入】| 【导入到舞台 】，选择要导入的图像文件，点击【确定】后，图像显示在工作界面中，如图 13-2-3 所示。【步骤 4】在菜单栏中选择【插入】|【时间轴特效】| 【变形 /转换】|【变形】，打开如图 13-2-4 所示的变形对话框，输入旋转“36
2、0”度，点击 【更新预览】预览动画效果。点击【确定】按钮。图 13-2-1 【 新建文档】对话框图 13-2-2 文档的【属性】 面板图 13-2-3 文档的【属性】 面板【步骤 5】返回工作界面，选择【控制】|【测试影片】命令，或者按 Ctrl+Enter 键，测试动画效果。如图 13-2-5 所示，导入的图片会旋转 360 度。案例 2 用时间轴特效制作鲜花的旋晕效果。【步骤 1】在菜单栏中选择【文件】|【导入】| 【导入到舞台 】 ，选择要导入的图像文件【案例 2.png】 ，点击【确定】后，图像显示在工作界面中。【步骤 2】在菜单栏中选择【插入】|【时间轴特效】| 【效果 】|【模糊】
3、，打开对话框，保持默认设置，点击【更新预览】预览动画效果。点击【确定 】按钮。案例 3 用时间轴特效制作爆炸的球。【步骤 1】在菜单栏中选择【文件】|【导入】| 【导入到舞台 】 ，选择要导入的图像文件【案例 3.png】 ，点击【确定】后，图像显示在工作界面中。【步骤 2】在菜单栏中选择【插入】|【时间轴特效】| 【效果 】|【分离】，打开对话框，保持默认设置，点击【更新预览】预览动画效果。点击【确定 】按钮。案例 4 创建跑步动画。【步骤 1】新建一个 FLASH 文档，选择“文件-导入-导入到舞台”命令，从外部文件夹导入跑步文件夹。【步骤 2】因为图片名称结尾以相邻数字命名的，所以系统会
4、自动弹出对话框，提示是否导入所有序列文件。【步骤 3】关键帧被自动生成，按 Ctrl+Enter 键，测试动画效果。案例 6 创建贺卡。图 13-2-4 【变形】对话框【步骤 1】新建一个 FLASH 文档，从外部文件夹导入案例 5.jpg，选择“文件-导入- 导入到舞台”命令。【步骤 2】选中第 1 到第 12 帧，按 F6 键在第 1 到第 12 帧都插入关键帧。【步骤 3】在第一帧中使用文本工具输入文字“祝你永远开心舒心一切顺心” 。【步骤 4】在第一帧中保留一个字，第二帧中保留两个字，顺序执行。【步骤 5】按 Ctrl+Enter 键，测试动画效果。案例 7 把 gif 动画文件转变为
5、 flash 逐帧动画。【步骤 1】新建一个 FLASH 文档，在场景中右键单击，在弹出菜单中选择“文档属性”，设置帧速为 25，文档大小设置为 200X300 背景颜色白色。【步骤 2】从外部文件夹导入 dy.gif，选择“文件-导入-导入到舞台”命令。【步骤 3】GIF 文件作为连续帧被导入到舞台。案例 8 创建小车行驶的动画。【步骤 1】新建一个 FLASH 文档，选择“文件-导入-导入到舞台”命令，从外部文件夹导入案例 7.gif。【步骤 2】在第 30 帧插入关键帧，将小车移到舞台的另外一边。【步骤 3】将第一帧的小车缩小一些。【步骤 4】选择第 1 到第 30 帧之间的任意一帧，单
6、击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】 。【步骤 5】中间帧被自动生成，按 Ctrl+Enter 键，测试动画效果。案例 9 实现图片由浓到淡变化的效果。【步骤 1】按照子任务 1 的方法新建一个大小为 550 像素400 像素的 Flash 文档，并导入需要图像案例 9.gif 到舞台。【步骤 2】选中图像，选择菜单中的【修改】|【转换为元件】命令，弹出如图 13-2-13 所示的【转换为元件】对话框，在【类型】中选择“图形”，点击确定，回到工作区。选中第 50 帧，按【F6】键插入关键帧。【步骤 3】选中图形元件，在如图 13-2-14 所示的【属性 】面板中选择颜色为“Alp
7、ha”，参数设置为 15%。图 13-2-13 【 转换为元件】 对话框【步骤 4】选择第 1 到第 50 帧之间的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】，如图 13-2-15 所示，创建运动补间动画。【步骤 6】选择【控制】|【测试影片 】命令，或者按 Ctrl+Enter 键，测试动画效果。如图 13-2-16 所示，导入的图像颜色会由淡到浓显示。案例 10 创建旋转文字。Part 1 排列文字（1）启动 Flash CS4，新建一个文档，然后将文档属性做如图 2-1 所示的设置。图 2-1（2）单击“工具箱”中的“文本工具”按钮 ，然后在其属性面板中做如图 2-2
8、 所示的设置，并在舞台中输入如图 2-3 所示的文字。图 13-2-14 图形元件的【属性 】面板图 13-2-15 选择【创建补间动画 】命令图 2-2 设置字体属性图 2-3 输入文字（3）新建一个“图层 2”，然后按住 Shift 键的同时使用“椭圆工具”绘制一个如图 2-4所示的圆形。图 2-4 绘制圆形（4）选中文字，然后按 Ctrl+B 组合键打散文字，如图 2-5 所示。图 2-5 打散文字（5）使用“选择工具”将文字拖曳到线条上使文字围绕圆圈进行排放，如图 2-6 所示。图 2-6 排放文字技巧提示：在排放文字的时候可激活“工具箱”中的“贴紧至对象”按钮 （激活状态为 ），这样
9、在排放文字的时候就会自动贴紧圆线了。（6）依次选中单个文字，然后按 F8 键将每个文字都转为影片剪辑，然后使用“任意变形工具”调整文字方向，如图 2-7 所示，删除圆形线，再选中所有文字，最终将其转换为影片剪辑，效果如图 2-8 所示。图 2-7 调整文字方向Part 2 旋转动画制作（1）进入影片剪辑编辑区，然后选中第 100 帧，再按 F6 键插入关键帧，如图 2-9 所示。图 2-9 创建关键帧（2）选择第 1 帧，然后在该帧上单击右键，并在弹出的菜单中选择“创建补间动画”命令，最后在属性面板中选择“顺时针”“1 次”。案例 11 圆形转变为五角星的形状补间动画。【步骤 1】按照子任务
10、1 的方法新建一个大小为 550 像素400 像素的 Flash 文档，在工具栏上选择如图 13-2-17 所示的【椭圆工具】，在第 1 帧绘制一个实心圆，如图 13-2-18 所示。图 13-2-17 选择【椭圆工具 】图 13-2-18 绘制实心圆【步骤 2】使用选【椭圆工具】类似的方法选择【多角星形工具】，点击如图 13-2-19所示的【多角星形工具】的【属性】面板上的【选项】按钮，在如图 13-2-20 所示的【工具设置】对话框里面进行设置，样式为“星形”，变数为“5”。【步骤 3】选择第 20 帧，按【F6】键插入一个关键帧，并在此帧中，使用【多角星形工具】绘制一个实心的五角星，如图
11、 13-2-21 所示。【步骤 4】选择第 1 帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间形状】，图 13-2-19 【多角星形工具 】 的【属性】面板图 13-2-20 设置【多角星形工具 】图 13-2-21 绘制五角星如图 13-2-22 所示，创建形状补间动画。【步骤 5】选择【控制】|【测试影片 】命令，或者按 Ctrl+Enter 键，测试动画效果。如图 13-2-23 所示，圆形会逐渐变成五角星的形状。案例 12 虫变蛹化蝶的过程。【步骤 1】打开案例 11 文件夹中的初始文件.fla 文件。【步骤 2】将元件 2 拖动到舞台，点击修改、分离将元件 2 分离。【步骤 3】
12、选中第 10 帧，按 F6 键，插入关键帧。【步骤 4】选中第 30 帧，按 F6 键，插入关键帧，删除元件 2，拖入元件 3，点击修改、分离将元件 3 分离。【步骤 4】选中第 10 帧，右键选择“创建形状补间”，完成从虫到蛹的变化。【步骤 5】选中第 40 帧，按 F6 键，插入关键帧。【步骤 6】选中第 70 帧，按 F6 键，插入关键帧，删除元件 3，拖入元件 4，点击修改、分离将元件 4 分离。【步骤 7】选中第 40 帧，右键选择“创建形状补间”，完成从蛹到蝶的变化。【步骤 8】选中第 80 帧，按 F6 键，插入关键帧。案例 14 全球移动通信的路径动画。【步骤 1】按照子任务
13、1 的方法新建一个大小为 400 像素400 像素的 Flash 文档，在图层 1 中导入一张比较大的图像做为背景，然后点击按钮 插入一个新的图层 2。在图层 2 中插入一张比较小的图像做为移动的物体，如图 13-2-24 所示。图 13-2-22 创建形状补间动画【步骤 2】选中图层 2，点击按钮 插入一个新的引导层：图层 2。在引导层：图层2 中使用【铅笔工具】 ，并在如图 13-2-25 所示的菜单中选择“平滑”，此时使用【铅笔工具】绘制出来的是平滑的曲线。使用【铅笔工具】在引导层的第 1 帧中绘制出一条曲线，做为图像移动的引导路径，如图 13-2-26 所示。【步骤 3】在引导层和图层
14、 1 的第 100 帧插入普通帧。【步骤 4】在图层 2 的第 1 帧，选择要移动的图像，与引导线开始端点完全吻合，如图 13-2-27 所示。在图层 2 的第 100 帧按【F6】键插入关键帧，将要移动的图像与引导线的结束端点完全吻合，如图 13-2-28 所示。图 13-2-24 导入图像到工作区图 13-2-25 选择【铅笔工具】的属性为“平滑”图 13-2-26 绘制引导路径【步骤 5】在图层 2 的第 1 帧上右键单击，在弹出的菜单中选择【创建补间动画】，完成补间动画的创建。【步骤 6】选择【控制】|【测试影片 】命令，或者按 Ctrl+Enter 键，测试动画效果。如图 13-2-
15、29 所示，图层 2 中的物体会沿着引导层中引导线的曲线轨迹进行移动。案例 15 豹子沿路径动态奔跑的路径动画。【步骤 1】使用导入到库的命令，将素材导入到库中。【步骤 2】将树林-1.jpg 放到图层 1 中，在第 30 帧插入关键帧，背景就做好了。【步骤 3】单击时间轴上 按钮插入一个引导层，使用铅笔工具绘制从左往右的路径，路径绘制之后，在第 30 帧插入关键帧，路径就做好了。【步骤 4】插入新图层，注意新图层要在引导层之下，表明新的图层中的对象会根据引导层中的路径进行运动。【步骤 5】在新图层的第一帧中插入元件 1，注意不要插入 gif 动画，不然效果是错的，将元件与引导线的开始位置大致
16、吻合。注意大致吻合即可，不能完全吻合。【步骤 6】在新图层的第 30 帧插入关键帧，将元件 1 的位置挪动到引导线的结束位置，大致吻合。【步骤 7】选择新图层的第一帧，右键单击“创建补间动画” 。【步骤 8】关键帧被自动生成，按 Ctrl+Enter 键，测试动画效果。案例 17 行星沿路径动态运动的路径动画。【步骤 1】将星空.jpg 放到图层 1 中，在第 30 帧插入关键帧，背景就做好了。【步骤 2】新建图层 2 以及其对应的引导层。【步骤 3】在引导层中绘制一个椭圆，并用橡皮擦出一个小缺口，在第 30 帧插入关键帧，路径就做好了。【步骤 4】在图层 2 的第一帧中插入地球 1.png，
17、背景是透明的。在第 1 帧中将地球 1和路径的开始吻合。图 13-2-27 物体与引导线开始端点吻合 图 13-2-28 物体与引导线结束端点吻合【步骤 5】在图层 2 的第 30 帧插入关键帧，将地球 1 的位置挪动到引导线的结束位置，吻合。【步骤 6】选择图层 2 的第一帧，右键单击“创建补间动画” 。【步骤 7】关键帧被自动生成，按 Ctrl+Enter 键，测试动画效果。案例 18 利用遮幕动画实现探照灯效果。【步骤 1】将世博夜景 3.jpg 放到图层 1 中，文档大小匹配选“内容”，调整动画大小，在第 60 帧插入关键帧，背景就做好了。【步骤 2】新建图层 2 以及其对应的引导层。
18、【步骤 3】在引导层中绘制一条沿着大桥的曲线，在第 60 帧插入关键帧，路径就做好了。【步骤 4】在图层 2 的第一帧中绘制一个无边的实心圆，颜色不限。在第 1 帧中将实心圆和路径的开始吻合。【步骤 5】在图层 2 的第 60 帧插入关键帧，将实心圆的位置挪动到引导线的结束位置，吻合。【步骤 6】选择图层 2 的第一帧，右键单击“创建补间动画”。【步骤 7】选择图层 2 的所有帧，右键选择“转换为关键帧”，补间动画生成的帧都被保留下来。【步骤 8】删除引导层。【步骤 9】右键单击图层 2，选择“遮幕层”。【步骤 10】新建图层 3，将世博夜景 3.jpg 放到图层 3 中，转换为图形元件，将其
19、alpha 值改为 30%。【步骤 11】按 Ctrl+Enter 键，测试动画效果。案例 19 利用遮幕动画实现电影镜头效果。【步骤 1】将世博夜景.jpg 放到图层 1 中，文档大小为 800*1000 像素。【步骤 2】在第一帧中将图片左端对齐舞台左端。【步骤 3】在第 80 帧插入关键帧，将第 80 帧的图片右端对齐舞台右端。【步骤 4】选择图层 1 的第一帧，定义动作补间动画。【步骤 5】新建图层 2，在这个图层上绘制一个矩形，无边框，任意色，矩形的宽和舞台一样宽，高和夜景图片的高一样。【步骤 6】右击图层 2，选择“遮幕层”，这时可以看到一个从左到右拍摄夜景的电影镜头效果，可以给学
20、生先看一下。【步骤 7】在图层 1 第 55 帧插入关键帧，删除图层 1 第 55 帧之后的所有帧。【步骤 8】将图层 1 解锁，图层 2 隐藏。【步骤 9】选择图层 1 的第 80 帧，插入关键帧，将第 80 帧的图片放大到 300%，并移动运动馆至舞台中心。【步骤 10】选择图层 1 的第 55 帧，选择“动作补间动画”。【步骤 11】按 Ctrl+Enter 键，测试动画效果。案例 20 制作图形元件。【步骤 1】按照子任务 1 的方法新建一个大小为 400 像素200 像素的 Flash 文档，背景色为黑色。使用【文本工具】在工作区中写出“清仓特价”四个字，字体为“华文彩云”，大小为“
21、80 像素”，加粗，字体颜色为白色，如图 13-2-30 所示。【步骤 2】选中文本，执行【修改】|【分离】命令二次，或者按【Ctrl+B】两次，把字体打散，再选择【颜料桶工具】 ，把字体中心填充成红色。填充之后的效果如图13-2-31 所示。在图层 1 的第 30 帧插入普通帧，图层 1 的作用是显示文字。【步骤 3】选择菜单【插入】|【新建元件】，弹出如图 13-2-32 所示的【创建新元件】对话框，选择类型为“图形”，点击确定后进入新元件的编辑。绘制一个如图 13-3-33 所示的无边长条矩形，在如图 13-3-34 所示的颜色面板中选择类型为 “线性”，将三个色标全部设置为白色，第一和
22、第三个的【Alpha】值为零，中间的为 75%。可以在如图 13-3-35所示的【库】面板中找到新建的元件。图 13-2-30 输入文本图 13-2-31 为文本填充颜色【步骤 4】点击场景和元件按钮 可以在场景和元件的编辑工作区之间切换。切换到场景工作区，新建一个遮罩层：图层 2。在图层 2 的第 1 帧中添加刚才做好的元件，并将元件放在文本的最左端，如图 13-2-36 所示。在图层 2 的第30 帧按【F6】键插入关键帧，同样插入元件，放在文本的最右边，如图 13-2-37 所示。图 13-2-32 【 创建新元件】 对话框 图 13-2-33 绘制新元件图 13-2-34 新元件的【颜
23、色 】面板 图 13-2-35 【库】面板图 13-2-36 遮罩层第 1 帧 图 13-2-36 遮罩层最后一帧【步骤 5】在图层 2 的第 1 帧上右键单击，在弹出的菜单中选择【创建补间动画】，完成补间动画的创建。【步骤 6】选择【控制】|【测试影片 】命令，或者按 Ctrl+Enter 键，测试动画效果。如图13-2-37 所示，图层 2 中的闪光棒会沿着文本划过。案例 21 制作影片剪辑元件。【步骤 1】新建文档，选择“插入”“新建元件”，选择类型为“影片剪辑”，单击确定后进入元件的编辑场景。【步骤 2】选择导入到舞台，将骏马图像序列全部导入到舞台。按下 Enter 键，可以看到骏马在
24、原地奔跑。【步骤 3】返回到“场景 1”，可以看到库中增添了刚才创建的元件。在第一帧将骏马放在舞台的右边，第 20 帧将骏马放在舞台的左边，创建补间动画，实现骏马飞奔的动画。案例 22 制作按钮元件。【步骤 1】新建文档，选择“插入”“新建元件”，选择类型为“按钮”，单击确定后进入元件的编辑场景。【步骤 2】选择导入到库，将按钮图像序列全部导入到库。将 1.jpg 文件拖入到弹起的帧中。【步骤 3】然后选择指针经过的帧，按 F6 插入关键帧，将 2.jpg 文件拖入到指针经过的帧中。【步骤 4】然后选择按下的帧，按 F6 插入关键帧，将 3.jpg 文件拖入到按下的帧中。【步骤 5】然后选择指
25、针点击的帧，按 F6 插入关键帧，将 4.jpg 文件拖入到点击的帧中。【步骤 6】返回到“场景 1”，可以看到库中增添了刚才创建的元件。将元件拖入到舞台浏览。案例 23 制作正在刹车的小汽车实例。【步骤 1】新建文档，选择“导入”“导入到舞台”，将小汽车导入到舞台。【步骤 2】将小汽车转换为元件。【步骤 3】在第 20 帧按 F6 插入关键帧，并移动小汽车，创建从第 1 帧到第 20 帧的补间动画。在帧属性面板上设置补间速度为 100，即朝着动画结束的方向减速补间，体现汽车刹车的效果【步骤 4】选择“导入”“导入到库”，将刹车声音导入到库。【步骤 5】新建图层，将刹车声音元件拖动到舞台上，浏
26、览效果。案例 24 伴奏飞舞的蝴蝶实例。【步骤 1】打开初始文件.fla，在图层 1 中拖入花朵的背景文件，在第 80 帧插入关键帧。【步骤 2】建立引导层，并新建七个图层被其引导，在引导层中绘制蝴蝶飞舞的路径。【步骤 3】在图层 2 中，动作补间动画从第 1 帧开始，到第 50 帧结束，将蝴蝶移到路径的开始和结束的位置。【步骤 4】在图层 3 中，动作补间动画从第 2 帧开始，到第 51 帧结束，后面几个图层以此类推。【步骤 5】在图层 8 中，绘制蝴蝶飞舞离开画面的动作补间动画。【步骤 6】新建图层，将声音拖入到舞台，浏览效果。案例 25 给按钮加上声音。 【步骤 1】打开前面制作的按钮动画，编辑按钮元件。【步骤 2】选择“导入”“导入到库”，将按钮声音导入到库。【步骤 3】在元件编辑环境中，新建图层，在按下帧中，按 F6 插入关键帧。【步骤 4】将声音拖入，浏览效果。
