Flash制作一款朴素又不乏时尚效果的菜单

菜单

  首先看下效果

点击这里下载源文件

  一:启动FLASH MX(废话)

  二:新建一文档,其它的默认,用矩形工具在场景拖出一个大小合适的矩形,再选主菜单-->"窗口"-->"混色器"

  在混色器面版中将刚刚拖出的矩形"上色",以达到光亮效果

  这3点的颜色分别为:#CCCCCC;#FFFFFF;:#CCCCCC

  三:选中这个图形,按下F8,转化为图形,名:元件一
  四:ctrl+F8新建一影片剪辑,名:元件二;

  在元件二中,ctrl+L,打开库,把元件一从库里拖到舞台,用对齐面版对齐:)

  五:接着,在12贞插入"贞";并锁上图层一, 新建一图层二(用做橘色补间):用矩形工具去边框,绘制一橘色“条”相对与按钮的比例大小参见下图:

  然后再到第7贞插入关键贞,修改橘色“条”相对与按钮大小的比例,参见下图

  关于橘色“条”相对与按钮大小的比例,可以通过ctrl+I(信息面版)修改,也可以通过属性面版修改.....

  再到12贞,插入关键贞改回来。。。

  PS:可以通过信息面版&&对齐面版对齐,接着在图层1,7,12之间分别创建“形状补间”

  并且这三个关键贞都 要添加代码:

  stop();

  OK,锁上图层2

  六:crtl+F8,新建"按钮"元件三,分别按三下F6,ctrl+L,打开库,在第四个关键贞(点击区)把元件一从库里拖到舞台,用对齐面版对齐:)

  回到元件2,新建一图层三,把刚刚做的按钮从库里面拖到场景,并且覆盖下面的元件打开动作面版:加入如下代码:

on(rollOver){ //鼠标经过按钮时MC1执行的动作
gotoAndPlay("this.mc1",2);

}
on(rollOut){ //鼠标离开时MC1执行的动作

gotoAndPlay("this.mc1",8);

}
on(release){ //按下鼠标,获得的URL地址:)
getURL("http://www.flash8.net","_blank");
}
  接着同样,在12贞插入"贞"(参图)

  七:新建一图层四------文字工具-->添加菜单文字信息如:"首页"(大小自定,颜色:黑),接着:分别在第二贞,第八贞插入"关键贞"在12贞插入"贞"

  选中第二贞,,把文字颜色改成白色....回到场景1

  八:从库里把刚做完的元件2拖到场景中,命名mc1,接着就,恭喜你,第一个按钮做完了。用同样的方法把其他的做完,然后统统放到舞台上..一个个排好对,,对齐,!一个完整的导航就出现了!

时间: 2024-11-18 21:18:30

Flash制作一款朴素又不乏时尚效果的菜单的相关文章

Flash制作一款漂亮的韩国式下拉菜单

菜单|下拉 先看效果 点击这里下载源文件 首先新建一画布 尺寸为250*600 设置画布颜色为白色 稍微把背景美化一下 然后我们来做4个按钮 按钮的背景在鼠标没有接触时都是长165高30的灰快,鼠标触到按钮时我们把背景换换成不同的颜色 然后重制4个按钮把按钮分别命名为"anniu1","anniu2""anniu3""anniu4", 之后在按钮上新建一层加上按钮的文字标题 文字在鼠标接触时也可以换字体颜色. 现在 把刚才做的

用flash制作纸飞机滑翔天空的gif动画效果

  这一节我们主要来学习flash动画中的动作补间动画,来制作滑翔的纸飞机动画.大家一起来欣赏学习下吧! 工具/原料 电脑 flash软件 风景图片一张 纸飞机图片一张 说明:小编使用的是flash cs6软件. 滑翔纸飞机动画制作步奏: 1.小编使用的纸飞机素材图片是从网上下载下来的,当然网上下载的纸飞机是有背景的,因此小编用Photoshop将纸飞机的背景删除了,只保留了纸飞机,所以这里可以直接引用哦! 打开flash的软件,新建一个ActionScript 3.0的画布,如下图所示: 2.

lin环境下制作一款《订餐软件》,请问菜单预览的时候,如果列表很长,如何分为几个界面?

问题描述 lin环境下制作一款<订餐软件>,请问菜单预览的时候,如果列表很长,如何分为几个界面? lin环境下制作一款<订餐软件>,请问菜单预览的时候,如果列表很长,如何分为几个界面? 解决方案 你说的是数据分页吧.http://www.cnblogs.com/shuang121/archive/2011/02/17/1956813.html 解决方案二: 逐步深入,基本上是叫人免费做,还不对提供帮助的人提供感谢.估计整理完了,卖给哪个餐饮老板.这饭菜还特贵

Flash制作一款漂亮别致的QQ菜单

菜单 大家看 这款QQ菜单的制作是不是十分精美而别致??而且原文件总共才100K 所以让我们来学习它的制作 做出文件量小而且漂亮的导航菜单 点击这里全屏观看效果 点击这里下载源文件 这个菜单分两个部分组成 后面的动画效果,和前面的菜单 我们先做后面的动画. 首先设定画布 在场景上新建一个元件 然后拉出一个渐变效果 矩形设为画布大小 渐变颜色分别是#01ACFF,#E1F7FF,#DAF1FF 新建一个叫"背景"的影片剪辑 把刚才做的元件拖进去,把"背景"MC拖到舞台

Flash制作卫星围绕地球旋转的运动效果

旋转 基础入门教程!高手略过!(因为是基础教程所以不提供源码和演示效果了望理解!) 你是否想使用Flash制作出一颗人造卫星围绕地球旋转的圆周运动效果,其实这个过程很容易实现,下面就利用引导层功能来制作. 1. 首先,我们利用渐变色填充工具制作一个地球,然后画一个简单的图形作为卫星,在卫星的图片中要画一个天线,注意使天线始终指向地球的中心,如下图所示.并且把地球和卫星都保存为元件.分别命名为earth和star. 2. 把图层1改为"地球",选中第1帧,将地球图片放置在工作区中央,并在

Flash制作一款简单的滑动菜单

菜单 先来看看效果:(将鼠标指针移动到下方的三张图片上,单击可以看到中间的菜单滑动.) 点击这里下载源文件 1.打开FLASH,新建一个文档,大小设置为480*360,背景黑色.在舞台上画两根白色线条,间距124px, 在白色线条下方放置三张大小相同的图片,调整好位置. 2.新建元件menu,行为选影片剪辑,依次插入图片和文字,如图所示. 3.新建元件btn,行为选按钮,在按下桢插入空白关键桢,选择矩形工具,笔触颜色选无色,填充颜色任意,在舞台上绘制一个矩形. 4.新建图层2,按F11打开库面板

Flash制作非常逼真的下雪视觉动画效果

大家好,今天教大家做一种非常逼真的下雪效果.现在开始制作. 1.打开FLASH文档,背景层为黑色,帧频为20,新建元件为图形,命名为雪花. 2.在图形元件中绘制一个雪花,如果打家自己会绘制雪花的话完全可以按照自己的爱好来绘制,如果不会请看图绘制,我是用线条工具绘制的,图上画的是步骤. 3.绘制好图2最后一步后,打开窗口变形工具栏把旋转改问60度然后点击复制并应用变形. 4.绘制好雪花以后,在图形元件中在建一个图层用椭圆工具换一个圆颜色改为放射状. 5.把圆放在雪花的中心位置. 6.新建元件,影片

Flash制作动漫中常用的眨眼效果动画

今天看一个很早以前的flash留言板,上面也有个眨眼效果.分析方法的确很简单,总结了一下,发上来,这种效果在动漫上经常看到,简单实用,废话不多了,看教程吧...(如果转帖请尊重原创,谢谢!) 1:在图层一创建图形(自己画也好,网上找也好,很多)最好转换为元件,好操作. 2:ctrl+F8新建影片剪辑"眼".画一个和女孩脸部颜色一样的形状,大小和眼睛差不多大就行了. 3:新建图层,层2绘制一个眼帘部分,由粗细两条孤线组成,看图: 4:ctrl+E回到场影,新建层2,ctrl+L把刚做好的

Flash制作Q版人物侧面走动画效果

最终效果: 点击这里下载源文件 注意人物走动时两只脚所在的位置,一般的动作就按照以上8帧的位置相连就可以了. 人走路时是两张脚交替走动,一个偷懒的办法是只画四帧,剩下四帧只要修改一下,把两只脚的上下位置换一下就好了.可以制作时把手脚分层,做好四帧后就把左右脚的图层顺序变一下就成另外四帧了. 还有要注意的是身上的衣服或是裙子啥的,要随身体的摆动变化.还有头发随着身体的上下晃动会有跟随动作.唉,水平有限,剩下的就把源文件下下来仔细看看吧~