论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

按钮的制作

文章类别:Flash | 发表日期:2008-9-21 20:12:13

  今天我们来做一个按钮,这个按钮是闪吧原文件里提供的,因为有很多的朋友
还是不太熟悉按钮的制作,所以非凡写了这个教程。
首先从最简单的,按钮制作开始讲解。
先来做一个简单的按钮,按钮是分四种状态的,分别是:
up,over,down,hit.
用中文来解释,就是原始状态,经过时的状态,按下去的状态,点击状态。
一般最后一个状态经常在做隐形按钮时用到。
1.新建一个文档,大小为140*21,选择插入一个新符号,类型选择按钮。点确定,这样我们就
进入了按钮的编辑状态,这时候我们可以看到按钮的四个状态,同时只有原始状态
上有一个白色的圆圈,这表示我们可以在里面放入图形,选择矩形,我们在舞台上
拖出一个矩形,当然你可以放置任何你想要的图形,导入到库中的经过处理的图象
也可以。
按此在新窗口浏览图片
。我们可以分别选中按钮的另外三个状态,按右键插入空白要害帧,分别放入我们想
要的图形。
按此在新窗口浏览图片
3。在这里我在经过状态放入的是一个电影剪辑,后面我们将做这个电影剪辑,现在先看一下效果。
4。把我们刚才做好的按钮拖入主场景,按ctrl+enter测试效果。
点击开新窗口欣赏该FLASH动画![全屏欣赏]

这个按钮的效果是当鼠标经过的时候,会有一个黑色的渐变划过.
现在我们做这个黑色渐变的效果。
1。新建一个符号,类型选择图形,名字为矩形,按确定后,进入编辑状态,我们在舞台上拖出一个灰色矩形,大小为140*21,你可以打开属性面板,来精确调整矩形的大小,方法是选中矩形,点右键,选属性,就可以打开属性面板.
按此在新窗口浏览图片
2。用步骤一的方法在新建一个图形符号,名字为遮罩,在舞台上放置一个比矩形稍宽一点的矩形(160*21),填充颜色为下图:
线性填充,黑色透明度为50%,0%。
按此在新窗口浏览图片
按此在新窗口浏览图片
3。同样我们插入一个新的符号,类型选择电影剪辑,在这个电影剪辑里,
要用到遮罩的效果,也许有的朋友还不熟悉遮罩的应用,没关系,我们一点点来学习。
4。在第一层我们拖入刚才做好的矩形,放在舞台的正中心,在第二十帧插入帧。你可以调出排列面板来调整位置。
5。新建一层,在第二帧插入空白要害帧,放入遮照图形,遮罩图形和矩形的左边重合,在第二十帧插入要害帧。选择第二帧,
,把第二帧的图形向左拖动,再点击第二帧,右键选择运动渐变。
6。新建一层,放置和第一层相同的矩形,在第二十帧插入帧。现在可以用矩形来遮罩第二层的运动层,右键点击第三层,
选择遮罩。
5。新建一层,在最后一帧加stop();
按此在新窗口浏览图片
好,现在我们来看效果。
把做好的电影剪辑拖入到按钮的经过状态中,就可以看到我们做的效果了。
这里我们拖入多个排列,就可以成为一个菜单了。
当然我们可以在按钮上新建一层,放入我们想要的按钮上的文字。
点击开新窗口欣赏该FLASH动画![全屏欣赏]

http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=80 height=160>http://www.flash8.net/bbs/UploadFile/2004161123911629.swf
被遮罩的运动渐变的两个状态.
按此在新窗口浏览图片
按此在新窗口浏览图片
点击开新窗口欣赏该FLASH动画![全屏欣赏]
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=80 height=160>http://www.flash8.net/bbs/UploadFile/2004161137368817.swf
上一篇:{教程}基础动画-动态遮罩教程 人气:3942
下一篇:{教程}FLASH MX组件 适合初学 人气:3307
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058