主题:  如何做圆角边框!

哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#12001/10/16 13:00:04
我们先来看看效果:

页面:点这儿参观
下面是具体的做法,很简单:



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#22001/10/16 13:00:31
1、在FW中新建10*10的文件,背景设为透明,如图:




哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#32001/10/16 13:00:54
2、按住SHIFT键在画布中画一个10*10的白色正方形:

再画一个20*20的正圆,位置如图:



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#42001/10/16 13:01:15
3、同时选中两个物件,点击“合并”(用红色圈出),效果如图;然后导出为Alpha透明的GIF图片。


编辑历史:[这消息被哈哈品编辑过(编辑时间2001-10-18 19:52:09)]


哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#52001/10/16 13:01:35
4、在DW中新建一文件,插入一3*3的表格,设定背景色:



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#62001/10/16 13:01:49
5、设第一列宽为10,并将第一个单元格设为“水平:左对齐;垂直:顶端”对齐,插入前面所做的GIF图片:

至此一个带左圆角的边框就完成了。



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#72001/10/16 13:02:14
6、看下面这张图,表二是两个圆角的表格,做法与上面相同。表三是只改动了表格的背景颜色,但丝毫没有影响圆角的效果,这就是前面我们在FW中为什么要用Alpha透明导出图片。


您看明白了吗?



冰河谷

职务:普通成员
等级:3
金币:10.0
发贴:1130
注册:2001/5/25 18:33:08
#82001/10/16 16:44:18
好个品品,自导自演。。。

哈哈。。。公开表场品品同学(下一学期的三好生是你的罗~~~~~~~~)!



sui.smile~

职务:普通成员
等级:3
金币:16.0
发贴:1169
注册:2001/10/14 15:47:39
#92001/10/16 18:05:56
品老兄,你的网站大多数是国人的漫画,哦,我觉得应该是连环画比较恰当一些
也许是小日本的东东太猖狂了,一说漫画就令人想到七龙珠什么的,呵呵
,支持国货,好样的 ;)



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#102001/10/16 18:45:09
谢谢随心smile,关于漫画的事还是到我的网站去谈吧(留言板),在这里恐怕有灌水之嫌哦,呵呵~~



潇帅侠

职务:普通成员
等级:1
金币:0.0
发贴:96
注册:2001/10/15 23:01:48
#112001/10/16 20:14:02
帮助很大~



无意

职务:普通成员
等级:1
金币:0.0
发贴:92
注册:2001/10/15 9:39:11
#122001/10/17 9:34:24
恕我直言,这种制作的方法会导致只故局部,不顾整体。
不知道大家有没有这种经历,就是做了一个很别致的小东西,单独看时很不错,但一放到网页上就显得不大和谐,原因很多,其中一个很重要的原因就是没有顾及页面整体效果。
所以建议大家在做图的时候,最好以自己的页面整体为一个图层,细节部分则新开一个层来做,随时看着和自己的页面是否搭配,比如做圆角,具体采用什么颜色,高度,宽度如何,圆角弧度多大,如果单独做,似乎都不成问题,但配着自己的页面,你就会发现其实这些都需要慎重考虑,才能保持整个页面的和谐。
对于具体的制作过程,建议大家也多用一下钢笔工具,虽然比直接画个圆麻烦,不过能做出更多的弧度效果。
以上只是我个人的观点,不一定正确,仅供参考



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#132001/10/17 10:07:33
to 无意:其他的没意见,就你那句“具体采用什么颜色”可能是没仔细看我写的,我用的是把内角设为透明,所以你只要改变表格的背景色就可以了。
做网页一般应先考虑页面,然后才根据需要相应地做这些小东西,所以,宽、高、弧度应该在做之前就考虑好,但方法是相通的。

这是我见论坛上有很多人都问到做圆角表格的问题,所以就一般的做法写了这篇文章。方法只能是方法,具体运用当然要靠自己变通。条条大路通罗马。



sui.smile~

职务:普通成员
等级:3
金币:16.0
发贴:1169
注册:2001/10/14 15:47:39
#142001/10/17 15:58:29
其实在fireworks里画一个导角的矩形,然后切割,把两边小圆弧的部分单独割出。
导入到dw里把其他部分切片删掉,然后把表格背景色设为跟导角一样的颜色
也成吧应该。:)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~sui~



哈哈品

职务:普通成员
等级:6
金币:18.0
发贴:4349
注册:2001/9/11 14:26:11
#152001/10/17 17:12:24
随心smile在上个帖子中说
引用:
其实在fireworks里画一个导角的矩形,然后切割,把两边小圆弧的部分单独割出。
导入到dw里把其他部分切片删掉,然后把表格背景色设为跟导角一样的颜色
也成吧应该。:)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~sui~


也行,但是只能用于这个表格,如果是另一颜色的表格,则要另外做图片插入。