【空间教程】欣儿教你做蝴蝶鼠标 (11/320)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: Xx丶欣のēr

用户形象图片


漂亮的鼠标跟随制作

请尊重作者 转载需要留言
很都朋友问我的鼠标时怎样作的今天没有事就把过程些出来了,
如果有不妥的地方,希望高手勿笑。
先看一下效果 

http://up.izy8.cn/pics/33168695897427b3613adbb34d1e76df.swf

一、打开 文件-导入到舞台(库)、做单一模块的话直接导入舞台就可以了


 

二、导入舞台后选择对齐选项工具 如图所示 点 相对与舞台、水平对齐、 垂直对齐


三、点  菜单-插入-新建元件框-建立元件、如图2所示 名称: 鼠标 类型选择 :影片剪辑



四  进入元件编辑点图层1的第一帧,点文本工具,在属性面板中,设置为动态文本,并设置好字体和大小,然后在
舞台中打上任意一个字,选中这个字,在属性面板中,实例名称改为_txt(注意要在英文输入状态才行) (图3) ,
全居中.




五 插入图层2,点图层2的第一帧,从库中把蝴蝶飞舞的元件拖入放在字的上方,也可以根据你的需要来做调整
蝴蝶源文件是可以在网上找到的,!如果你要静态的效果可以把做好 的蝴蝶图片转化为文件拖到第二层,方法同上.当然也可以选择其他的素材.(注)也可同时拖入多个动态元件,
我这个教程拖入的 是三个元件.



六,这样跟随1元件就做好了,下面我们做跟随元件. 插入-新建元件,类形影片剪辑,命名鼠标跟随,点图层1的第一帧,从库中把跟随1元件拖入,选中这个元件,在属性面板,改实例名为:mc0,这里要注明的是 把跟随元件1拖入后 要先点下跟随元件一在改实例名,然后插入插入图层2,点图层2的第一帧,按F9,打开动作面板,输入下面代码:





代码:
var disWord = "欣儿QQ:506687006";
eval("这里修改成你需要的名字");
var dConst = 4;
var xConst = 30;
var yConst = 0;
var sConst = 4.000000E-001;
var count = disWord.length;
var i = 0;
while (i < count)
{
if (i == 0)
{
mc0.swapDepths(count - i);
}
else
{
mc0.duplicateMovieClip("mc" + i, count - i);
} // end else if
this["mc" + i]._xscale = this["mc" + i]._yscale = 100 * (1 - sConst + sConst * (1 - i / count));
this["mc" + i]._txt.text = disWord.substr(i, 1);
++i;
} // end while
onEnterFrame = function ()
{
this.mc0._x = this._xmouse;
this.mc0._y = this._ymouse;
for (var _loc2 = 1; _loc2 < count; ++_loc2)
{
var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count));
var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count));
this["mc" + _loc2]._x = this["mc" + _loc2]._x + (this["mc" + (_loc2 - 1)]._x + 1.500000E+000 *
_loc4 - this["mc" + _loc2]._x) / dConst;
this["mc" + _loc2]._y = this["mc" + _loc2]._y + (this["mc" + (_loc2 - 1)]._y + 1.500000E+000 *
_loc3 - this["mc" + _loc2]._y) / dConst;
} // end of for
};

 

七、 这样鼠标跟随元件就做出来了 2个元件在库中都可以看到.

八、 点场景回到舞台,新建图层2  把做好的鼠标跟随元件拖进舞台  OK.点菜单里的控制 测试 如果没什么问
题 就可以发布了! 文件-导出-导出影片-格式为:SWF     简单吧!




回到帖子顶部

回帖 引用 1楼这就是道理

用户形象图片

效果怎么打不开              
回到帖子顶部

回帖 引用 2楼这就是道理

用户形象图片

做好了一个   呵呵
回到帖子顶部

回帖 引用 3楼蕊如雪

用户形象图片

                 不错,支持
回到帖子顶部

回帖 引用 4楼月牙儿

用户形象图片

感谢分享     
回到帖子顶部

回帖 引用 5楼じǒ瑜vの

用户形象图片

      简单明了!
回到帖子顶部

回帖 引用 6楼弘大科技小王

用户形象图片

怎么弄啊姐姐,教教我吧,帮我制作一个,我的QQ86021947
回到帖子顶部

回帖 引用 7楼[楼主] Xx丶欣のēr

用户形象图片

跟着上面的一步一步的来
回到帖子顶部

回帖 引用 8楼米拉

用户形象图片

呜 跟着上面的一步一步的来  可我学不太会
回到帖子顶部

回帖 引用 9楼阿Сατ

用户形象图片



转载



回到帖子顶部

回帖 引用 10楼═☆o吢丕o☆

用户形象图片

我鼠标在字的后面怎么回事啊??
回到帖子顶部

回帖 引用 11楼淺、唱

用户形象图片

真漂亮。。。学习。。。
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]