主题:  这次做的是圆的按钮,给个......

pbhbt

职务:普通成员
等级:1
金币:0.0
发贴:10
#12002/9/12 19:54:50

图片如下:


图片如下:



blackflame

职务:普通成员
等级:1
金币:0.0
发贴:25
#22002/9/13 2:22:28
这样的帖子该发到艺术设计区,或者水区吧,呵呵




职务:管理员
等级:1
金币:11.0
发贴:901
#32002/9/13 9:52:12
说一下你的制作方法



gullit

职务:普通成员
等级:1
金币:0.0
发贴:19
#42002/9/13 11:56:47
透明感不够



pbhbt

职务:普通成员
等级:1
金币:0.0
发贴:10
#52002/9/13 13:07:03
blackflame在上个帖子中说
引用:
这样的帖子该发到艺术设计区,或者水区吧,呵呵

对不起了,我是初学的,不知道向那里发.



pbhbt

职务:普通成员
等级:1
金币:0.0
发贴:10
#62002/9/13 14:32:51
第一步:外形/渐变填充
利用矩形工具在画布中央拉出一个圆形,尺寸为宽度的64、长度的64;
编辑渐变属性,起始颜色为#CCCCCC,从下拉菜单中选择“线性”,
改变线性渐变填充的方向;边缘项选择“消除锯齿” ;
使用选择工具来调整渐变属性,结果如下图所示。

图片如下:

第二步:内侧发光及投影
选中圆形图形。打开效果面板并从下拉菜单中选择>阴影与光晕>内侧发光及投影;
照下图所示选择参数

图片如下:


图片如下:

这时圆扭应该变为下边图片中的样子。

图片如下:

第三步:使其更加醒目,连续用了两个椭圆
拖出一个新的竖立椭圆,尺寸为宽度的47、长度的55;
编辑渐变属性,起始颜色为#FFCC00,从下拉菜单中选择“线性”,改变线性渐变填充的方向,边缘项选择“羽化”
打开填充面板并从下拉菜单中选择线性填充;
使用选择工具进行调整,使图形如下边所示;

图片如下:

拖出第二个新的横向椭圆,尺寸为宽度的54、长度的35;
编辑渐变属性,起始颜色为#FFCC00,改变线性渐变填充的方向,从下拉菜单中选择“线性”,边缘项选择“羽化”
打开图层面板将上层椭圆形的混合模式由“正常”改为“屏幕”;



pbhbt

职务:普通成员
等级:1
金币:0.0
发贴:10
#72002/9/13 14:43:55
效果如下图;

图片如下:

最后一步
加上文字,你就得到了这个漂亮的圆按钮

图片如下:

其实很多时候工作是重复的。



网络巡警

职务:普通成员
等级:1
金币:1.0
发贴:195
#82002/9/13 17:45:42
很好,verygood,尤其是你的精神



blackflame

职务:普通成员
等级:1
金币:0.0
发贴:25
#92002/9/14 3:15:59
用Fireworks做水晶球资料汇总:(来源经典论坛)

梦觉制作的MAC按钮插件:
详细介绍以及下载:http://www.blueidea.com/download/fireworks/
MacButton:创建Mac风格按钮(此插件已被Macromedia Exchange收录,官方下载地址
演示:

-----------------------------------------------


I服了U教程:
www.tel-net.com.cn/ahua/websheji/effect/3033/3033.htm?id2=3033

-----------------------------------------------

donger做的源文件:

此源文件教程:http://www.goeway.com/web/graphics/firework/basic/button/button_1.asp

----------------------------------------------

I服了U绘制的源文件:


----------------------------------------------

点燃灵感古惑狼,六月雪等的作品PNG源文件:






基本技巧总结:把握好渐变,羽化,透明度,Effect效果等。

更希望看这个帖子的朋友多发表自己的的经验。 :)




玻璃按钮教程(供参考方法思路)


翻译: blackflame(困猫)
教程源地址:http://www.ultraweaver.com/tutorials/glassbuttons/index.htm

在此下载源文件




1.创建新文档,大小200*200 Pixels,背景颜色:#AAAAAA.

2.选择Ellipse Tool(圆工具),绘制一个大小为150*150的圆形。放在画布中间。

提示:将绘制的元素放在画布的中央可以在主菜单里选择:Commands>Document>Center Document(MX 版本这个 命令消失了)

3。选择圆形,此时他处于高亮状态。在Fill填充面板里选择Radial(球形渐变)。在FILL颜色井弹出的编辑渐变参数中,改变颜色为从#0000bb到#ffffff。现在你的图片应该如下所示:



4.选择圆形保持高亮状态,在工具面板里选择"paint bucket"。你应该可以看到有一条细黑线,并在某一端有调节柄(如下图)。调节渐变如下图所示:




5。创建一个新圆,大小为130 * 130 pixels,颜色为#ffffff.将它置于画布的中央(按照第二步的提示)。此时,正处于被选择的高亮状态,在主菜单中选择Edit>Copy(ctrl+C),然后选择Edit>Paste(CTrl+V)



6。你现在应该有了两个大小为130*130的圆形。此时,选择上面的白色圆形,按住shit键不放,按动小键盘上的向下键移动两次。结果是移动白色圆形20个象素。如下所示:


提示:按住shit键不放,按小键盘选择方向键可以一次移动10个象素。这次我们是向下移动了20个象素。

现在两个圆形均可见,下面的圆形为高亮选择状态。按住shit键不放,选择上面的白色原形。现在两个处于高亮状态。在主菜单中选择Modify>Combine>Punch。结果是一弧形产生了。如下;



7。现在弧形处于高亮选择状态,在层面板layers Panel。将透明度修改为70%.




8。现在可以看出球体按钮已经开始成型。选择刚刚创建的弧形,在Effect区内选择Blur>Glaussian Blur。在弹出的菜单内我增加了4.5个数值的模糊效果。你可以凭你的喜好选择模糊程度。这个部分可以由你自由发挥。(以下作者描述了下不同数值的结果,不在赘述,困猫注)

提示:你可以使用Subselection Tool(见下图)来调整弧形的各个节点,使它变的厚一些,或者薄一些。选择Subselection Tool工具,然后选择弧形,点中需要调整的节点,这时候它会由白色的空心变成绿色的实心(也会显现他的手柄点)。使用小键盘的方向键进行细致的移动调节,或者用鼠标拖动节点。


你应该已经得到这样的一个图形:



9.我们现再加一个新圆形,来作为最终效果图的边缘。选择有蓝白渐变的圆形。克隆(ctrl+shift+D)一个新圆.在信息面板(Info Panel,MX已经整合到了Properties)里设置圆的大小为165*165 pixels。在填充选项里将球形渐变变为线形渐变(Linear),并编辑渐变颜色为从#ffffff到#555555.选择Paint Bucket工具。调整渐变的效果,使颜色重点的在上面,颜色淡的在下面 (调节的时候,可以暂时使其他元素在层面板里表示为不可见)

现在把新圆拖到层的最底部(Shift+ctrl+向下的方向键)。我们得到了教程实例的最终结果,应该类似于下图:



我还在这个按钮上加了些效果元素。其中蓝色圆形的描边为1px,让他看起来有点深度。上部的弧形还附加了些阴影效果。
我想你应该多加实际操作,多加体会,这样才能作出更理想的效果。

愿意看到更多的源文件分享~
blackflame(困猫) 2002 9.6 5:12

编辑历史:[这消息被blackflame编辑过(编辑时间2002-09-14 03:16:51)]


pbhbt

职务:普通成员
等级:1
金币:0.0
发贴:10
#102002/9/14 3:25:09
谢谢blackflame,做的方法真是无穷无尽,希望大家能把自己的方法说出来
这样能使自己的作品更美丽.



hongshengzhao

职务:普通成员
等级:1
金币:0.0
发贴:1
#112002/9/19 15:28:56
美就一个字!