论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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 19:21:23

  先来看演示。有爱好的朋友下载源文件。跟着做试试。。很轻易的。
点击浏览该文件
点击浏览该文件

源文件:
点击浏览该文件
http://www.flash8.net/bbs/UploadFile/2005-1/200512805629179.swf
swf是400X245大小的。打开后最好不要最大化。还有假如你感觉打开后边界有图片。那一定就窗口过大。请拉窄窗口以达到观看的最佳效果。


(以下数值、参数均以上面的演示例子为准,为了更清楚明白制作过程,请参看源文件)
打开FLASH,新建一个FLASH文档。
按此在新窗口浏览图片
在主场景中先绘制一下与画布一样大小的无边框白色方块,
可以先随便拉一个小方块出来。然后设置参数,如
按此在新窗口浏览图片
然后再画布中打入几个字

按此在新窗口浏览图片

全选主场景中的所有元素。按F8,转换成元件1,把场景中的元件1先删了。。
重新绘制一个与画布一样大小的无边框白色方块,导入一张图片到场景中,注重设置大小。让其居中。

按此在新窗口浏览图片

然后再转换成元件2,
同样方法制作元件3,导入一张图片到场景中,按F8转换成元件,为什么不先按CTRL+F8新建个元件?两者实现结果是一样的,只是这样做能够更轻易预备的控制图片的大小和位置。大家多试试会有所发现的。。
在场景中绘制一个420*5的长方条。做遮罩使用。颜色无所谓的。

按此在新窗口浏览图片


按F8转换成元件,
接下来制作可能要烦琐些。请不要烦躁。其实这也是窍门的常握。很快的。。每个长条之间的距离为5像素,
第一条长条的Y为0,第二条长条的Y为10,制作两条后就直接复制,然然复制四条。八条,十六条。按住ALT往下拉就可以了。

按此在新窗口浏览图片

全选这些小长条按F8转换成元件5
ok..我们现在把刚才做的那三个图片元件连在一起。因为每个元件的长都是400,宽都是245,所以我们可以很简单的把这三个排在一起。

元件1按此在新窗口浏览图片

元件2按此在新窗口浏览图片

元件3按此在新窗口浏览图片

对齐后全选三个元件。按F8再转换为一个元件6,在库里重制元件6,制作元件7,只要改变元件里头第一个元件和第三个元件的位置。

按此在新窗口浏览图片

把元件6拉进主场景中。。属性对话框中的X,Y都设为0,0
分别在第30,40,帧处插入要害帧,第40帧元件6,X=-400,Y=0,然后再70,80帧处插入要害帧,80帧x=-800,y=0;30到40,70到80帧帧之间作动作补间动画。然后在第100帧插入帧。。
新建图层2,以同样的方法把元件7做成与元件6反方向的动画。其中第四帧,只是属性对话框中的数值变化了。第一帧X=-800,Y=0,这样就与元件6重合了。40帧处的X值为-400,80帧处的X值为0,Y值是水平,所以都为0,同样在30与40,70与80帧做补间动画。。
注重图层排序。这对遮罩很重要。。。。。。。N。jpg
分别在这两个图层上各创建一个图层3,4。
在图层4第30帧处插入空白要害帧,把刚才制作的长条元件5拉到场景中,

按此在新窗口浏览图片


然后41帧处插入空白关健帧,把30帧复制到延缓70帧,81帧插入空白要害帧,
图层3以同样的方法制作,只不过元件5的位置

按此在新窗口浏览图片

最后把图层3,4设置成遮罩。制作完成。
其实很简单的。面向新手所以写得啰嗦些了。。

源文件:
点击浏览该文件

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