Flash制作弹性按钮

按钮

软件:Flash MX 2004
效果:我们要做一个弹性按钮,鼠标移动到按钮上,它就有弹性的变大,鼠标移开时,则相反。

原理:首先我们要订出,鼠标放到mc上的最大值,设置初始值。弹性的设置阻力,弹性的速度。订出了这个效果的初始值,然后要计算出大小循环也就是让按钮有弹性而不是没有弹性的慢慢变大。
做法:

画一个方形(随意什么形状)保存为MC(影片剪辑),
onClipEvent (load) {
function abc() {
xskal = 150;
yskal = 150;//鼠标放到mc上的最大值
sX = 0;
sY = 0;//设置初始值
multiplikator = 0.9;//设置阻力的 越大就弹的越多
ratio = 0.3;//速度
}
function cba() {
xskal = 100;
yskal = 100;
sX = 0;
sY = 0;
multiplikator = 0.9;
ratio = 0.3;
}
function dy() {
onEnterFrame = function () {
sX = sX*multiplikator+((xskal-this._xscale)*ratio);
sY = sY*multiplikator+((yskal-this._yscale)*ratio);// 大小循环(就是弹性)=0×阻力+((mc的最大值-mc的缩放属性)×速度)
this._xscale = this._xscale+sX;
this._yscale = this._yscale+sY;// mc的缩放属性=mc的缩放属性+弹性
};
}
}
on (rollOver) {//鼠标移动到按钮上
this.swapDepths(2);//弹起的按钮在最上层,可参见AS2.0字典
abc();//执行function abc()
dy();//执行function dy()
}
on (rollOut) {//鼠标从按钮上移开
this.swapDepths(1);//没弹起的按钮在最下层
cba();//执行function cba()
dy();//执行function dy()
}

时间: 2025-01-01 23:53:32

Flash制作弹性按钮的相关文章

Flash制作插按钮动画教程

   Flash是制作二维动画的一个常用软件,小北的这个教程详细的讲述了非常实用的插按钮方法~很实用的哦,希望能对大家有所帮助! 工具/原料 Flash CS3或以上 方法/步骤 1.打开Flash,新建一个文档,或者打开自己做的动画文件.(小北是打开自己做好的FL哦~)如图所示: 2.在场景中绘制按钮,并且储存为按钮元件,并双击进入按钮设置界面,设置好弹起,指针经过,按下,点击,如图所示: 3.返回场景,新建按钮图层,在需要插入按钮的那一帧插入停止动作,具体做法如下:(1) 将鼠标指针放在需要

Flash制作动画中应用到的按钮的八个动作的区别

按钮|区别 按钮中的八个动作有什么区别? 解决思路 在[影片剪辑控制]集合中还有一个与我们制做flash密切相关的on命令.这个命令是专门为按钮设计的,它提供了八种按钮的事件.分别是按下,滑过,释放,滑离,外部释放,拖过,拖离和按键.最后一种是定义键盘的事件.这八种时间在我们平时的制作中经常可以用到,每一种时间都有不同的效果,下面我们就结合事例给大家分析一下. 具体步骤 首先我们制作一个简单的移动渐变动画.为了直观地说明按钮的功能,我们在第1帧加入as:stop():.如图所示. 制作一个简单的

Flash制作动画之掌握基本按钮知识

按钮 问题1:如何制作按钮?为什么我制作的文字按钮,很不容易点击到? 解决思路 在按钮编辑区的时间轴上只有四个帧,第4帧的"点击"是按钮的反应区,这个区域在舞台中是看不到的,但是他却起到了按钮反应的作用.我们扩大按钮的反应区,既可以轻易的用鼠标点击到这个按钮了. 具体步骤 1.运行Flash MX 2004,文档属性默认. 2.新建一个元件,命名为"按钮",类型设定为按钮元件. 3,进入按钮编辑区,时间轴上面一共有四个帧.这四个帧的作用已经在第一章中向大家介绍过了.

Flash中震动按钮的制作

按钮|震动 如何制作震动按钮? 解决思路主要是利用X轴,Y轴坐标的改变来完成震动效果. 具体步骤 一个最简单的办法是在按钮的第4帧"点击"帧上放置一个按钮震动的影片剪辑.这样是可以的.但是今天我们来向大家介绍一个利用as方法实现震动按钮的效果. 1.我们要准备5个影片剪辑,分别放置5个按钮图形.如图1所示. 2.把这5个影片剪辑分别从库中拖放到场景中,按照顺序排列.在下面的属性面板中分别命名为M0,M1,M2,M3,M4.如图2所示. 3. 新建图层,在第1帧添加AS: for (va

Flash制作精彩点线形弹性菜单

菜单 今天没什么事仿照闪吧看到的一个教程,自己制作了一下(自己懒的截图了,图片还是用的原作者的): 点击这里下载源文件 1.新增一个元件40×40做按钮相应的元件(可以命名成"bg",主要是为了方便以后调整大小),接下来是制作正式制作按钮 将制作好的图形元件放入按钮的"弹起"."指针经过"和"按下"祯,在"点击"祯放入元件"bg".按此原理制作其他按钮. 2.鼠标悬停后"提示&

图片和CSS制作动画按钮

css|按钮 很多时候大家可以看到FLASH里面的按钮可以是动画的,而大部分HTML作出来的按钮都是单帧切换的.其实做成动画也是可行的.先看看下面的预览图片 鼠标移动上去,鼠标点击,鼠标移开 下面是实际效果,亲自体验一下 a{display:block;height:31px;width:88px;background-image:url(图1)}a:hover{background-image:url(图2)}a:active{background-image:url(图3)} 其实最重要的是

使用图片和CSS结合制作动画按钮

css|按钮 很多时候大家可以看到FLASH里面的按钮可以是动画的,而大部分HTML作出来的按钮都是单帧切换的.其实做成动画也是可行的.先看看下面的预览图片 鼠标移动上去,鼠标点击,鼠标移开 下面是实际效果,亲自体验一下 a{display:block;height:31px;width:88px;background-image:url(图1)}a:hover{background-image:url(图2)}a:active{background-image:url(图3)} 其实最重要的是

FLASH制作网站过程详细规划

规划|过程 1 网站制作前期准备 往往很多人做FLASH的时候都是拿来就做,不对的地方再进行修改,这样不仅效率低,并且做的时候思绪很乱,导致做出来的效果很差,一个好的网站前期的准备工作必不可少网站做法分为两种 一种是把网站做成很多的FLASH文件,然后再进行连接,这样做的好处是修改容易,且思路清晰.(我常用的做法),另外一种就是大家所看到的这个,各个连接都在一个FLASH文件当中,这种做法需要很高制作能力,对前期的准备工作要求很高. 下面我们就重点针对这个网站做一些分析.首先确定尺寸,以及如何布

用Flash制作个性化的QQ表情

现在大多数聊天工具都可以发送一些动态表情,这些生动有趣的表情本质就是一个小的GIF动画,使用动画制作软件就可以轻松制作出个性化表情,这绝对是获取MM芳心的一大绝招!本文将以Flash Mx 2004为例,向大家介绍一下如何制作个性化的QQ表情.相信通过本文的学习,不但可以制作出一枚独一无二的表情,还能够在轻松地阅读中掌握Flash动画制作基础. 小提示 QQ表情动画的格式是GIF(绝大多数聊天软件的表情动画都是此格式),所以将Flash制作的动画输出为Gif格式即可作为QQ表情. 第一步:启动F