flash经典案例复习课程.doc

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