邮件订阅
5ucms插件,用FireworksMX制作圆角矩形六法(图)
作者: 来源: 日期:2016/12/27 13:33:57 浏览量:24(滞后) 人气:LOADING...(实时) 【

5ucms插件,用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、双击选中部分进行剪切,大功告成。     上述六法,各具特点,或简单,或复杂,分别应用了不同的命令,达到了相同的目的,实属殊途同归,启发我们遇到问题多加思考,一定能够找到解决的办法。(出处:赛迪网)

无忧站长学院,建站自然无忧www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms仿站,flash声音特效实例--声道的控制
下一篇:5ucms模版,flash声音特效实例--架子鼓(图)
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms插件,用FireworksMX制作圆角矩形六法(图)的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org