| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 留言本 | 返回总部 | 
您现在的位置: Photoshop资源站 >> Photoshop学院 >> 网页设计 >> 按钮制作 >> 正文
  [组图]Photoshop绘制精致金属边框水晶球按钮         ★★★ 【字体:
Photoshop绘制精致金属边框水晶球按钮
作者:佚名    文章来源:网上收集    点击数:    更新时间:2007-9-24    
 这次我将和朋友们一起用Photoshop绘制一个特别精致的金属边框水晶球按钮

单击这里下载原文件
  
以下是最终效果。

  下面开始制作:

  -在PS中新建立一个250*250的文件,背景色选用白色。

  -创建一个新图层命名为“颜色渐变”。

  -按CTRL+R打开标尺,从X,Y轴分别拖拉出参考线,将参考线移动至文件中心位置,然后在中心位置按SHIFT+ALT键用椭圆选区工具作出正圆选区。(在拉出椭圆选区之前,先在把选择区在属性栏的数值样式设置为固定大小为152*152像素)

  -按CTRL+H暂时隐藏参考线。

  -在“颜色渐变”图层中用渐变工具在选择区内作出由黑到白的渐变,注意下拖动的方向。

  结果因该和下面这样差不多

  -在保持选择的情况下建立一个新图层命名为“内阴影”,并用黑色对内部进行描边2像素处理(编辑-描边),然后用高斯模糊3个像素(滤镜-模糊-高斯模糊)。

  -按CTRL+D取消选择。

  -下面来制作内部的高光和反射光。

  -新建立一个图层组叫做球内高光。

  -在图层组中建立一个图层名为“底部高光”。

  -在创建另一个新图层,暂不用命名。

  -在这个未命名的图层中,用椭圆工具建立一个固定大小为190*160像素的选择区,并用黑色填充,位置就象以下这样:

  -现在回到“底部高光”上这个图层上来进行编辑。

  -按CTRL单击颜色渐变图层,载如其选择区。

  -将这个圆形选择区收缩2个像素。(选择-修改-收缩)

  -现在按住CTRL+ALT键的点击之前做的那个未命名的黑色椭圆选区,此时可以得到一个2者相减所得的选择区

  -现在取消选择并把那个未命名的黑色椭圆图层删除掉(直接拖放到图层调板下的垃圾桶中即可)。

  -用选择-羽化命令将该选择区羽化3个像素,然后用白色填充,按CTRL+D取消选择并把图层透明度设置为40%

  -建立一个新图层名为“内部大高光”,按现在在把参考线拖出来,从参考线上的中心点用椭圆工具按住SHIFT+ALT键拖出正圆选区。同样的选择区的正圆的大小要事先设置为固定大小128*128像素。

  -用白色填充选择区,取消选择后,把此图层的透明度设置为10%

  -现在用移动工具,用键盘上的上方向键向上轻移2个像素。再次按CTRL+H把参考线隐藏起来。

  -继续在图层组内建立一个新的图层名为“底部高光(大)”。

  -按CTRL单击“颜色渐变”层,载入其选择区,并把选择区收缩4个像素(选择-修改-收缩)。

  -下面把用鼠标拖拉文挡边界的4个角,以腾出多的空间出来好进行下一部的编辑。。

  -接下来用椭圆选区工具,按住ALT键从多出来的灰色的地方开始拖拉选择区,剪除不需要的选择区部分。

  -在得到我们需要的选择区后在用放大镜工具将图象稍做放大,在用多边形套锁选区工具剪除新选择区的中的一部分,

  -平滑选择区3个像素(选择-修改-平滑)。


[Page]

-用渐变工具,选择白色到透明的渐变对选择区进行下一步编辑:

  -在选择区中由上至右下拉出渐变:

  -建立一个新层名为“底部小高光”,用椭圆工具做出椭圆(设置为固定大小15*8像素),用白色填充后在取消选择并,把它放置在球体的右下位置。在用CTRL+T自由变换,设置角度为-12度。并把度透明设置为85%

  -创建一个新图层名为“左上反射高光”。这里我用钢笔工具先做出路径,然后按CTRL+ENTER变成选区并用通道将其选择区保存起来。

 

  -现在在载入颜色渐变的选择区,把选择区收缩2个像素。回到通道面板然后按住SHIFT+CTRL+ALT并点击刚刚保存在ALPHA中的那个选择区,就得到了象以下图中的选择区。

[1] [2] 下一页

文章录入:soft    责任编辑:soft 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    Photoshop制作msn水晶图标
    播放器按钮的制作
    教你用PS打造精致金属质感水晶按钮
    Photoshop实现梦幻水晶按钮
    Photoshop打造逼真的电梯按钮
    Photoshop轻松制作web2.0水晶风格按钮
    Photoshop制作一款美女水晶按钮
    Photoshop 制作金属质感图标
    打造晶莹剔透的水晶按钮
    制作人像网页按钮