Flash AS2代码实例:实现鼠标感应放大或缩小图片动画效果

所属分类: 媒体动画 / Flash教程 阅读数: 78
收藏 0 赞 0 分享

 本例介绍运用Flash AS2代码实例,制作鼠标感应放大或缩小图片动画效果,主要运用 tellTarget函数来实现,制作过程很简单,本文也介绍了代码,新手朋友可以学习一下,希望能给朋友们带来帮助

我们先看看效果,请把鼠标移动到图片上面再移开:

[b]教程如下:[/b]

第一步:我们新建flash文档,帧频设置为40,我们导入一张图片或者在主场景中画一个东西,然后右键转换为元件——影片剪辑元件。

第二步:现在在你的库面板中是否是有元件一?如果做对的话是肯定有的(就是你第一步转化成的元件),我们新建一影片剪辑元件,把元件一拖到元件2的舞台中,然后回到元件1中进行第三步

第三步:到元件一中的第8帧插入关键帧(以帧频来确定),默认帧频下为8帧差不多了,在场景中把此元件用左边的任意变形工具使其放大一定程度,然后在第16帧处又插入一关键帧,又使其缩小到第一帧的大小,然后选中图层一右键创建补间动画,选中第一帧,在此帧上写代码(即打开动作面板f9),输入代码stop(),选中第32帧写代码stop(),选中60帧写代码stop()

Flash AS2教程:鼠标感应放大缩小图片效果,PS教程,思缘教程网

第四步:回到主场景中,选中场景中的元件在属性面板中将其实例名称改为“a”,又打开动作面版,输入代码如下:


复制代码
代码如下:
on(rollOver){ /当鼠标移动到此元件
tellTarget("_parent.a"){ /这样理解:告诉元件a的父级即元件1,
gotoAndPlay(2); /转到第二帧运动
}
}
on(rollOut){ /当鼠标移出此元件
tellTarget("_parent.a"){ /告诉a的父级即元件1
gotoAndPlay(32); /转到第32帧运动
}
}

好了,测试影片吧!

更多精彩内容其他人还在看

flash怎么制作镜像动画?

flash怎么制作镜像动画?flash中制作动画很简单,怎么才能制作一个动画的镜像呢?下面我们就来看看flash制作镜像动画的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作图片变换的gif动画效果

这篇教程是向脚本之家的朋友分享flash制作图片变换的gif动画效果方法,教程制作出来的动画效果非常不错,难度不是很大,一起来学习吧
收藏 0 赞 0 分享

flash怎么绘制和谐号火车从火车道开过的动画?

flash怎么绘制和谐号火车从火车道开过的动画?想制作一个火车从轨道上飞奔而过的一个画面,该怎么制作呢?下面我们就来看看flash制作和谐号火车从火车道开过的动画的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FLASH怎么制作红烛燃烧的动画?

FLASH怎么制作红烛燃烧的动画?FLASH中做动画很方便,今天我们就来看看使用flash制作蜡烛燃烧并流下烛蜡的教程,很简单,下面我们就来看看详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么填充渐变色? flash渐变填充的使用方法

flash怎么填充渐变?flash中想给图形添加渐变色,该怎么添加呢?下面我们就来看看flash渐变填充的使用方法,这是基础教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作磁铁吸钉子的动画?

flash怎么制作磁铁吸钉子的动画?我们知道钉子放到磁铁周围就会直接将钉子吸走,该怎么制作这个动画呢?下面我们就来看看flash制作磁铁吸引钉子的动画教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画中国国宝大熊猫? flash绘制卡通大熊猫的教材

flash怎么画中国国宝大熊猫?flash中制作动画很简单,但是也可以简单的绘制图形,该怎么绘制呢?今天我们就来看看flash绘制卡通大熊猫的教材,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash工具缩放、旋转和倾斜对象使用介绍

今天小编为大家介绍Flash工具缩放、旋转和倾斜对象使用方法,对于初学者来说,是个很好的学习教程,推荐到脚本之家,一起来看看吧
收藏 0 赞 0 分享

flash中怎么用鼠标绘制一朵木兰花?

flash中怎么用鼠标绘制一朵木兰花?flash中除了做动画效果以外,还可以绘制图形,今天我们就来看看flash用鼠标绘制一朵木兰花的详细教程,很简单,详细教程请看下文
收藏 0 赞 0 分享

FLASH制作一个小车一直往前推的动画?

FLASH制作一个小车一直往前推的动画?想做一个动画,就是有个小推车一直不断的往前进,中途不能倒,该怎么制作呢?下面我们就来看看这个动画的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多