当前位置: 移动技术网 > IT编程>UI设计>设计软件 > flash怎么制作网页图片跟随鼠标移动变化的特效?

flash怎么制作网页图片跟随鼠标移动变化的特效?

2019年06月05日  | 移动技术网IT编程  | 我要评论

在浏览网页最吸引眼球的可能就是网页特效了,尤其是图片的过渡效果,有的随着鼠标移动图片自动变化,现在我就根据自己制作的一种特效跟大家交流一下,鼠标左右移动则图片也随着左右移动,并且鼠标离屏幕中心越远,图片移动的速度就越快。

1、打开flash8,新建一个文档,设置大小为400*250,背景颜色为白色,帧频为12fps。

2、执行导入-导入到舞台命令,把事先准备好的水浒英雄图片导入到舞台中,并且该图片也会自动导入到库中。

3、打开库,找到水浒英雄图片,双击该图片打开其位图属性面板,你会看到大小为2204*400.记住其宽度。

4、执行插入-新建元件命令,新建一个名称为”移动“的影片剪辑元件,单击确定进入元件编辑区域。

5、从库中把水浒英雄图片拖入到编辑区域,选择该图片并设置全居中(水平中齐、垂直中齐)使其中心和编辑区域中心对齐。

6、再次从库中两次拖入水浒英雄图片,分别放置在第一次拖入图片的两侧,并调整三幅图片的位置,使他们首尾相接。

7、执行插入-新建元件命令,新建一个名称为”缩放“的影片剪辑,点击确定进入编辑区域。

8、从库中拖拽”移动“影片剪辑元件到编辑区域,在属性面板中输入实例名称为picmove。

9、返回到主场景,从库中拖拽“缩放”元件到舞台,在属性面板中输入实例名称为pic.选择该元件,打开动作面板输入代码。

10、新建图层2,选择工具箱里椭圆工具,设置笔触颜色为黑色,填充颜色为无,按住shift键在舞台中心绘制一个正圆。

11、设置圆的大小为50*50,选择工具箱里的铅笔工具,在圆中绘制一个“”字图样。

12、选择工具箱里的文本工具,设置字体为王羲之书法字体,大小为60,颜色为黑色,在舞台上输入”水浒英雄“。

13、执行文件-保存命令,保存名称为水浒英雄,然后按ctrl+enter组合键进行测试。

相关推荐:

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网