论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

给建筑插上飘动的彩旗

文章类别:Flash | 发表日期:2008-9-21 20:09:37

  

[前言]
1、初学者写的教程面向初学者,让我们一起成为高手吧!(我写的比较啰嗦,但制作起来却是很简单的)
2、我在闪吧论坛发过此贴——请初学者用遮罩做出此效果,很多如我一样的初学者都很踊跃地跟贴交作业,但效果还是差一点点。现将我的制作思路写出来。

[效果]:
/UploadTeach/200708/20070810163916150.swf

[要求]
1、防止靠近旗杆的旗上下抖动
2、使旗在滚动时畅而不滞

[目的]
熟练把握引导层和遮罩的使用方法

[步骤]
第一步:新建图形元件,名称为“静止的旗”;在里面画一个无边框的矩形,宽30像素、高40像素、填充红色、相对于舞台左对齐和上对齐;按下工具栏中的“选择工具”,不选中矩形,把鼠标移到矩形的上边位置,当鼠标下方出现一条黑色的弧线时,按住鼠标往上拖;同样,把矩形的下边也往上拖。选中变形后的矩形,按住Ctrl键的同时往右拖出一个(即复制一个),选中复制出来的图形,然后选择“修改”菜单下的“变形”中的“垂直翻转”,并把X坐标设置为30、Y坐标设置为0;用鼠标在图形点击选中,按住Ctrl键的同时往右拖出一个,其X坐标设置为60、Y坐标与左边的图形相同(变形后的图形X坐标发生了变化,已经不为0了)。具体设置和效果如图1:



第二步:在库中选中元件“静止的旗”,右键选择“直接复制”,在弹出的对话框中将名称改为“遮罩原图”,点击“确定”按钮;在库中双击元件“遮罩原图”,进入“遮罩原图”的编辑场景;选中图形(记住其高度),用“选择工具”删除下部分的波浪形,再把其高度设置为原来的高度(不一定与图中的高度一样)。具体设置和效果如图2:



第三步:新建影片剪辑元件,名称为“滚动的旗”,在里面创建两个图层,图层名称从上到下依次为“引导层”、“静止的旗”;把“静止的旗”元件拖入到“静止的旗”图层上,相对于舞台左对齐和上对齐;双击该元件,进入“静止的旗”元件编辑场景中,在工具栏中选择“墨水瓶”工具,给图形描边黑色的边线,选中边线,双击边线按住Ctrl+X键剪切;回到“飘动的旗”的编辑场景中,再按住Ctrl+X键粘贴到“引导层”图层上,删除两边和下边的线,只留下上边线,相对于舞台水平中齐和上对齐,并延长帧至第30帧处,锁定该图层;选中元件“静止的旗”,按下工具栏中的“任意变形工具”,把图中出现的小白圆拖到上边的黑线上,在第30帧处插入要害帧,并创建补间动画,把第30帧的元件X坐标设置为-58,并把元件往上移,直到小白圆在黑线上为止;选中“引导层”图层,右键选择引导层;选中“静止的旗”图层稍稍往上拖(注重引导层图层图标的变化)。具体设置和效果如图3:



第四步:新建影片剪辑元件,名称为“遮罩层动画”,把库中的元件“遮罩原图”拖入,相对于舞台左对齐和上对齐;在第30帧处插入要害帧,把第30帧处的元件X坐标设置为-58,并创建补间动画。具体设置和效果如图4:



第五步:新建影片元件,名称为“飘动的旗”,创建两个图层,图层名称从上到下依次为“遮罩层动画”、“滚动的旗”;把“遮罩层动画”和“滚动的旗”分别拖入到相应的图层中;把“遮罩层动画”元件顺时针旋转90°,并把各个图层上的元件均设置成为相对于舞台左对齐和上对齐;选中“遮罩层动画”图层,右键选择遮罩层。具体设置和效果如图5:



第六步:创建“旗杆”新图形元件,用渐变工具画一细长矩形;把“旗杆”拖入到主场景中,在下层把“飘动的旗”也拖入,分别放到合适的位置上。

[思考与交流]
1、你是否能用外形补间做出飘动的效果?
2、为了防止靠近旗杆的旗上下抖动,你还有其他方法吗?
3、在第三步和第四步中将第30帧处的元件X坐标为何不设置为60?

[源文件]
 插上彩旗.rar

进入论坛讨论学习:http://space.flash8.net/bbs/thread-340122-1-1.html

视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058