Tags
当前位置: 主页 > Flash教程 >

Flash制作横向滑动的导航菜单

时间:2010-04-29    来源:未知    作者:admin    点击:
在这个快速教程中你将学会如何使用AS3s的补间类创建一个横向滑动条栏菜单,一个非常棒的导航条。 最终效果预览让我们看一看我们将要做的作品的最终效果 第一步:创建文本新建一个600*300px的Flash Actionscript3.0文件首先,选择文本工具并输入你的导航菜单

在这个快速教程中你将学会如何使用AS3’s的补间类创建一个横向滑动条栏菜单,一个非常棒的导航条。

最终效果预览让我们看一看我们将要做的作品的最终效果

第一步:创建文本新建一个600*300px的Flash Actionscript3.0文件首先,选择文本工具并输入你的导航菜单文字,在这个教程中,我用的是Button1|Button2|Button3|Button4,字体选择”Arista Light”,大小为30点,颜色选择#999999.然后进入对齐面板(如果你看不到它的话就点击窗口>对齐),使文本相对于舞台水平中齐,垂直中齐。

Flash制作横向滑动的导航菜单,PS教程,思缘教程网

第二步:画一个按钮

将当前的图层重新命名为”文本”并将其锁定,这样就不会误将其修改。然后创建一个名为”按钮”的新图层。选择矩形工具并在”button

1″的边缘外画一个矩形(任意颜色)。这将是你菜单条中可以点击的区域。

Flash制作横向滑动的导航菜单,PS教程,思缘教程网

第三步:完善按钮选中你刚刚画的矩形,执行修改>转化为元件,并将其命名为”按钮”。确保注册点在中间(你可能还要使用对齐面板)

然后,在属性面板中,将其实例名称命为”button1″并将alpha值设为0%。

Flash制作横向滑动的导航菜单,PS教程,思缘教程网

第四步:添加更多的按钮复制你的”无形”的按钮,并将其粘贴到其它三个按钮中,并分别将其实例名称命为”button2,button3,button4″使用任意变形工具将它们放大或缩小,使它们正好在菜单条的外框,且每个之间没有间隔。

Flash制作横向滑动的导航菜单,PS教程,思缘教程网

第五步:画条栏(bar)还是选择矩形工具,将矩形边角半径设为5pixels并画一个高为4pixels,宽和第一个按钮差不多的矩形。

相关文章
赞助商信息
推荐文章
热门文章