首页 > 攻略> flash网站动画设计放大镜动画详细教程

flash网站动画设计放大镜动画详细教程

2021-12-01

动画设计,flash网站

910156420@qq.com

    如果没有flash,那么网站将会显得非常的单调,现在无论是视频网站还是行业网站还是其他的网站,都会利用flash做相关的效果,其中网站动画设计中最常用的也是flash。在网页中我们经常可以看到一些放大镜动画效果,也是通过flash做出来的。如果你对此感兴趣,可以了解看看一品威客网小编介绍的flash网站动画设计放大镜动画详细教程。
flash网站动画设计放大镜动画详细教程
    对于flash大家一定不会感到陌生,QQ空间、视频播放,网络上各种各样精彩功能的实现都离不开flash。Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准,网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。flash网站动画设计师通过flash对网页进行装饰,让网页显得生动,不再单调。教程主要有:

    1、首先建一个影片剪辑pic,导入一张图片;

    2、再建一个影片剪辑mask,画一个无边线的圆;

    3、回到主场景,新建四层,第一层从库中拖入影片剪辑pic,透明度调为60左右,第二层将第一层原位复制,再将该层的图片放大至120%,把俩层的图片都对齐至舞台中央;

    4、第三层拖入影片剪辑mask,实例名也命名为mask;

    5、然后在第四层加入以下代码:

    //mask弹性跟随鼠标的速度,该值越大则越慢

    var speed = 5;

    //构造一个函数,让mask弹性跟随鼠标

    MovieClip.prototype.follow = function() {

    //该函数继承MovieClip的所有属性

    this.onEnterFrame = function() {

    //弹性缓冲公式,大多数都是这种形式

    this._x += (_root._xmouse-this._x)/speed;

    this._y += (_root._ymouse-this._y)/speed;

    //当到达鼠标的位置时删除进入帧事件

    if (Math.abs(_root._xmouse-this._x)<1 && Math.abs(_root._ymouse-this._y)<1) {

    delete this.onEnterFrame;

    }

    };

    };

    //当鼠标移动时调用上面构造好的函数

    onMouseMove = function () {

    mask.follow();

    };

    保存_测试看效果吧!

    利用这些flash网站动画设计教程能够做出很多好看的flash动画,帮助你更快更好的完成各种任务。网站动画设计是需要专业人士才能完成,当您有网页动画制作、flash网站设计、网站动画设计等需求却完成不了,建议可以选择到一品威客网发布任务,向百万威客人才进行征集方案。

2562 人已提交 FLASH制作 需求

请输入您的需求 请填写您的电话

提交需求

什么是动画设计专业?
优秀的MG动画设计都要具备哪些特点?
制作一部100秒的MG动画宣传片要多少钱?

x

10秒发布需求
快速获取报价及方案

获取验证码 立即提交