中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

按钮大小变化在FW中的制作

    在网页中我们经常在制作按钮时给它加上许多的变化，其中有一种是在鼠标滑到按钮时，按钮变大或变小。这种效果小巧精致给网页增加了动感。由于变大或变小是以同一基准圆为核心的，因此制作的难度较大。但在FW中却容易完成。下面就是制作的方法：
1、新建一文档：这里采用300X300，底色为白色。
2、选择Ellipse（圆形工具）按住shift键画一个正圆。可以为这个正圆添加各种效果，这里是为它添加了阴影。点选对象，选择Effect面板中的下三角形，选取Shadow and Glow-->Draw shadow.效果如图所示:


3.选取Frames面板.把第一帧拖向下方的第二个键--即复制第一帧.然后再回到第一帧中,我们用Transform工具缩小或增大圆形对象.这里是进行的缩小.缩小后可以调整两帧中的圆形.


4.我们用Rectangle工具在第一帧中圆的上方画一矩形,覆盖的面积以大的圆为准.这个区域是后面产生变化的区域,所以要注意.
5.完成后选取矩形,选择Object面板,选取值为0的可见度.如下图所示:


6.点选知形,选取Behaviors面板中的"+"号,会出现对话框:



选择slice-->再选择Simple Rollover

这样我们基本上完成了制作过程.再输出为网页格式即可.

**注意： 在输出时要注意,要选取Slicing:Use slice Objects才行。这只是按钮的制作,网页设计时,可以整页面设计.

 

　　《PHOTOSHOP设计风暴》　Mayrhm/文


　　
﹣相关报道




本站检索


与 或

中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿，强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈？
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统




   
网络教室编辑信箱