中国IT动力,最新最全的IT技术教程
最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档 | 网通镜像
首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 硬件维护 | 未整理篇 | 站长教程
ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql
服务器 Win2000 Office C DreamWeaver FireWorks Flash PhotoShop 上网宝典 CorelDraw 协议大全 网络安全 微软认证
硬件维护  CPU  主板  硬盘  内存  显卡  显示器  键盘鼠标  声卡音箱  打印机  机箱电源  BIOS  网卡  C#  Java  Delphi  vs.net2005
  当前位置:> 图形图象 > 网页设计 > Flash
用FireworksMX制作圆角矩形六法(图)
作者:未知 时间:2002-05-20 10:24 出处:互联网 责编:chinaitpower
              摘要:用FireworksMX制作圆角矩形六法(图)

网页制作中经常用到圆角矩形——两角圆弧形、两角直角形(如图1),笔者总结了六种简便、实用的制作方法,现介绍如下:     一、菜单命令     1、选取工具箱的圆角矩形绘制工具,绘制一个圆角矩形;     


图1     2、绘制一个直角矩形,放置到圆角矩形需要产生直角的那一端,位置摆放如图2所示;     


图2     3、同时选定两个对象,执行菜单命令“Modify→Combine Paths→Punch”,效果已经出现了,请看图3。     


图3     二、修改圆角矩形角度     1、绘制一个圆角矩形;     2、选定该圆角矩形,按下快捷键“Ctrl+Shift+D”,原地克隆一个相同的圆角矩形,将克隆对象向下拖动一段距离(如图4);     


图4     3、选定克隆对象,在下方的Properties(属性)面板中,将Rectangle Roundness的数值调整至“0”把该圆角矩形的角转变为直角,这样,圆角矩形就变成了直角矩形;     4、按下快捷键“Crtl+A”同时选定编辑区的两个对象,执行菜单命令“Modify→Group”,将两个矩形组合在一起,这样圆角矩形就制作成功了。     换一种思考方式,如果首先绘制的是一个直角矩形,采用相同的操作步骤,调整角的度数由直角变为圆角,同样实现圆角矩形的制作。     三、使用工具箱的Knife     1、绘制一个圆角矩形;     2、选定圆角矩形对象,然后选取工具箱的Knife工具,沿着水平方向对圆角矩形进行切割(如图5);     


图5     3、切割完毕,可以清楚地看到,圆角矩形已被分成两大部分了,从路径节点的显示情况就可以说明这一点了;     4、使用“选取工具”将两个部分分别拖开,需要的部分留下,不需要的部分当然喀嚓掉了——删除!     四、利用Mask(遮罩)工具     1、绘制一个圆角矩形;     2、选取矩形工具再绘制一个直角矩形,以能够覆盖住圆角矩形的一半大小为佳,如图6所示;     


图6     3、选定直角矩形,按下快捷键“Ctrl+X”剪切它,再选定圆角矩形,然后执行菜单命令“Edit→Paste as Mask”,这样我们需要的效果就已经出现了。     五、利用圆角矩形与直角矩形的组合     1、绘制一个圆角矩形和一个直角矩形,两个矩形的宽度一样;     2、调整两个矩形的位置,使两个矩形交错重叠,圆角矩形在上部,直角矩形在下部(如图7);     


图7     3、按下快捷键“Ctrl+A”同时选定两个矩形,再按下快捷健“Crtl+G”将两个矩形组合在一起,这样圆角矩形就制作成功了。     前面介绍的五种方法,简便、实用性强,比较而言,下面介绍的第六种方法更具代表性,是最简单的一种。     六、利用工具箱的Crop工具     1、绘制一个圆角矩形;     2、选择工具栏中的“Crop工具”,将图像的上半部分选中,调整好大小(如图8):     


图8     3、双击选中部分进行剪切,大功告成。     上述六法,各具特点,或简单,或复杂,分别应用了不同的命令,达到了相同的目的,实属殊途同归,启发我们遇到问题多加思考,一定能够找到解决的办法。(出处:赛迪网)
关闭本页
 
首页 | 投资与合作 | 服务条款 | 隐私政策 | 收藏本站 | 设为首页 | 新用户注册 | 免责声明 | 使用帮助
Copyright ©2005-2008 chinaitpower.com All rights reserved. www.chinaitpower.com 版权所有