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

  UploadFile/2004-3/200434192258466.swf
教程如下:
1、 设置场景大小为400×400,背景为白色,帧速率为12fpx

2、 导入一张图片,最好是正方形,因为长方形图片会有很大部分显示不出来,不过可以在flash修改的

3、 单击插入/新建元件命令,弹出“创建新建元件”属性为影片剪辑,新建一个元件,类型为“影片剪辑”如图示
按此在新窗口浏览图片

4、进入元件编辑,打开库,把图片拖入到画面中,选中图片,让图片处于画面中心,如图示, 按此在新窗口浏览图片

5、 单击时间轴窗口下角的添加图层按钮,在图层1上增加一个图层2,将其设置为当前图层,在工具箱中选择椭圆工具,设置边框颜色和填充颜色,可以都为红色,在画面上画一个圆,大小在图片之内。如图示

按此在新窗口浏览图片

6、 在工具箱中选择直线工具,在中心处绘制一条直线,长度大于圆形的直径如图示
按此在新窗口浏览图片
7、单击窗口/转换面板,选中直线,面板中设置如图示,
按此在新窗口浏览图片
然后单击如图示按此在新窗口浏览图片 的按钮可以得到斜线(单击4次),得到如图示的样子,
按此在新窗口浏览图片
8、选中其中的一块把其它的删去,得到如图示的扇形,
按此在新窗口浏览图片

9、 选中图层1,在第60处插入要害帧,选中图层1的第一帧,打开属性面板,设置如图示,这样在第1——60帧建立了动画
按此在新窗口浏览图片

10、选中图层2在第60帧,按F5插入帧,在图层2上单击右键,选中遮罩,如图示
按此在新窗口浏览图片
11、得到如图所示的效果,
按此在新窗口浏览图片
12、回到场景,打开库,把刚才的元件拖入场景,如图所示,同样打开转换面板,
按此在新窗口浏览图片
面板设置和第7步相同,按7次如图所示按此在新窗口浏览图片 的按钮

13、最后得到如图所示的图形,如图示,按Ctrl+enter,观察效果
按此在新窗口浏览图片
源文件及其教程
点击浏览该文件
这个是遮罩的应用,其实很简单的,遮罩效果在作品中很常见,可以说是无处不在,很多有创意的效果都是利用遮罩来实现的,比如放大镜效果,阴影效果,文字的淡进淡出等,而且通应用遮罩,能解决Flash中一些别的方法很难解决的问题。要实现遮罩效果至少要两个层,遮罩层与被遮层总的挨在一起的,设置遮罩后,遮罩层就会为图形提供一个区域,提供的这个区域能使人看到被遮罩层上的图形元素,而在区域以外看不到被遮罩层上的图形元素的。 还有一点,遮罩层上的图形是提供显示被遮罩层图形元素的区域,与遮罩层上图形的颜色、透明度等没有关系,没有必要关心遮罩层图形的颜色和透明度。另外遮罩层提供的区域是图形的有效区域,比如一个圆环提供的遮罩区域就是环状区域而不是圆形区域,这是我学习遮罩的一点感受吧,在这里献丑了。

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