文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形图像 办公软件 媒体动画 精文荟萃 常用软件 网页编程 技术开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院媒体动画FlashFlash心形按钮
精品推荐
特别推荐
·由浅入深学习Flash制作高射炮游戏
·由浅入深学习Flash制作高射炮游戏(续)
·遮照及文字遮照的几个概念和事例
·创建一个实用Flash站点的十大技巧
·Flash动画制作实例:小野人玩摇滚
·Flash技术在电子杂志设计制作应用
·用js+flash实现网页中复制数据功能
·教你如何去掉网页上的Flash动画虚线框
·让Flash动画适应任何分辨率的网页
·基础:flash9.ocx 加载错误解决方法
·Flash AS基础精典教程
·Flash AS教程之四 动态文本的编写以及外部文本的载入
·flash载入外部文本设置颜色的问题
·Flash制作漂亮的三重卷动相册特效动画
·关于网页中Flash弹出网页窗口的详细讲解
·用FLASH遮罩效果做图片切换效果
·实例技巧:Flash与HTML实现交互的实例
·Macromedia Flex 教程: Flex入门教程
·高级游戏制作:Flash制作物体弹跳电脑游戏
·技巧:用Flash制作动画的经典问题问答
热点TOP10
·FLASH制作一个可以伸缩的导航条
·flash声音特效实例--架子鼓(图)
·由浅入深学习Flash制作高射炮游戏
·Flash动画制作实例:小野人玩摇滚
·Flash 图片轮换效果
·高级游戏制作:Flash制作物体弹跳电脑游戏
·将数码照片做成自动放映的Flash
·用Flash MX模板制作幻灯片效果
·用FLASH遮罩效果做图片切换效果
·Flash教程:制作随机画圆弧动画
·轻松做出精美3D效果 浅析Flash 3D动画制作
·Flash遮罩特效实例--放大镜(图)
·Photoshop 7.0制作一杯热茶
·Macromedia Flex 教程: Flex入门教程
·Flash联合粒子特效软件打造超酷浪漫动画特效
·Flash制作漂亮的三重卷动相册特效动画
·精彩推荐:全Flash网站制作实例
·Flash8 字体特效
·Flash AS基础精典教程
·Flash心形按钮

Flash心形按钮

日期:2008年3月8日 作者: 查看:[大字体 中字体 小字体]


爱心之键

实例说明:当你的鼠标移到一个标有心形的红色按钮上后,它会变为黄色,再按下鼠标,则会出现另一个画面,有一个可爱的汉堡在不断地跳跃。这种方法在网页上也常可见到。

有关知识:绘制实例,按钮的制作及设置,给电影增加动作。

操作步骤:

步骤1:打开Flash,建立一个新文件。从菜单栏中选择插入>添加组件,(Insert>New Symbol..)在出现的对话框中选按钮(button)类型,命名为:“爱心之键”,然后按OK确定。随之则出现了按钮编辑窗口,这时在时间轴Up处会有一个空心小圆点,表示你现在可以在Up处进行绘图,在工作区用绘图工具中的画圆工具(Oval tool)画上一个圈,这就是按键的最外圈,让我们给它附上一个渐变的色彩,使它看上去具有立体感,选箭头工具(Arrow tool),选择圆,然后选颜料桶工具(Paint BUCket),在下方会出现充填颜料的工具(Fill Color),点中它,会弹出一个调色板,你可以直接在最底层选一个黑白色的圆形渐变图案,然后在工作区的圆上点击,注意要让白色的中心点偏左上,这样立体感更强。如图6.1.1所示。



Flash心形按钮(图一)
图6.1.1 底框1的制作

步骤2:新建一个层,从菜单栏中选择插入>添加层,(Insert>Layer),取名“底框2”,再如步骤1那样画一个圆,要比底框1小一些,它的大小决定了底框的宽度。要注意的是在填色时要让白色的中心点偏右下。如图6.1.2所示。

Flash心形按钮(图二)
图6.1.2 底框2的制作

步骤3:再建一个层,取名“按钮”,一样画一个圆,不过这次用红色的渐变色来填充,白色的中心点偏左上。如图6.1.3所示。

Flash心形按钮(图三)

图6.1.3 按钮的制作

步骤4:再建一个层,取名“心”,你可以用铅笔工具(Pencil tool)来画,也可以用几个几何形来叠家。我的作法是先用方形工具(Rectange tool)画一个正方形,并在工作区选中它,按右键,在弹出的菜单中选旋转(Rotate),这时方形周围会出现八个控制点,将鼠标移至最右下角的那个控制点,鼠标将变为旋转样式,然后按住Shift键,(控制方形以45度角旋转)使其旋转45度。再用画圆工具(Oval tool)画上两个圈,分两边放于方形上方,将三者都填为黑色,好了,一个心基本做好了,我们也来给它加上点立体吧,复制一个心,选中它,按右键,在弹出的菜单中选旋转(Scale),将其缩小些,然后填以红色的渐变色,放在大的心上,选中两个心,从菜单栏中选择修改>群集,(Modify>Group),将它们合并。如图6.1.4所示。

Flash心形按钮(图四)
图6.1.4 心的制作

步骤5:现在我们要完成“爱心之键”的其他状态,即鼠标移上去(Over)和按下去(Down)的状态,在时间轴上浮动(Over)栏中,每一个层都按F6,(插入关键帧),这样就把Up时的状态全都复制到Over状态了,我们要改变的只是将“按钮”层和“心”层的图案,都用黄色的渐变色来代替红色的渐变色填充。如图6.1.5所示。

Flash心形按钮(图五)

图6.1.5 Over状态的制作

步骤6:在时间轴上按下(Down)栏中,每一个层都按F6,(插入关键帧),在“按钮”层点中按钮图形,按右键,在弹出的菜单中选旋转(Scale),将其缩小些,然后填以红色的渐变色,但要将白色的中心点偏右下。在“心”层中同样将心也缩小些,如图6.1.6所示。

Flash心形按钮(图六)

图6.1.6 Down状态的制作

美观有立体感的按钮图就大功告成,你还可以充分发挥你的才能,做出更好的效果,如图6.1.7所示。

Flash心形按钮(图七)

图6.1.7 已做好的按钮

步骤2:汉堡的制作,从菜单栏中选择插入>添加组件,(Insert>New Symbol..)在出现的对话框中选图像(Graphic)类型,命名为:“汉堡”,然后按OK确定。随之则出现了制作graphic symbol的界面,运用不同的工具,画上一只可爱的汉堡,看上去要越新鲜越好喔。如图6.1.8所示。

Flash心形按钮(图八)

图6.1.8 汉堡的制作

步骤3:现在开始整段的制作,从菜单栏中选择修改>电影属性,(Modify>Movie Properties),在出现的对话框中设好尺寸,宽500px,高300px,然后按OK确定。如图6.1.9所示。

Flash心形按钮(图九)

[1] [2] [3] 下一页 




上一篇:书本翻页效果

下一篇:弹性球效果

Flash心形按钮 相关文章:
·欣赏:非常实用的button按钮
·C#中水晶按钮的程序生成
·如何在IE右键菜单中添加菜单项以及如何添加IE任务栏按钮
·Flash心形按钮
·制作加强版的Apple风格按钮
·Photoshop超级轻松打造web2.0水晶风格按钮
·Photoshop轻松制作Apple网站导航条按钮
·Flash另类效果之透明按钮设计
·用Photoshop制作网页常用小巧按钮(上)
·用Photoshop制作几款透明质感按钮
Flash心形按钮 相关软件:
·回默认首页按钮
·推荐!微软风格的按钮
·绝妙CSS效果-特色按钮
·各种特色实用按钮大汇粹
·按钮图标集锦(二)
·维维光驱智能钮V1.0
·渐变按钮
·Flash另类效果之透明按钮设计
·网页中添加打印按钮
·推荐特效!闪烁的按钮

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn