一 : Flash制作鼠标划过文字产生光的动画特效

本教程是向大家介绍利用Flash制作鼠标划过文字产生光的动画特效，教程难度不是很大，制作步骤介绍地也很详细，推荐给大家，希望对大家有所帮助！

效果：

学习鼠标划过文字产生的特效。

。www.61k.com)

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帧处的形状和位置。

09、新建元件：名称：透明按钮，类型，按钮。

10、在时间轴的第4帧（点击）插入关键帧，在编辑区画一个矩形，定一个按钮的感应区，什么颜色效果都可以。

11、回到场景，完成后的时间轴图：

12、图层1名称改为：背景，拖入文字元件，放到合适的位置，图层上锁。

13、添加图层，图层2改为：过光效果，第2帧插入关键帧，从库中拖入过光效果元件，与下面图层的文字背景对齐。（第1帧为空白关键帧）

制作到这里大家会发现，过光效果拖入场景时，是看不到什么的，只有蓝色框，怎么好进行对齐操作呢？

技巧：

1）、请大家选中库中的过光效果元件，双击进入元件编辑区，在最上面添加一个图层，改为文字，点击最下面文字图层第一帧，右键复制帧，再点上面文字第一帧，粘帖帧。然后回到场景去进行对齐操作。

2）、场景中其他工作完成之后，再删除刚才多加的文字图层。

14、回到场景中过光效果图层，分别在第19帧、21、39帧插入关键帧。第40帧插入空白关键帧。给下面的文字层也在40帧入插入帧。选中第2帧，第39帧处的过光效果元件，属性栏中透明度（Alpha）设为0

在2--19，21--39帧之间建立动作补间。锁定图层。

15、在上面添加AS图层，第20帧插入空白关键帧在第1，20帧处写入帧动作：

16、添加按钮图层。拖入库中的透明按钮，调整盖住全部文字层。第2帧处插入关键帧、第40帧入插入帧。

点击第1帧，再选中编辑区的按钮，写入按钮动作：

on (rollOver) {
//Movieclip GotoAndPlay Behavior
_("2");
//End Behavior
}

点击第2帧，再选中编辑区的按钮，写入按钮动作：

on (rollOut) {
//Movieclip GotoAndPlay Behavior
_("21");
//End Behavior
}

记得要删除光效果元件中多加的图层哦！

17、全部完成~测试影片！

二 : 针对flash动画的一些效果制作如何实现？？最近工作中需要制作一

针对flash动画的一些效果制作如何实现？？

最近工作中需要制作一些相关LOGO，要用到工具，可是一些效果制作不是很懂，想和朋友们交流学习一下～学习制作方法和相关步骤～就是说相关操作和相关代码～谢谢～ ^o^

首先就是钢笔字、毛笔字的一笔一划的书写效果

流水图片动态效果：1、文字在水里，水面流动，文字产生波纹效果；
2、比如溪水、瀑布的水流效果；

水墨图：小船在几道水墨波纹中航行着，小鸟在天空飞翔；

目前暂时就这几个主要想了解的内容！～可以的话～希望朋友们好好帮帮我一下～好吗？～～

---

哈哈~~~~~~~~~这么多问题很不好回答的呀

一、钢笔字、毛笔字的一笔一划的书写效果：可以做桢桢动画。

二、溪水、瀑布的水流效果； 可以用遮罩来完成。

三、小船在几道水墨波纹中航行着，小鸟在天空飞翔；用鼠标绘制效果。

如果真的有兴趣学，可以到UC聊天室，交流起来更方便些。

路径：

UC官方大厅——合作专区——合作免费教学专区——闪客启航——闪客启航（初学）

三 : 利用CSS3制作淡入淡出动画效果

CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。[www.61k.com）

利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。

下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。

1. 定义动画，名称为fadeIn

@-webkit-keyframes fadeIn { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0; /*中间状态 透明度为0*/ } 100% { opacity: 1; /*结尾状态 透明度为1*/ } }

2. 在ID或类中增加如下的动画代码

#box {-webkit-animation-name: fadeIn; /*动画名称*/ -webkit-animation-duration: 3s; /*动画持续时间*/ -webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-delay: 0s; /*延迟时间*/}

通过上面的代码即可实现淡入淡出的动画效果，代码具体的含义已在注释中注明。

标签：CSS3   动画   技巧

本文标题：flash动画效果制作-Flash制作鼠标划过文字产生光的动画特效
本文地址： http://www.61k.com/1103657.html