您现在的位置: 圆点视线 >> 教程 >> flash教程 >> 实例教学 >> 文章正文
[图文]用FLASH遮罩效果做图片切换效果           ★★★
用FLASH遮罩效果做图片切换效果
作者:hairan  文章来源:PCONLINE  点击数:  更新时间:2007-7-16 11:38:07 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

本教程是关于FLASH应用遮罩效果制作好看的图片切换效果。该教程选用FLASH遮罩中最简单的一种作为例子,当然你可以用自己的想象力来做出更多更好的图片动画。希望本教程能带你带来帮助。

让我们先看看效果:

预览效果
效果预览


  第一步、打开Flash新建1个图层,用线条工具画一条竖直线,放在相对舞台的左面,第30帧处插入关键帧。

用FLASH遮罩效果做图片切换效果
图1

第二步、点击第30帧把竖直线拉到舞台右面。

用FLASH遮罩效果做图片切换效果
图2

  第三步、点住任意一帧,在属性里面把补间改为形状。

用FLASH遮罩效果做图片切换效果
图3

  第四步、新建一个图层,和上面一样画一个竖直线,注意的是这次把竖直线从右到左放,然后在属性补间里面选择形状动画。

用FLASH遮罩效果做图片切换效果
图4

  第五步、新建图层,导入一张图片,相对舞台大小。

用FLASH遮罩效果做图片切换效果
图5

第六步、新建图层,在第20帧处插入关键帧,导入一张图片,相对舞台大小,第30帧处插入帧。

用FLASH遮罩效果做图片切换效果
图6

  第七步、新建图层,第20帧处插入关键帧,用矩形工具画一个长方形的方块颜色任意,注意一定要和两个线条对齐。否则没有拉开效果。

用FLASH遮罩效果做图片切换效果
图7

  第八步、在第30帧处插入关键帧,把方块用任意变形工具拉大,相对于舞台。点击属性补间改为形状。

用FLASH遮罩效果做图片切换效果
图8

  第九步、点击图层5点右键,选择遮罩层。

用FLASH遮罩效果做图片切换效果
图9

  好了。按Ctrl+Enter试下效果吧。我做的只不过是FLASH遮罩中最简单的一种,关键是用自己的想象力来做出最好的图片动画。


 

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:hairan    责任编辑:hairan  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    使用html为flash页面添加音乐
    freehand也能做flash动画
    Flash格斗动画[鬼斗]的镜头处理教程
    在flash里获取PHP变量
    Flash+ASP实现电子互动地图在线标注功能
    让Flash调用符合web标准
    Flash实例:鼠标点选不同层次的层叠图片
    Flash AS代码简单实现动态文本包边效果
    用Flash 8 AS代码写摄像头拍照功能
    Flash遮罩轻松制作鼠标弹性跟随放大镜
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门