Flash 8.0打造流光型按钮-时间轴版

按钮

  先来看看效果,应该还不错啦:

点击这里下载源文件

  以前这样的效果要做的话,恐怕得开AE了,现在有了flash8,问题似乎简单了很多,因为只用到了一个滤镜,就是渐变斜角

  下面教大家三步走完成这个效果,先用时间轴来作,as就不成问题啦

  首先打开flash8,新建一个文档,场景大小自订,帧数自订,也别太低啦(我这里是18帧/秒)

  1.绘制一个按钮图像mc,这里我画了一个flash8的图标,如图:

  2.新建一个mc,把刚才的图标拖入新建mc的场景中,然后选中它,点击属性面板,选择滤镜,为它添加渐变斜角滤镜,具体参数如下图

  然后,点选第64帧,选择插入关键帧,同样点选场景中的图标,添加渐变斜角滤镜,具体参数如下图,并让动画做1~64帧补间动画。

  3、最后,逢4帧进位(为什么是4,等下就知道),插入关键帧(即4、8、12……插入关键帧),接着点选第4帧的mc,在属性面板中更改滤镜的参数,把距离改成4(这就是4帧进位的意思,注意不要太大了,否则效果不好),第8帧的滤镜中的距离参数为0,第12帧的滤镜距离参数为-4,以此类推,形成循环,如下图:

  回到主场景,把刚才做的mc放到场景中,就可以测试影片啦,怎么样,够简单吧:)
最后我想这个滤镜的扩展性应该很大吧,因为渐变斜角的渐变色范围太广了,而且用AS控制的话,应该能够出现更加随机更加绚丽的效果,明天再研究用as来做吧,睡觉先~

时间: 2024-11-03 18:19:00

Flash 8.0打造流光型按钮-时间轴版的相关文章

08. Web大前端时代之:HTML5+CSS3入门系列 ~ QQ空间时间轴

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html  大前端系列,主要就是使用CSS3.0来实现,注释我已经打在代码里面了,直接看代码就可以了,后面会说一下CSS3.0系列,这个就当一个引入吧:   简单版本: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content=&q

Sencha Touch2 时间轴ListPanel

直接贴代码 timeline.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../pub/touch-2.3.1/resources/css/sencha-touch.css"> <script type

Flash AS3.0构建简单的声音可视化程序(波型图)

本例为Flash AS3.0实例教程,在教程中我们将学习运用SoundMixer.computeSpectrum() 方法来构建简单的声音可视化程序(即波形图),希望能给朋友们带来帮助~~ AS3.0构建简单的声音可视化程序(波型图): 开发"> 使用 SoundMixer.computeSpectrum() 方法来显示声音波形图: import flash.display.Graphics; import flash.events.Event; import flash.media.So

Flash AS 3.0菜鸟学飞教程:类的编写之时间轴代码转换为外部类

我们已经了解了在Flash CS3 中如何在时间轴上编写代码,那么如何将时间轴上的代码转换为外部类,以及Flash CS3 的文档类形式,接下来我们进一步的来研究编写类及外部as文件的方式. include 如果你了解AS1.0,AS2.0 编程,那么对include一定不陌生,在Actionscript 3.0中我们仍可以使用include 来导入代码. 例: 1.打开flash新建一个文档.保存为drag_inclue.fla在场景中创建一个影片剪辑,本例中使用的小球,将其转换为影片剪辑,并

《Adobe Flash CS5 ActionScript 3.0中文版经典教程》——1.4 在Flash时间轴上放置代码

1.4 在Flash时间轴上放置代码 1.4.1 使用帧标签 在开始添加ActionScript之前,注意在时间轴上有一个图层称为"说明"(Label).在这个图层中,第2帧有一个标签,称为loop,第50帧有一个标签,称为home.在Flash中可以向任意时间轴上的任意关键帧添加标签,用来标记一些关键的位置.ActionScript可以使用标签来控制导航.如果以前没有使用过标签,可以实践一下,在第30帧上给时间轴添加一个标签. 1.选择时间轴上标签图层中的第30帧. 2.按F6键或选

《Adobe Flash CS4 ActionScript 3.0中文版经典教程》——1 导航Flash时间轴 1.1 课程概述

1 导航Flash时间轴 1.1 课程概述 本课主要内容包括: 通过"动作"面板向时间轴添加ActionScript. 向时间轴上的帧添加标签. 通过添加到时间轴的ActionScript来控制播放功能. 在测试环境中将Flash项目作为SWF文件预览. 在ActionScript中更改动态文本字段的内容. 使用ActionScript变量跟踪数值变化. 使用条件语句响应动画循环.本课学习大约需要两个小时. Flash时间轴是创建动画的一个非常有用的工具,它提供了建立Web站点的环境,

Flash实例教程:AS3.0打造漂亮水纹效果

在这个Flash AS3.0实例教程中,我们将用到置换图滤镜(DisplacementMapFilter)和BitmapData类的的杂点功能(perlinNoise),这两个家伙常常给我们带一些令人兴奋的效果,它们今天的合作为我们创造了一个漂亮的的水汶 现在我开始来构建这个漂亮的水纹: 既然是水纹,我想首先要找一张含水的图片吧,百度一下吧,河道,湖泊,水池,你喜欢就行. 1.新建一AS3.0文档,将帧频设为30,将你刚百度到的图片导入到库中,点右键,在属性面板中将"使用JPEG导入品质&quo

Flash+ASP联合打造投票程序(图)

程序|投票|投票 为了调查了解站点访问者对特定问题的立场,我们可以在站点中设置投票程序,站点访问者直接选择答案,程序自动对所有答案进行统计和显示. 下面是一个简单的flash版的投票程序,后台使用xml+ asp+ mysql:因为大多web工作 者对asp比较熟悉,xml可以将复杂的问题简化,采用mysql的原因是access我没有安装,程序不需要任何存储过程,所以无需动SQL Server ,Oracle等重兵器. 问题分析:本投票程序是选择题,故我们用一个字段存储用户的答案即可. 建立数据

Flash AS3.0菜鸟学飞教程代码的位置

早期版本的ActionScript代码可以写在帧.按钮.影片剪辑.as文件等位置,而Flash AS3.0代码的位置发生了重大的改变,只能写在帧及as文件中. 虽然Flash AS3.0支持把代码写在时间轴中,但在实际应用中,如果把很多的代码放在时间轴中,会导致代码很难管理.或者说,用类来组织大量的代码更为合适,因为类代码都是放在as文件中的. 除了把代码放在时间轴上,还可以把代码放在外部文件中,比如,放在服务器的txt文件中,然后把这些外部数据加载到fla文件里. 外部文件代码 以往都是在时间