flash经典案例.docx
- 文档编号:4331200
- 上传时间:2022-11-29
- 格式:DOCX
- 页数:18
- 大小:855.12KB
flash经典案例.docx
《flash经典案例.docx》由会员分享,可在线阅读,更多相关《flash经典案例.docx(18页珍藏版)》请在冰豆网上搜索。
flash经典案例
案例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创建旋转文字。
Part1 排列文字
(1)启动FlashCS4,新建一个文档,然后将文档属性做如图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 调整文字方向
Part2 旋转动画制作
(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】将声音拖入,浏览效果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash 经典 案例
![提示](https://static.bdocx.com/images/bang_tan.gif)