登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

如何制作按钮晕开效果  

2009-09-14 22:57:59|  分类: FLASH视频教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

(11)如何制作按钮晕开效果

请将鼠标移到上面的图片
点这里下载此例子的原代码文件 go.fla (按鼠标右键,选择目标另存为...)

  有网友问边城浪子主页的按钮晕开效果是如何制作出来的?阿捷正好要介绍自身是动画的按钮,就拿它作为例子吧:)
1.建立新场景,Ctrl+M设定大小为96X96,网格为16,背景白色;
2.Ctrl+Shift+Alt+G显示网格;
3.F8建立一个Graphic属性的符号;
4.选择铅笔工具,圆形,白色,线粗0.5,在工作区中心画一个直径32的圆;
5.选择油漆桶工具,建立一个兰色圆形渐影,并在已经画好的圆上点一下;
6.按F8建立一个属性Moive Clip的符号Flash教程图例,Ctrl+l调出符号库Flash教程图例,将已经作好的圆拖到场景中心;
7.在layer 1的时间轴上的第10,20影格处,分别按F6复制图象;
8.点击第10影格的兰色圆点,用放大工具将圆放大至直径96(参考教程五),注意圆的中心要对齐;
9.双击第1和10影格的兰色圆点,选择tweening的motion,建立好一个圆的放大缩小动画;(参考教程五)Flash教程图例
10.按F8建立一个属性Button的符号,点击UP下面的影格,在场景中心画一直径32的兰色圆,用文字工具在兰色圆输入白色的字母"GO";
11.点击Over下面的影格,选择橙色;
12.点击Down下面的影格,选择金黄色;(10-12按钮制作参考教程八)Flash教程图例
13.在layer 1下增加一个新层,在Up下面的影格插入一个空帧(F7);
14.点击新层Over下面的影格,按F6插入关键帧,按Ctrl+l调出符号库,将已经制作好的电影片段符号二(symbol 2)Flash教程图例拖入场景,中心与兰色圆对齐;
15.按9-backscren.gif (148 bytes)按钮返回场景1,将符号三(symbol 3)就是刚制作好的按钮符号拖入场景中心;
16.作品完成。按Ctrl+enter观看效果。

  我们来总结一下,符号中的电影片段(moiver clip)其实就是一个swf动画,在动态按钮的基础上,再加入电影片段就可以制成各种各样的按钮了。

  评论这张
 
阅读(562)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018