开启左侧

不一样的遮罩:Flash教学实例

[复制链接]
etthink 发表于 2009-3-12 12:45:01 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
教学知识点:
    理解Flash中遮罩的概念及特点。
    掌握在Flash中实现羽化效果的方法。
知识准备:
  遮罩可以这样理解,被遮住的才能看到(与生活中的现象有点反了)。如果你把一个一元钱当成是一个遮罩的话,把它盖在一张照片上,那么在动画运行时,你只能看到一元钱下面的照片部位。挡上的可以看到,没有被挡上反而看不到,这就是Flash里遮罩的特点,你可以理解为打孔,你用一元钱打了一个孔,那我只有通过一元钱这个孔看下面的照片。
  做遮罩动画有两种方式:
    1 移动你的遮罩,如上面所说的一元钱:你可以做任意类型的动画。
    2 移动遮罩下面的对象,如上面所说的一元钱。
看一下这种动画的时间轴(上面两个有什么不同):


   flash中没有羽化功能,所以不能直接设置,但有两个效果与羽化类似:
      1  是径向渐变填充
      2  是柔化填充边缘

过程说明:
   1 新建文档并改变背景及大小
    2 添加一个图层,并分别命名为文字与圆。
    3 在文字图形上输入文字并调整成适当大小及颜色
   4  在圆的图层上画一个圆(尽可能小些,不要太大,直径10像素左右)颜色自定。
   5选中圆做柔化并填充边缘效果,参数自己比较设置,一般可以设置大一些,最后的圆的大小与字的大小相匹配。
   6 移动圆做动画,并把相应的图层转换成遮罩层,观看动画效果。
文件及素材下载(使用flash cs3制作,请使用相应软件打开):

不一样的遮罩_2.swf (4.89 KB, 下载次数: 267)

不一样的遮罩_2.fla (48 KB, 下载次数: 214)

不一样的遮罩_1.swf (5.44 KB, 下载次数: 220)

不一样的遮罩_1.fla (55.5 KB, 下载次数: 209)
学教育技术,上教育技术论坛!http://www.etthink.com

精彩评论4

正序浏览
wanghui 发表于 2009-3-13 22:25:19 | 显示全部楼层
用遮罩可以做旋转的地球、探照灯、闪光等效果
欢迎大家多发帖,参与讨论,增进彼此了解。
xiaoQzhu 发表于 2011-3-2 15:32:31 | 显示全部楼层
真不错!学习啦!
欢迎大家多发帖,参与讨论,增进彼此了解。
风景在路上 发表于 2012-3-6 12:54:34 | 显示全部楼层
学习了,正需要
欢迎大家多发帖,参与讨论,增进彼此了解。
waheihei 发表于 2012-3-17 19:29:24 | 显示全部楼层
PPT2010的功能就已经很强大了,过来看看FLASH,也学习一下。
欢迎大家多发帖,参与讨论,增进彼此了解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


11关注

462粉丝

7846帖子

推荐阅读更多+
会员达人更多+
广告位

最新信息

更多+

关注我们:教育技术人

官方微信

官方微博

教育技术热线:

13955453231

学教育技术,上教育技术论坛!

教育技术论坛征稿范围:教育技术应用案例、教程文章、优秀作品等。

Email:sf@etthink.com

Copyright   ©2007-2026  应用思考-教育技术论坛  Powered by©Discuz!  技术支持:且行资源    ( 皖ICP备10014945号-4 )