[加入收藏]
[
教程购买
]
[服务指南]
首页
|
办公自动化
|
网页制作
|
平面设计
|
动画制作
|
数据库开发
|
程序设计
|
全部视频教程
应用视频:
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
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net2.0
|
Flash AS
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
文字教程:
Windows教程
|
Word教程
|
Excel教程
|
PowerPoint教程
视频教程
:
Windows视频教程
|
Word2007视频教程
|
Excel2007视频教程
|
PPT2007视频教程
文字教程:
Dreamweaver教程
|
Fireworks教程
|
Flash教程
|
PhotoShop教程
|
HTML教程
|
Div+Css布局教程
视频教程:
Dreamweaver视频教程
|
Fireworks视频教程
|
Flash视频教程
|
PhotoShop视频教程
|
HTML视频教程
|
DIV+CSS视频教程
文字教程:
Fireworks教程
|
PhotoShop教程
|
CorelDraw教程
视频教程:
Fireworks 8视频教程
|
PhotoShop CS视频教程
|
CorelDraw12视频教程
文字教程:
Flash教程
|
Flash AS脚本教程
视频教程:
Flash 8视频教程
|
Flash AS视频教程
文字教程:
Access教程
|
sql server教程
视频教程:
Access数据库视频教程
|
Sql Server2005数据库视频教程
文字教程:
C语言教程
|
Javascript教程
|
Asp教程
|
Asp.Net网站开发教程
视频教程:
C语言视频教程
|
JavaScript视频教程
|
ASP视频教程
|
ASP.NET视频教程
|
网站制作视频教程
|
ASP动态网站制作视频教程
当前位置 >
文字教程
>
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测试效果。
[全屏欣赏]
这个按钮的效果是当鼠标经过的时候,会有一个黑色的渐变划过.
现在我们做这个黑色渐变的效果。
1。新建一个符号,类型选择图形,名字为矩形,按确定后,进入编辑状态,我们在舞台上拖出一个灰色矩形,大小为140*21,你可以打开属性面板,来精确调整矩形的大小,方法是选中矩形,点右键,选属性,就可以打开属性面板.
2。用步骤一的方法在新建一个图形符号,名字为遮罩,在舞台上放置一个比矩形稍宽一点的矩形(160*21),填充颜色为下图:
线性填充,黑色透明度为50%,0%。
3。同样我们插入一个新的符号,类型选择电影剪辑,在这个电影剪辑里,
要用到遮罩的效果,也许有的朋友还不熟悉遮罩的应用,没关系,我们一点点来学习。
4。在第一层我们拖入刚才做好的矩形,放在舞台的正中心,在第二十帧插入帧。你可以调出排列面板来调整位置。
5。新建一层,在第二帧插入空白要害帧,放入遮照图形,遮罩图形和矩形的左边重合,在第二十帧插入要害帧。选择第二帧,
,把第二帧的图形向左拖动,再点击第二帧,右键选择运动渐变。
6。新建一层,放置和第一层相同的矩形,在第二十帧插入帧。现在可以用矩形来遮罩第二层的运动层,右键点击第三层,
选择遮罩。
5。新建一层,在最后一帧加stop();
好,现在我们来看效果。
把做好的电影剪辑拖入到按钮的经过状态中,就可以看到我们做的效果了。
这里我们拖入多个排列,就可以成为一个菜单了。
当然我们可以在按钮上新建一层,放入我们想要的按钮上的文字。
[全屏欣赏]
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
被遮罩的运动渐变的两个状态.
[全屏欣赏]
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视频教程
Windows操作
[文]
Word教程
[文]
Excel教程
[文]
PowerPoint
[文]
Dreamweaver
[文]
Fireworks
[文]
Flash教程
[文]
PhotoShop
[文]
CorelDraw
[文]
C语言教程
[文]
Html教程
[文]
Div+Css布局
[文]
Javascript
[文]
ACCESS数据库
[文]
ASP教程
[文]
SQLServer
[文]
ASP.NET教程
[文]
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化:
Windows视频教程
Word视频教程
Excel视频教程
PPT视频教程
网页制作开发视频教程:
Dreamweaver视频教程
Fireworks视频教程
Flash视频教程
Photoshop视频教程
HTML视频教程
Div+Css布局视频教程
静态网站项目实例视频教程
平面广告设计视频教程
Fireworks视频教程
Photoshop视频教程
CorelDraw视频教程
初级程序设计及ASP动态网站开发
C语言视频教程
Javascript视频教程
Access数据库视频教程
Asp网站开发视频教程
Asp项目实例开发视频教程
Asp.net动态网站开发视频教程
Sql Server数据库视频教程
Asp.net视频教程
Flash 动画角本编程视频教程
Flash视频教程
Falsh MTV视频教程
文章教程搜索
输入您的搜索字词
google
本站
提交搜索表单
Flash推荐教程
.给所有ActionScript初学者的建议
.flash站满整个网页且flash总是居
.Flash鼠绘:绘制竹林燕子
.Flash鼠绘:水晶按钮的制作方法
.Flash鼠绘:小鸟的绘制
.Flash鼠绘:卡通风车的绘制
.flash视频教程(21视频教程网)
.用Flash制作一只慧眼
.用Flash制作龙骨(洋葱皮效果)
.狡猾的小球--经典FLASH制作
.Flash鼠标事件:起伏的立体方块群
.震动窗口
.鼠绘动物技术篇
.《心心相印》PS Flash制作贺卡
.圣诞贺卡的制作[FLASH版]
.萤火虫特效
.FLASH简单三步制作飞越星空效果
.Flash 8 AS做滤镜效果的类别整理
.Flash视觉特效之科技之光
.翻页书源文件
.实现一个简单的补间动画及扩展
.Light Factory--激光(视频教程)
.用AS来表达模糊或震动效果
.Flash中利用ActionScript实现动
.雪夜的作法讲解
.FCL组件库-交互特效Interactive
.加载外部文本文件的另类方法!
.2006:火山基础开发习惯总结
.在Flash动画中使字体清楚的三种
.介绍一种作仿3D flash动画的方法
Flash热门教程
.Flash教程:雪景动画制作源码
.Flash教程:飞舞的两只蝴蝶2
.Flash教程:飞舞的两只蝴蝶
.Flash教程:图案文字的制作方法
.Flash教程:一箭穿心的制作技巧
.Flash教程:镂空文字的制作技巧
.Flash教程:红旗飘飘制作方法
.Flash教程:变色花朵的制作技巧
.Flash教程:爆炸文字的制作方法及
.Flash教程:鸡蛋绘制方法及技巧
.Flash教程:雨伞绘制方法及技巧
.Flash教程:枫叶绘制方法及技巧
.Flash教程:小草绘制方法及技巧
.Flash教程:《香烟》制作步骤
.Flash教程:随风摆动的小草制作案
.Flash教程:flash与asp结合应用_
.Flash教程:flash与asp结合应用_
.Flash教程:flash与asp结合应用_
.Flash教程:绘制插画的技巧三
.Flash教程:绘制插画的技巧二
.Flash教程:绘制插画的技巧
.Flash CS6中文版安装及激活的方
.Flash教程:打造鼠标触发的焰火飘
.Flash教程:打造鼠标触发的焰火飘
.Flash教程:Flash AS3学习源代码
.Flash教程:Flash动画如何转成GI
.Flash教程:如何解决Flash画面运
.Flash教程:用Flash CS4文字颜色
.Flash教程:CS6中文版简单安装方
.Flash教程:Flash雪花脚本的编写
Word教程网
Excel教程网
Dreamweaver
教程网
Fireworks教程网
PPT教程网
FLASH教程网
PS教程网
HTML教程网
DIV CSS教程网
FLASH AS教程网
ACCESS教程网
SQL SERVER教程网
C语言教程网
JAVASCRIPT教程网
ASP教程网
ASP.NET教程网
CorelDraw教程网
关于我们
|
教程购买
|
广告刊登
|
网站地图
|
湖北继续教育网
|
QQ:2693987339(点击联系)购买教程光盘
地址:湖北省武汉市曹家湾32号501室 电话:027-86646545 15972130058
--
教程购买问题汇总
21视频教程网专业的网站开发视频教程学习网站
ICP备案号:
鄂ICP备14009716号-13
公安备案号:
42011102002974
看全部视频教程
购买方式/价格
:
咨询客服
tel:
15972130058