日志 > 茶。教程.说

写日志
跳跃滚动图,跳出你的风格上一篇 | 为每辆车配置不同的QQ秀下一篇 | 返回日志列表返回日志列表

给空间打造,华美网站风格

阅读() 评论() 发表时间：2009年06月28日 08:03

本文地址：http://qzone.qq.com/blog/406093450-1246147418

相关搜索词: 按钮元件导入笔触影片
本文已被推荐到腾讯博客, 点击了解更多精彩内容
禁止跑堂,看必留,转必留
〓〓〓〓相关软件：Psotoshop    Flash8。0
第一章：PS操作部分

准备三张尺寸一样的图片，分别保存。如下图所示：






制作三个按钮，分别保存。如下图所示：


第二章：FLASH操作部分

1、在图层1上导入背景图。

2、新建图层2，导入背景图。

3、插入，新建影片元件1。
在图层1第1帧上导入第一张图片到舞台。在第2帧处右击，插入空白关键帧。在第3帧处右击，插入帧。
新建图层2，选中第2帧，右击，插入关键帧。导入第二张图片到舞台。在图层2第3帧处右击，插入空白关键帧。
新建图层3，选中第3帧，右击，插入关键帧。导入第三张图片到舞台。
效果如下图所示：


4、新建图层4，导入第一个按钮。调整好位置。
   新建图层5，导入第二个按钮。调整好位置。
   新建图层6，导入第三个按钮。调整好位置。
   效果如下图所示：


5、选中第一个按钮，右击，转换为按钮元件，命名为元件2。
在右边的库中选中元件2按钮，右击，编辑。进入元件2按钮编辑状态。在“指针经过”处右击，
插入关键帧。选中按钮，用键盘上的↓键向下按两下（即向下移动了两个像素）。在“点击”处右击，插入帧。
效果如下图所示


注:如要在按钮上加入声音，先下载一个MP3音效，文件，导入，导入到库选中“指针经过”，
把库中的音效拖入按钮图上。
6、回到元件1影片剪辑，其余两个按钮均如第5步操作相同。
7、（元件1影片剪辑）选中第一个按钮图片，当属性面板中实例变为按钮后，在第一个按钮图片上右击，动作。
输入以下动作：
on (release) {
gotoAndStop(2);
}
选中第二个按钮图片，当属性面板中实例变为按钮后，在第二个按钮图片上右击，动作。输入以下动作：
on (release) {
gotoAndStop(3);
}
选中第三个按钮图片，当属性面板中实例变为按钮后，在第三个按钮图片上右击，动作。 输入以下动作：
on (release) {
gotoAndStop(1);
}

8、（元件1影片剪辑）新建图层7（图层7为动作层），在第1帧处右击，动作，双击stop。
在第2帧处右击，插入关键帧，右击，动作，双击stop。
在第3帧处右击，插入关键帧，右击，动作，双击stop。
效果如下图所示：


9、回到场景1，新建图层3，把库中的元件1影片剪辑拖入舞台。
修改，对齐，水平居中。修改，对齐，垂直居中。

此时效果入下图所示：
同学们是否觉得这样的按钮有点单调呢？没关系，我们来对按钮进行装饰吧。

第三章：按钮装饰


1、插入，新建影片剪辑元件5。
选择椭圆工具。在属性面板中设置笔触颜色、笔触高度、笔触样式。填充颜色设置为无。
效果如下图所示：
2、按住SHIFT键不放画出一个正圆。
效果如下图所示

3、在第10帧处右击，插入关键帧，在第1到10帧之间任意一帧处右击，插入补间。
选中第1帧，在属性面板中选择旋转效果为顺时针（或逆时针）。
属性面板效果为下图所示：

4、回到场景1，锁住图层1到3，新建图层4，把元件5影片剪辑拖入舞台，调整位置到第1个按钮上。
效果如下图所示：

5、新建图层5，再次把元件5影片剪辑拖入舞台，调整位置到第2个按钮上。
新建图层6，再次把元件5影片剪辑拖入舞台，调整位置到第3个按钮上。

这样圆环形成交叉转动效果，按钮的装饰就完成了。测试影片就能看到效果。

第四章：添加外部透明FLASH

1、新建图层7，在第1帧处右击，动作。输入以下动作：
loadMovieNum("外部透明flash地址",1);  
onEnterFrame = function (){  
_level1._x =100;  
_level1._y =20;  
//_level1._xscale=你的FLASH的宽度  
//_level1._yscale=你的FLASH的高度
};

这样就完成了。测试影片就能看见效果。怎么样，是不是非常简单。

所有的装饰都完成了，现在，你的FLASH是不是漂亮又动感呢？
华美网站风格，让按钮按出你的个性！

这只是一个教程.虽然图弄的不好看.希望同学们不要建议..

看看大致效果吧...
http://xin001.blog.enorth.com.cn/attachment/flash/691871.swf






如果你有创意的空间玩法，如果你有独特的方式玩转空间，如果你喜欢和大家分享做空间的心得，那么快点加入空间新玩法写手圈吧！

空间新玩法圈审核群：85096241
成功推荐1篇文章者将被邀请进入空间新玩法写手圈写手群，撰好文！上Qzone首页！

--------------------------------------------------------------------------------------------------------



[荐][顶]巧用淡蓝色调，打造仙剑奇侠梦幻效果
[荐][顶]六月仲夏，Qzone最新套装推荐
[荐][顶]给空间加上按钮斜拉效果:-)
[荐][顶]给空间装上隐渐开门
[荐][顶]带声开门效果空间摸板制作方法
[荐][顶]为每辆车配置不同的QQ秀
[荐][顶]给空间加上带声按钮斜拉效果:-)
[荐][顶] 添加按钮飞扬另类风格










AM.08:11 at 2009.06.28 in Tea’s Qzone


空间的其他文章：
跳跃滚动图,跳出你的风格上一篇 | 为每辆车配置不同的QQ秀下一篇 | 返回日志列表返回日志列表

发表评论

日志新版升级特性介绍 请选择道具

copyright © 1998 - 2009 Tencent Inc. all rights reserved 腾讯公司 版权所有