///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Flash实例


/pc/bin/msg.pl?file_id=k_flashjq8 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

///pc/img/blank.gif" width="1" height="1">
8.动态圆形按钮之二

   8)选择菜单Window->Library,///pc/homepage/flashsl/flash08/img/flash010.gif" width="132" height="160" align="absmiddle" alt="库菜单">

 

调出图符资料库,点击Name栏中的circle,拖动上方的图形到工作区中的适当位置。

///pc/homepage/flashsl/flash08/img/flash011.gif" width="160" height="180" alt="图符库">

  9)选择工具栏中的箭头工具///pc/homepage/flashsl/flash08/img/flashjt.gif" width="24" height="23" align="absmiddle" alt="箭头工具">,选中圆形图片,按键盘的Ctrl+D键,复制它。点击常用工具栏中的Scale按钮///pc/homepage/flashsl/flash08/img/flashsca.gif" width="26" height="22" align="absmiddle" alt="缩放工具">,这时图片周围出现六个白色的小方块,用鼠标按住位于四个顶点的白色小方块的任意一个并向中心处拖动。这时您将看到圆形面积缩小。

///pc/homepage/flashsl/flash08/img/flsh003.jpg" width="200" height="201" alt="缩小的圆形">

  10)用鼠标右键点击Over影帧,在弹出的菜单中选择Insert Keyframe项。选择菜单Modify->Break Apart,将此圆形图片打散。

///pc/homepage/flashsl/flash08/img/flash012.gif" width="280" height="128" alt="打散的圆形">

  11)选择工具栏中的墨水瓶工具///pc/homepage/flashsl/flash08/img/flash013.gif" width="24" height="22" align="texttop" alt="墨水瓶">,把参数栏中的边框颜色设置成黄色,线宽设置成8,线型设置成Solid。///pc/homepage/flashsl/flash08/img/flash014.gif" width="56" height="87" align="absmiddle" alt="边框颜色线宽线型">

 

移动鼠标并单击图形的外围轮廓,这时您将看到图形的边缘出现一个黄色光环。这就是按钮在“鼠标经过(Over)”时的模样。

///pc/homepage/flashsl/flash08/img/flash015.gif" width="194" height="107" alt="鼠标经过">

  12)用鼠标右键点击图层Layer1的“Down”影帧,在弹出的菜单中选择Insert Keyframe,使“Down”影帧变为关键帧。

///pc/homepage/flashsl/flash08/img/flash016.gif" width="146" height="153" alt="插入关键帧">

  13)选择菜单Window->Inspectors->Transform,

///pc/homepage/flashsl/flash08/img/flash017.gif" width="342" height="157" alt="监控板菜单">

在弹出对话框的Scale域中输入85.0,

///pc/homepage/flashsl/flash08/img/flash018.gif" width="194" height="209" alt="监控板">

即缩小到原来的85%。这就是按钮在“按下(Down)”时的模样。
  14)点击等时线左上角的Scene1按钮///pc/homepage/flashsl/flash08/img/flash006.gif" width="148" height="27" align="absmiddle" alt="场景按钮">,切换到场景1。选择菜单Window->Library,打开图符资料库,

///pc/homepage/flashsl/flash08/img/flsh004.jpg" width="160" height="243" alt="图符库">

从中拖出btn按钮到工作区的中央。利用步骤13中的方法,调整按钮的大小为原来的70%。

///pc/homepage/flashsl/flash08/img/flash019.gif" width="223" height="174" alt="放在工作区中的按钮">

  15)选择菜单Control->Test Movie,即可看到所制作的按钮效果。


上一步  下一实例(动态矩形按钮)

/pc/bin/msg.pl?file_id=k_flashjq8 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页