Flash AS2教程:鼠标感应放大缩小图片效果

灵丘小白杨

灵丘小白杨

2016-02-16 19:38

今天图老师小编要跟大家分享Flash AS2教程:鼠标感应放大缩小图片效果,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/flash/)

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/flash/)

第三步:到元件一中的第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帧运动
}
}

好了,测试影片吧!

参与讨论: http://www.missyuan.com/viewthread.php?tid=420171

展开更多 50%)
分享

猜你喜欢

Flash AS2教程:鼠标感应放大缩小图片效果

FLASH flash教程 autocad教程
Flash AS2教程:鼠标感应放大缩小图片效果

Flash AS2实例教程:鼠标感应放大缩小图片效果

flash教程
Flash AS2实例教程:鼠标感应放大缩小图片效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash AS3教程:制作鼠标感应图片转动-Flash实例教程

FLASH flash教程
Flash AS3教程:制作鼠标感应图片转动-Flash实例教程

Flash AS教程:用AS2代码制作图片循环效果

FLASH flash教程 autocad教程
Flash AS教程:用AS2代码制作图片循环效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

图片放大缩小移动类

flash教程
图片放大缩小移动类

Flash类的运用:可放大、缩小、旋转的鼠标操作类

FLASH flash教程 autocad教程
Flash类的运用:可放大、缩小、旋转的鼠标操作类

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Illustrator基础教程:通过曲功功能设计名片实例

Illustrator基础教程:通过曲功功能设计名片实例

Maya建模教程:人头建模的详细教程

Maya建模教程:人头建模的详细教程
下拉加载更多内容 ↓