当前位置: 代码迷 >> Web前端 >> 鼠标滑过文字发作光效果
  详细解决方案

鼠标滑过文字发作光效果

热度:146   发布时间:2012-11-22 00:16:41.0
鼠标滑过文字产生光效果

?效果:
学习鼠标划过文字产生的特效
01、新建flash文档,背景色:645646,帧频30,大小:150*50

02、【文件】【导入】【导入到舞台】导入一幅位图(原文件中此位图为透明背景下图中底色为我们设定的背景色)

03、选中导入的位图,右键转换为元件,命名为“文字”。类型:图形。“Ctrl+B”打散位图,用选择工具选中不需要的部分,删除!

提示:新建元件:过光效果,类型:影片剪辑
此mc中添加三个图层,此时共有四个图层,运用两次遮罩,实现两层光效果

由下至上分别为:文字层,遮1层,文字层,遮2层
04、在图层1拖入文字元件,并改图层为:文字。选中文字属性,调整颜色亮度为:24%。第35帧处插入帧:

05、在文字层上面添加图层,改为遮1,在第一帧画一个矩形,分别在17帧,35帧处插入关键帧,并在1--17,17--35帧之间设立形状补间
06、并把遮1层设为遮罩层,见下面三张图,分别为矩形在1,17,35帧处的形状和位置



在遮1层上添加图层,改图层名为:文字,选中文字元件。属性栏,颜色亮度为:56%。
07、同样在第35帧处插入帧。

?在此文字层上方,添加图层,改为:遮2,在第一帧在文字左端画一个矩形,35帧处插入关键帧,拖动矩形到文字右边,并在1--35帧之间设立形状补间
08、并把遮2层设为遮罩层。见下面两张图,分别为遮2层中的矩形在1,35帧处的形状和位置
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1634.html
  相关解决方案